/*
* @ description: 博林的基础样式+公用样式，每个页面必须引用
* @ author: Spring
* @ update: Spring(2014.12.05)
*/

/*=============================================================== common CSS ===============================================================*/
/*--- sprites ---*/
.ico-logo,
.ico-hide,
.ico-show,
.alinks li,
.msgBox .prevNext .prev,
.msgBox .prevNext .next,
.cases .prev,
.cases .next,
.imgViewer .prev,
.imgViewer .next,
.sliderBtns a,
.banner-btn a,
.email{display: block;background-image: url(../img/icons.png);background-repeat: no-repeat;}

.aboutPage .mainner,
.newsPage .mainner,
.productsPage .mainner,
.memberPage .mainner,
.contactPage .mainner,
.joinUsPage .mainner{background: #ffffff url(../img/body_bg.jpg) repeat-x;}
/*--- icons ---*/
.ico-logo{width: 92px;height: 92px;background-position: 0 -64px;}
.ico-hide,
.ico-show{width: 30px;height: 30px;}
.ico-hide{background-position: 0 0;}
.ico-hide:hover{background-position: 0 -32px;}
.ico-show{background-position: -32px 0;}
.ico-show:hover{background-position: -32px -32px;}

.ico-news{width: 15px;height: 15px;background-position: -125px -24px;}
.ico-msg,
.ico-build{width: 28px;height: 28px;}
.ico-msg{background-position: -128px -45px;}
.ico-build{background-position: -128px -75px;}

.sideMenu{position: relative; width: 88px;border-right: 2px solid #e0e0e0;background-color: #ffffff; z-index: 1;}
.sideMenu ul{padding-bottom: 120px;border-bottom: 3px solid #0a6c6d;}
.sideMenu li{width: 88px;height: 88px;border-bottom: 1px solid #e0e0e0;}
.sideMenu li a{position: relative; display: block; width: 100%;height: 100%;line-height: 88px;text-align: center;font-size: 14px;color: #0a6c6d; z-index: 2}
.sideMenu .hover a{color: #ffffff;}
.sideMenu-on{position: absolute;left: 0;top: 0; width: 88px;height: 81px;background-color: #0a6c6d;border-bottom: 7px solid #054546; z-index: 1;}

.detailContent{padding: 20px 30px; border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;background-color: #ffffff;}
.detailContent .hd{padding-bottom: 5px;border-bottom: 3px solid #e0e0e0;}
.detailContent .hd .title{max-height: 80px; line-height: 40px; color: #333333;font-weight: 700;font-size: 22px;overflow: hidden;}
.detailContent .hd .extra{color: #999999;}
.detailContent .hd .extra span{padding: 0 5px;}
.detailContent .hd .extra .dt{border-right: 1px solid #eeeeee; color: #8fc120;}
.detailContent .bd{margin: 20px 0 10px;}
.freeData{line-height: 1.8;font-size: 14px;}
.freeData img{max-width: 100%;vertical-align: middle;border:none;}

/*=============================================================== 首页 index.html ===============================================================*/
.indexPage{background: #ffffff;}
/*--banner 幻灯片--*/
.banner{position:relative;width:100%;max-width:1920px;height:413px;margin:0 auto;}
.banner .sliderLoading,
.banner .sliderLoading2{}
.banner .sliderLoading{position:absolute;left:50%;top:50%;width:324px;height:56px;margin: -2px 0 0 -162px; text-align:center;line-height:56px;color:#9c9c9c;z-index: 0;}
.banner .sliderLoading2{width:330px;height:56px;background-position:213px -330px;background-repeat:no-repeat;}
.banner .sliderLoading em{color: #999999;}
.banner .slider{width:100%;height:100%;position:relative;z-index:1;overflow:hidden;margin:0 auto;background:#d3d3d3 url(../img/loading.gif) no-repeat 50% 50%;}
.banner .sliders{width:200%;height:100%;left:-50%;top:0;position:absolute;}
.banner .sliderBox{width:1920px;height:100%;margin:0 auto;}
.banner .sliderBox a{display:block;width:1920px;height:100%;position:absolute;z-index:1;opacity:.1;}
/*.banner .sliderBox a.on{z-index: 3; opacity: 4;}*/
.banner .sliderBox .tip{position:absolute;left: 50%;top: 73px;margin: 10px 0 0 -550px;margin: 0 0 0 -550px\9; width:510px;height:180px;z-index:9;opacity:0;;
	transition: margin-top .4s ease-in-out, opacity .3s ease-in-out;
	-webkit-transition: margin-top .4s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: margin-top .4s ease-in-out, opacity .3s ease-in-out;
	-ms-transition: margin-top .4s ease-in-out, opacity .3s ease-in-out;
	-o-transition: margin-top .4s ease-in-out, opacity .3s ease-in-out;
}
.banner .sliderBox .on .tip{margin-top: 0;opacity: 1;transition-delay: .6s;}
.banner .sliderBox .tip .tip-mask{position:absolute;left: 0;top: 0; width:100%;height:100%;background-color: #000000;opacity:.5;filter:alpha(opacity=50); z-index:-1;}
.banner .sliderBox .tip .tip-main{margin: 20px 40px;line-height: 1.4; color: #ffffff;}
.banner .sliderBox .tip h3{font-weight: 700; font-size: 26px; font-family: "microsoft yahei", sans-serif;}
.banner .sliderBox .tip h6{text-transform:Uppercase; font-weight: 400; font-size: 12px; font-family: Arial, sans-serif;}
.banner .sliderBox .tip p{height: 36px;margin: 5px 0; line-height: 18px; font-weight: 400; font-size: 12px; font-family: "microsoft yahei", sans-serif;overflow: hidden;}
.banner .sliderBox .tip h4{font-weight: 400; font-size: 18px; font-family: "microsoft yahei", sans-serif;}
.banner .sliderBox img{display:block;width:1920px;height:100%;}
.banner .sliderb{position:absolute;left:50%;bottom:17px;height:10px;z-index:4;}
.banner .sliderBtns{position: relative;left: -50%; float: left;}
.banner .sliderBtns a{float:left;display:block;width:10px;height:10px;margin: 0 5px; background-position:-57px 0;cursor:pointer;}
.banner .sliderBtns a:hover{color:#e7e7e7;}
.banner .sliderBtns a:focus{outline:none;}
.banner .sliderBtns a.on{color:#e7e7e7;background-position:-57px -11px;}
/*--msgBar 公告栏--*/
.msgBar{margin: 20px 0; width: 100%;}
.msgBar .msgBox{height: 38px;}
.msgBar .msgBox .dt{float: left; width: 98px;}
.msgBar .msgBox .dd{float: left; width: 900px;}
.msgBar .msgBox .ft{float: right;}
.msgBar .msgBox .dt{line-height: 38px;}
.msgBox .news{position: relative;width: 910px;height: 26px;margin: 6px 0;line-height: 26px;}
.msgBox .prevNext{float: left; margin: 6px 25px 6px 0;}
.msgBox .prevNext .prev,
.msgBox .prevNext .next{display: block;float: left; width: 27px;height: 26px;background-position: 0 -48px;cursor: pointer;}
.msgBox .prevNext .next{background-position: -27px -48px;}
.msgBox .news{position: relative;float: left;width: 750px;margin: 6px 0;height: 14px;overflow: hidden;}
.msgBox .news .inner{position: absolute;top: -14px;left: 0;}
.msgBox .news ul{position: absolute;top: 0;left: 0;}
.msgBox .news li{width: 750px;height: 14px;line-height: 14px;font-size: 14px; white-space: nowrap;}
.msgBox .news li a,
.msgBox .news li em{float: left;display: block;}
.msgBox .news li a{max-width: 650px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.msgBox .news li em{padding-left: 5px;color: #999999;}
.msgBox .btn-more{display: inline-block;width: 83px;height: 38px;line-height: 38px;text-align: center; background-color: #0a6c6d;color: #ffffff;font-family: Arial,sans-serif;font-size: 14px;}
.msgBox .btn-more:hover{background-color: #108081;}
/*--mainner--*/
/*scroller 滚动展示*/
.scroller{margin-bottom: 40px;}
.scrollerBox{height: 508px;overflow: hidden;}
.scrollerNav{position: relative; float: left; width: 108px; height:508px; background-color: #f2f2f2; overflow: hidden;z-index: 1;}
.scrollerCon{float: left; width: 1022px; height: 100%; background-color: #ffffff; overflow: hidden;}
.scrollerNav li{width: 108px;height: 254px;border-bottom: 1px solid #dcdcdc;}
.scrollerNav li span{position: relative; display: block; width: 100%;height:254px;background:url(../images/icon-scrollerNav.png) left top no-repeat; z-index: 3;}
.scrollerNav .item1 span{background-position: 0 0;}
.scrollerNav .item2 span{background-position: 0 -254px;}
.scrollerNav .item1.on span{background-position: -108px 0;}
.scrollerNav .item2.on span{background-position: -108px -254px;}
.scrollerNav .scrollerNav-on{position: absolute;left: 0;top: 0;width: 108px;height: 254px;background-color: #0098e1;z-index: 1;}
.scrollerCon li{width: 1102px; height: 508px;overflow: hidden;}
.scrollerCon li .block{float: left; display: block; width: 341px;height: 254px;}


/*工程实例*/
#j_case{position: relative;}
.cases{height: 142px;}
.cases .hd,
.cases .bd,
.cases .ft{float: left; height: 142px;}
.cases .hd{width: 32px;}
.cases .bd{width: 1000px;margin: 0 18px;}
.cases .ft{width: 32px;}
.cases .prev,
.cases .next{display: block; width: 32px;height: 142px; background-position: 0 -76px;cursor: pointer;}
.cases .next{background-position: -34px -76px;}
.cases .prev:hover{background-position: -68px -76px;}
.cases .next:hover{background-position: -102px -76px;}
.cases .dt{background-color: #e14540;}
.cases .ctrl{margin: 10px auto; width: 100%; height: 26px;}
.cases .ctrl .prev,
.cases .ctrl .next{display: block;margin: 10px auto;border-radius: 2px; width: 13px; height: 22px;padding: 5px 30px;cursor: pointer;}
.cases .ctrl .next{}
.cases .ctrl .prev:hover,
.cases .ctrl .next:hover{background-color: #ffffff;}
.cases .ctrl .prev .ico-prev,
.cases .ctrl .next .ico-next{margin: 0; display: block;width: 13px; height: 22px;background-position: -111px -67px;}
.cases .ctrl .next .ico-next{background-position: -96px -67px;}

.cases .pros{height: 142px;}
.cases .pros li{position: relative; margin-right: 18px;width: 152px;height: 142px;}
.cases .pros .p-info{position: absolute;left: 0;top: 0; display: none; width: 100%;height: 100%; margin: 0;padding: 0;}
.cases .pros li:hover .p-info{display: block;}
.cases .pros .p-mask{display: block; width: 100%;height: 100%;background: url(../img/mask_pro.png) no-repeat;}

.case-preview{position: absolute;top: 0;display: none;width: 340px;height: 142px; background-color: #0a6c6d;color: #ffffff;}
.case-preview .wrap{margin: 20px; overflow: hidden;}
.case-preview h4{margin-bottom: 2px; font-size: 14px;font-weight: 700;}
.case-preview p{height: 64px;line-height: 16px; font-size: 12px;overflow: hidden;}
.case-preview .action{margin-top: 5px;}

/*项目列表*/
.projects{height: 48px;}
.projects ul{float: left;width: 1098px;border: 1px solid #e5e5e5;border-right: none;border-bottom: none;}
.projects ul li{float: left;width: 182px;height: 46px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.projects ul li a,
.projects ul li img{display: block;width: 100%;height: 100%;}
.projects .projects-link{float: right; display: block;width: 144px;height: 48px;line-height: 48px;text-align: center; background-color: #333333;color: #ffffff; font-size: 14px;}
.projects .projects-link:hover{background-color: #555555;}

/*博林在中国*/
.row-blgInChina{position: relative;}
.map-jpg{}
.map-jpg .background{position: absolute;left: 0;bottom: 0;width: 100%;height: 620px;background-color: #f2f2f2;z-index: -1;}

/*=============================================================== 走进博林 ===============================================================*/
/*--banner-mini 小幻灯片--*/
.banner-mini{position:relative;width:100%;max-width:1920px;height:207px;margin:0 auto;}
.banner-mini .sliderLoading,
.banner-mini .sliderLoading2{}
.banner-mini .sliderLoading{position:absolute;left:50%;top:50%;width:324px;height:56px;margin: -2px 0 0 -162px; text-align:center;line-height:56px;color:#9c9c9c;z-index: 0;}
.banner-mini .sliderLoading2{width:330px;height:56px;background-position:213px -330px;background-repeat:no-repeat;}
.banner-mini .sliderLoading em{color: #999999;}
.banner-mini .slider{width:100%;height:100%;position:relative;z-index:1;overflow:hidden;margin:0 auto;background:#d3d3d3 url(../img/loading.gif) no-repeat 50% 50%;}
.banner-mini .sliders{position:absolute;left:-50%;top:0;width:200%;height:100%;}
.banner-mini .sliderBox{width:1920px;height:100%;margin:0 auto;}
.banner-mini .sliderBox .tip{position:absolute;left: 50%;top: 50%;margin: -60px 0 0 -550px; width:510px;height:120px;z-index:9;}
.banner-mini .sliderBox .tip .tip-mask{position:absolute;left: 0;top: 0; width:100%;height:100%;background-color: #000000;opacity:.5;filter:alpha(opacity=50); z-index:-1;}
.banner-mini .sliderBox .tip .tip-main{margin: 20px 40px;line-height: 1.4; color: #ffffff;}
.banner-mini .sliderBox .tip h3{font-weight: 700; font-size: 26px; font-family: "microsoft yahei", sans-serif;}
.banner-mini .sliderBox .tip h3 em{font-size: 15px;}
.banner-mini .sliderBox .tip p{height: 32px;margin: 5px 0; line-height: 16px; font-weight: 400; font-size: 14px; font-family: "microsoft yahei", sans-serif;overflow: hidden;}
.banner-mini .sliderBox img{display:block;width:1920px;height:100%;}

/*=============================================================== 新闻中心 ===============================================================*/
.newsSlider{height: 258px; padding-top: 50px;padding-bottom: 50px;}
.newsSlider .slideBox{float: left; width: 403px;}
.newsSlider .newsDesc{float: right; width: 480px;}

.slideBox{position:relative; width:403px; height:258px; overflow:hidden;}
.slideBox .items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
.slideBox .items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
.slideBox .items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
.slideBox .items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
.slideBox .tips{ position:absolute; bottom:0px; width:100%; height:36px; background-color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; /*overflow:hidden;*/}
.slideBox .tips .title{ position:absolute; left:0px; top:0px; height:100%;}
.slideBox .tips .title a{ color:#FFF; font-size:14px; line-height:36px; margin-left:10px; text-decoration:none;}
.slideBox .tips .title a:hover{ text-decoration:none !important;}
.slideBox .tips .nums{ position:absolute; right:0px; top:-15px; width: 100%;height:100%;text-align: center;}
.slideBox .tips .nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:20px; height:6px; background-color:#0a6c6d; text-indent:-99999px; margin:0 1px 0px 0px;}
.slideBox .tips .nums a.active{ background-color:#aae7e8;}

.banner-btn{position: absolute;top: 50%;right: 10px;margin: -6px 0 0 0;}
.banner-btn a{float: left;width:7px;height:12px;margin-left: 9px; overflow:hidden;z-index:4;}
.banner-btn .prevBtn{left:5px; background:url(../images/news_jt_l.png) center center no-repeat;}
.banner-btn .nextBtn{right:5px; background:url(../images/news_jt_r.png) center center no-repeat;}
.banner-btn .prevBtn:hover{left:5px;background:url(../images/news_jt_l01.png) center center no-repeat;}
.banner-btn .nextBtn:hover{right:5px; background:url(../images/news_jt_r01.png) center center no-repeat;}

.newsSlider .newsDesc h2{ display:block;padding:10px 0 15px 0; font-weight:normal; margin:0; border:0; background:url(../images/dot.jpg) left bottom repeat-x;}
.newsSlider .newsDesc p{ display:block;line-height:22px; font-weight:normal;  color:#646363; font-size:13px; margin:0; padding:15px 0 20px 0;}
.newsSlider .newsDesc .action{height: 28px; line-height: 28px;}
.newsSlider .newsDesc .action .more{float: right;}

.newsMain li{height: 120px; margin-top: 30px;padding: 15px 44px;background-color: #ffffff;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.newsMain .n-hd{height: 40px; margin-bottom: 5px;line-height: 30px;}
.newsMain .n-hd .title{float: left; max-width: 750px; color: #717171; font-size: 18px;}
.newsMain .n-hd .title a{color: #333333;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.newsMain .n-hd .title a:hover{color: #ffffff;

	text-decoration:none;
}
.newsMain .n-hd .time{float: right; font-size: 12px;}
.newsMain li:hover{background-color: #0098e1;color: #ffffff;}
.newsMain li:hover .title,
.newsMain li:hover .title a,
.newsMain li:hover .time{color: #ffffff;}
.newsMain .n-bd{height: 64px;line-height: 21px;overflow: hidden;}

.news-notice ul{margin-top: -30px;}

.newsDetail{padding-top: 40px;}
.newsDetail .hd{border-bottom: none; text-align: center;}
.newsDetail .hd .title{margin-bottom: 10px;padding-bottom: 5px; border-bottom: 3px solid rgb(224, 224, 224);font-weight: 400;}

/*=============================================================== 集团产业 ===============================================================*/
.estate-info{margin-bottom: 40px;}
.estate-info h3{margin-bottom:20px;line-height:1.5;font-size:18px;color:#333333;}
.estateCompanys{height: 110px;overflow: hidden;}
.estateCompanys .col{float: left;width: 243px;padding-right: 20px;margin-right: 40px;border-right: 1px dashed #e0e0e0;}
.estateCompanys .col-last{margin-right: 0;border-right: none;}
.estateCompanys p{margin-bottom:18px;line-height: 1; font-size:14px;}

.image-player{margin: 0 auto;}

/*pictureViewer 图片查看器*/
.imgViewer{width: 100%;display: block;}
.imgViewer .bigImg{width: 100%;height: 460px;background: #f9f9f9 url(../img/loading.gif) no-repeat 50% 50%; overflow: hidden;}
.imgViewer .bigImg img{display: block; width: 100%;height: 100%;}
.imgViewer .smallImg{position: relative; margin-top: 14px; width: 100%;height: 86px; zoom:1;}
.imgViewer .prev,
.imgViewer .next{position: absolute;top: -250px; display: block; width: 23px;height: 45px; cursor: pointer;}
.imgViewer .prev{left: 15px; background-position: -146px 0;}
.imgViewer .next{right: 15px; background-position: -180px 0;}
.imgViewer .prev:hover{background-position: -146px -48px;}
.imgViewer .next:hover{background-position: -180px -48px;}
.imgViewer .smallImg-m{width: 100%;height: 100%; overflow: hidden;}
.imgViewer .smallImg-ul{width: 110%;height: 100%; zoom:1;}
.imgViewer .smallImg-m li{position: relative; float: left;margin-right: 17px;width: 86px;height: 100%; cursor: pointer;}
.imgViewer .smallImg-m li .si-mask{display: none;position: absolute;top: 0;left: 0;width: 86px;height: 86px;background: url(../img/icon-si-mask.png) no-repeat; z-index: 2;}
.imgViewer .smallImg-m li:hover .si-mask,
.imgViewer .smallImg-m li.on .si-mask{display: block;}

/*=============================================================== 人力资源 ===============================================================*/
.jobs{margin-top: -22px;}
.table-jobs{width: 100%;display: table;}
.table-jobs .thead{height: 40px;line-height: 40px; background-color: #0a6c6d;color: #ffffff;font-size: 14px;}
.table-jobs .th,
.table-jobs .tr-hd .td{float: left;display: table-cell;text-align: center;}
.table-jobs .th,
.table-jobs .tr-hd .td{width: 27%; height: 40px;border-right: 1px solid #ffffff; line-height: 40px;}
.table-jobs .tr-hd{height: 40px;line-height: 40px; background-color: #eeeeee; font-size: 14px;color: #333333;}
.table-jobs .tr-hd .td{border-right-color: #eeeeee;}
.table-jobs .th-last,
.table-jobs .tr-hd .td-last{width: 18%;border-right: none;}
.table-jobs .tr-hd .td-last{width: 18%;}
.table-jobs .tbody .tr{margin-bottom: 1px;}
.table-jobs .tr-bd{display: none; padding: 25px 30px; text-align: left; overflow: hidden;}
.table-jobs .tr-bd .td-left{float: left; width: 560px; overflow: hidden;}
.table-jobs .tr-bd .td-right{float: right; width: 160px; overflow: hidden;}
.table-jobs .tr-bd .dt{height: 14px;margin-bottom: 15px; line-height: 14px; font-size: 14px;}
.table-jobs .tr-bd .dt span{margin-right: 25px; padding-right: 25px;border-right: 1px solid #333333;}
.table-jobs .tr-bd .dt span.last{border-right: none;}
.table-jobs .tr-bd .email{height: 24px; margin-top: 100px;padding-left: 43px;line-height: 12px;background-position: -217px 0;}
.table-jobs .btn-showMore{color: #0a6c6d;cursor: pointer;}

/*=============================================================== 站内搜索 ===============================================================*/
.s-highline{color: #ea5c08;}
.searchList dt,
.searchList dd{line-height: 20px;}
.searchList dt{font-weight: 700;color: #333333;}
.searchList dd{margin-bottom: 10px; border-bottom: 1px dotted #dcdcdc;padding: 6px 0; color: #888888;}