


/* 新闻选项卡css */
.slideNewBox{ width:100%; text-align:left; border-radius: 6px }
.slideNewBox .hd{ height:46px; position:relative;border-bottom: #f5f5f5 3px solid}
.slideNewBox .hd ul{ float:left; position:absolute; left:0; top:0px; height:48px;  padding-left: 0;margin-bottom: 0;}
.slideNewBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size: 24px;font-weight: 600; }
.slideNewBox .hd ul li.on{ height:46px; border-bottom: #0071E2 3px solid;position: relative;color: #0071E2}
.slideNewBox .hd ul li.on:after {position: absolute;width: 0;height: 0;bottom: 0;left: 50%;margin-left: -5px;border: 6px solid transparent;content: "";z-index: 1;border-bottom-color: #0071E2}
.slideNewBox .hd ul li i{margin-right: 6px}
.slideNewBox .bd ul{ padding:12px 0; zoom:1; height: 412px;margin: 0 }
.slideNewBox .bd ul li{ line-height:49px; font-size: 16px;border-bottom: 1px dotted #cccccc}
.slideNewBox .bd ul li .date{ float:right; color:#999;  }
.slideNewBox .hd .more {float: right;font-size: 12px;}
.slideNewBox .bd span {float: right;font-size: 13px;color: #999}
.slideNewBox .bd i {margin-right:5px;color: #8EC7FF;font-size: 8px}

/* 公司新闻焦点图效果 */
.picBtnTop{ height:410px; position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:110px; position:absolute; overflow:hidden; }
.picBtnTop .hd ul{margin: 0;padding: 0; }
.picBtnTop .hd ul li{height: 104px; text-align:center;background-color: #f2f2f2; color: #2b2b2b; border-bottom: #ffffff 2px solid; }
.picBtnTop .hd ul li h3{ width:110px; height:96px; margin: 0; padding: 15px; line-height: 32px; font-weight: 600; cursor:pointer; vertical-align:bottom; }
.picBtnTop .hd ul li.on{ color: #ffffff;background:#257A33 url("../images/icoLeft.gif") no-repeat 103px 45px; }
.picBtnTop .bd{ margin-left: 120px; position:relative;  background-color: #f5f5f5;}
.picBtnTop .bd .pic{ position:relative; z-index:0; width:100%; }
.picBtnTop .bd ul{height: 410px; width:590px;margin: 0; padding: 10px 10px 10px 15px; position:absolute; vertical-align:bottom; }
.picBtnTop .bd ul h4{margin: 0;line-height: 36px; font-size: 20px; padding: 0 0 8px 0;}
.picBtnTop .bd ul .top{line-height: 28px;font-size: 14px;color: #999999; border-bottom: #cccccc 1px dotted;padding-bottom: 10px;}
.picBtnTop .bd ul li{line-height: 45px;font-size: 16px; background: url("../images/dot.png") no-repeat left center; padding-left: 18px; border-bottom: #dddddd 1px dashed;}
.picBtnTop .bd ul li span{line-height: 42px; color: #999999; font-size: 14px;float: right;}
.picBtnTop .bd ul li a{color: #2b2b2b;}
.picBtnTop .bd ul li a:hover{color: #999999;}


/* 幻灯片css */
.slideBox{ width:100%; height:410px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:24px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:3; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:24px; height:24px; line-height:23px; text-align:center; border-radius: 4px; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#217CB5; color:#fff; }
.slideBox .bd{ width:100%;  height:410px; position:relative;  }
.slideBox .bd ul{ width:100%; padding: 0; margin: 0}
.slideBox .bd ul li{width:100%; position:relative; zoom:1; vertical-align:middle;}
.slideBox .bd ul li .pic{width:100%; position:relative; z-index:0;  }
.slideBox .bd ul li .pic img{width:100%;height:410px; vertical-align:bottom; }
.slideBox .bd ul li .bg{ width:100%; height:40px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.slideBox .bd ul li .title{ width:100%; height:40px; line-height:40px; left:0; bottom:0;   position:absolute; z-index:2; background-color: rgba(0, 0, 0, 0.5); }
.slideBox .bd ul li .title a{ color:#fff; padding-left:15px;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url("../images/slider-arrow.png") -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/**典型案例**/
.case-box{height: auto}

.case-box{ overflow:hidden; position:relative; background-color: #ffffff;  }
.case-box .hd{ overflow:hidden;  height:48px; line-height: 48px; font-size: 18px; color: #ffffff; background: #DDEFFB url("../images/picTabBg.png") no-repeat left center; padding:0 15px 0 23px;  }
.case-box .hd span{float: right;font-size: 14px;font-weight: 400;}
.case-box .hd .prev,.case-box .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; }
.case-box .hd .next{ background-position:0 -50px;  }
.case-box .hd .prevStop{ background-position:-60px 0; }
.case-box .hd .nextStop{ background-position:-60px -50px; }
.case-box .bd{ padding:12px 12px 0 12px;  border: #DDEFFB 1px solid; }
.case-box .bd ul{ overflow:hidden; zoom:1; }
.case-box .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.case-box .bd ul li .pic{ text-align:center; }
.case-box .bd ul li .pic img{ width:242px; height:160px; display:block; border-radius: 6px; }
.case-box .bd ul li .title{display: block; font-size: 15px; line-height:42px;width: 242px; text-align: center; height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.case-box .bd ul li .title a{color: #777777;}
.case-box .bd ul li .title a:hover{color: #cccccc;}
/**典型案例 end**/

/**资质荣誉**/
/**资质荣誉 end**/



/* 新闻选项卡*/
/* .openBox{ width:100%; text-align:left;}
.openBox .hd{ height:42px; line-height:42px; position:relative;background: url("../images/t_bg.png") repeat-x center}
.openBox .hd ul{ float:left;  position:relative; left:0; top:0; height:42px; padding-left: 0}
.openBox .hd ul li{ float:left; cursor: pointer;line-height: 42px; padding: 0 24px; font-size: 18px; margin-right: 10px; position: relative;background-color: #e4e4e4; border-radius: 21px;font-weight: 600}
.openBox .hd ul li.on{height:42px; text-align: center;background-color: #125CB1; color: #F5F5F5; border-radius: 21px;}
.openBox .hd ul li i{ font-size: 16px;color: #8EC7FF}
.openBox .hd ul li.on:after {position: absolute;width: 0;height: 0;bottom: 0;z-index: 1;}
.openBox .hd .more{ display:inline-block; float: right; width:59px; height: 42px; background: url("../images/more.png") no-repeat 0 0; margin: 10px 0 0 0;}
.openBox .hd .more:hover{ background: url("../images/more1.png") no-repeat 0 0;}
.openBox .hd .more .lk{width:59px; height: 42px;}
.openBox .bd ul{ padding-top: 8px; zoom:1;  padding-left: 0; height: 340px}
.openBox .bd li{ height:47px; line-height:47px; font-size: 16px; border-bottom: #cccccc 1px dashed }
.openBox .bd li i{font-size: 12px;color: #8EC7FF }
.openBox .bd li .date{ float:right; color:#999;  } */

/* 信箱选项卡*/
/* .mail-box{ width:100%; text-align:left; border-radius: 6px }
.mail-box .hd{ height:46px; position:relative;border-bottom: #f5f5f5 3px solid}
.mail-box .hd ul{ float:left; position:absolute; left:0; top:0px; height:48px;  padding-left: 0;margin-bottom: 0;}
.mail-box .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size: 24px;font-weight: 600; }
.mail-box .hd ul li.on{ height:46px; border-bottom: #0071E2 3px solid;position: relative;color: #0071E2}
.mail-box .hd ul li.on:after {position: absolute;width: 0;height: 0;bottom: 0;left: 50%;margin-left: -5px;border: 6px solid transparent;content: "";z-index: 1;border-bottom-color: #0071E2}
.mail-box .hd ul li i{margin-right: 6px}
.mail-box .bd ul{ padding:12px 0; zoom:1; height: 412px;margin: 0 }
.mail-box .bd ul li{ line-height:49px; font-size: 16px;border-bottom: 1px dotted #cccccc}
.mail-box .bd ul li .date{ float:right; color:#999;  }
.mail-box .hd .more {float: right;font-size: 12px;}
.mail-box .bd span {float: right;font-size: 13px;color: #999}
.mail-box .bd i {margin-right:5px;color: #8EC7FF;font-size: 8px} */

/* 横向滚动css */
/* .picMarquee-left{ width:100%;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:240px; height:160px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:36px;font-size: 14px; } */




/* 顶部抽屉导航 */
.drawer{width: 595px;float: right}
.drawer-box{ padding:0; height:42px;  position:relative; z-index:1; margin: 0 }
.drawer-box a{ color:#2b2b2b;  }
.drawer-box .nLi{ float:left;  position:relative; display:inline;  }
.drawer-box .nLi h3{ float:left; line-height: 42px;margin: 0;padding: 0 }
.drawer-box .nLi h3 a{ display:block; padding:0 12px; font-size:14px; font-weight:400;  }
.drawer-box .sub{ display:none; width:230px; left:0; top:43px;  position:absolute; background-color: rgba(0, 0, 0, 0.3); line-height:32px; padding:10px;  }
.drawer-box .sub img{width: 120px; height: 156px}
.drawer-box .sub li{ zoom:1; float: left; width: 100px;text-align: center}
.drawer-box .sub a{ display:block;color: #ffffcc}
.drawer-box .sub a:hover{ background:#6d6d6d; color:#fff;  }
.drawer-box .on h3 a{color:#ffffcc; background-color: rgba(0, 0, 0, 0.3);border-bottom:1px #ffffcc solid;font-weight: bold }
.drawer-box .on h3 a:after {position: absolute;width: 0;height: 0;bottom: 1px;left: 50%;margin-left: -5px;border: 6px solid transparent;content: "";z-index: 1;border-bottom-color: #ff5722}
.clear-drawer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

