@charset "utf-8";
/* CSS Document */

body{ height:inherit; margin:0  auto; font-family:"微软雅黑"; font-size:12px; line-height:1.5; overflow-x:hidden; color:#666}
ul { margin:0; padding:0;}
ul li{ list-style:none;}
a{ text-decoration:none; cursor:pointer; color:#666}
a:hover{ text-decoration:none;}
.f_left{ float:left;}
.f_right{ float:right;}
img{ border:0;}
table{ border:0;}
ul,li,div {padding:0;margin:0;}
.both{ clear:both}

#ssz li a.home_hover{ background:url(../img/navhover.gif) 0 0 repeat-x}
.nav ul{ margin-top:20px}
.nav ul li{ float:left}
.nav ul li a{ font-size:15px; color:#2b2b2b; display:block;padding:26px 15px; margin:0 10px}
.nav ul li a:Hover{ border-bottom:3px solid #0e6eb8; padding:26px 15px 23px 15px}
.nav ul li a.home_hover{ border-bottom:3px solid #0e6eb8; padding:26px 15px 23px 15px}


/* banner-box */
.banner-box{width:1100px;height:427px;position:relative;overflow:hidden; margin:0 auto}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1210px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:360px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:280px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#fa5400;}
 
 
 /*首席图片滚动*/
.rollBox{width:1100px; overflow:hidden; margin:0 auto;}
.LeftBotton,
.RightBotton{height:25px; width:31px; float:left;cursor:pointer;  }
.LeftBotton{ background:url(../img/bj_49.gif) no-repeat;margin-right:5px;_margin-right:5px;}
.RightBotton{ background:url(../img/bj_52.gif) no-repeat;}
.rollBox .Cont{	width:1100px;overflow: hidden;float:left;  }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont li{ width:259px; float:left;text-align:center;border-right:1px solid #eee; margin:0 8px}
.rollBox .Cont li span{ display:block; height:44px; text-align:center; background:#f7f6f6; border-bottom:3px solid #ecebeb; color:#565353; font-size:14px; line-height:44px}
.ges{ width: 259px; height:197px; text-align:center; } 
.rollBox .Cont li h5{line-height:26px;color:#505050;margin: 0px;padding: 0px;}
.rollBox .Cont li h5 a{ color:#02375c}
.rollBox #List1,.rollBox #List2{float:left;}

.txt1{ font-size:16px; color:#0e6eb8;}
.txt2{ width:58px; display:block; height:20px; background:url(../img/more.jpg) 0 0 no-repeat}
.txt2:Hover{  background:url(../img/more2.jpg) 0 0 no-repeat}
.txt3{ color:#212121; font-size:14px;}
.txt4{ color:#716f70; font-size:12px; line-height:23px}
.txt3:Hover{ color:#0e6eb8}
.txt5{ font-size:13px; color:#555; line-height:25px;}
.txt6{ font-size:24px; font-weight:bold; color:#1973ba; display:block; margin:0 0 10px 10px  }
.leftnav{  background:url(../img/leftmid.png) top center repeat-y}
.leftnav ul{ width:170px; margin:0 auto; padding-bottom:10px}
.leftnav ul li{ height:44px; line-height:44px}
.leftnav ul li a{ padding-left:10px; font-size:15px; border-bottom:1px dashed #dcdcdc ; display:block}
.leftnav ul li a:hover{ color:#F60}

.txt7{ font-size:16px; color:#1973ba}
.allnei{ padding:10px 0}
.allnei{ display:block; color:#717374; font-size:14px; line-height:24px; margin-top:15px;text-indent:2em; }
.page a { background: none repeat scroll 0% 0% #EEE;    overflow: hidden;  padding: 3px 10px; margin: 3px;}
.page a.thisclass { background: none repeat scroll 0% 0% #1E8CDA;  color: #FFF;}

.porlists{ margin:25px 0}
.porlists li{ box-sizing:border-box; width:calc(25% - 16px); float:left;text-align:center;border-right:1px solid #eee; margin:8px; }
.porlists li img.ges{ width:196px; height:130px; display:block; }
.porlists li span{ display:block; height:44px; text-align:center; background:#f7f6f6; border-bottom:3px solid #ecebeb; color:#565353; font-size:14px; line-height:44px}
.porlists li span:hover{ color:#F60}
a.bs{ font-weight:bold;}
a.bs:hover{ color:#fb5401}
.myjobs{line-height: 26px;font-size: 13px;}
.input3 {
    font-size: 14px;
    color: #FFF;
    background-color: #23559A;
    border: 1px solid #CCD6DF;
    height: 40px;
    width: 222px;
}

/* ===== 右侧悬浮联系条 ===== */
.side-bar{
  position:fixed;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.side-item{
  position:relative;            /* 弹层相对按钮定位 */
  width:50px;
  height:50px;
  border-radius:8px;
  background:#0e6eb8;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
  transition:background .2s ease, transform .2s ease;
}
.side-item:hover{ background:#0a5896; transform:scale(1.06); }
.side-ico{ font-size:20px; line-height:1; font-style:normal; }
.side-txt{ font-size:12px; margin-top:3px; }
.side-tel{ background:#ff7a00; }
.side-tel:hover{ background:#e86d00; }
.side-weixin{ background:#1aad19; }
.side-weixin:hover{ background:#159b15; }
.side-top{ background:#5b5b5b; }
.side-top:hover{ background:#444; }

/* 电话气泡：hover 显示 */
.tel-pop{
  position:absolute;
  right:60px;
  top:50%;
  transform:translateY(-50%);
  background:#ff7a00;
  color:#fff;
  padding:8px 14px;
  border-radius:6px;
  white-space:nowrap;
  font-size:14px;
  box-shadow:0 4px 14px rgba(0,0,0,.2);
  display:none;
}
/* 微信二维码弹层：hover 显示 */
.weixin-pop{
  position:absolute;
  right:60px;
  top:50%;
  transform:translateY(-50%);
  width:170px;
  padding:12px 12px 10px;
  background:#fff;
  border:1px solid #eee;
  border-radius:8px;
  box-shadow:0 6px 20px rgba(0,0,0,.18);
  text-align:center;
  display:none;
}
.weixin-pop img{ width:146px; height:146px; display:block; margin:0 auto 8px; }
.weixin-pop p{ font-size:12px; color:#666; margin:0; line-height:1.6; }
/* 桌面：鼠标悬停即展示 */
.side-tel:hover .tel-pop,
.side-weixin:hover .weixin-pop{ display:block; }

/* ===== 移动端响应式（≤768 / ≤480） ===== */
@media (max-width:768px){
  /* 固定宽表格转为块级纵向堆叠，消除横向溢出 */
  table, tbody, tr, td{ display:block; width:100% !important; box-sizing:border-box; }
  img{ max-width:100%; height:auto; }
  /* banner 自适应，箭头与圆点隐藏 */
  .banner-btn, .banner-box .hd{ display:none !important; }
  .banner-box{ width:100% !important; height:auto !important; }
  .banner-box .bd li{ height:auto !important; }
  .banner-box .bd li .m-width{ width:100% !important; }
  .banner-box .bd li img{ width:100%; height:auto; display:block; }
  /* 顶部导航换行居中 */
  .nav ul{ display:flex; flex-wrap:wrap; justify-content:center; margin-top:10px; }
  .nav ul li{ float:none; }
  .nav ul li a{ font-size:14px; padding:12px 8px; margin:0 4px; }
  /* 产品宫格 2 列 */
  .porlists li{ width:calc(50% - 16px); }
  /* 首页产品滚动条可横向触摸滑动 */
  .rollBox{ width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .rollBox .Cont{ width:max-content; }
  /* 悬浮栏缩小 */
  .side-bar{ right:8px; gap:8px; }
  .side-item{ width:44px; height:44px; border-radius:6px; }
  .side-ico{ font-size:18px; }
  .side-txt{ font-size:11px; margin-top:2px; }
  .weixin-pop{ right:54px; width:140px; padding:10px; }
  .weixin-pop img{ width:118px; height:118px; }
  .tel-pop{ font-size:13px; padding:7px 12px; right:54px; }
}
@media (max-width:480px){
  .porlists li{ width:calc(50% - 12px); margin:6px; }
  .nav ul li a{ font-size:13px; padding:10px 6px; margin:0 2px; }
  .side-item{ width:40px; height:40px; }
}