﻿body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img, iframe,a { margin: 0; padding: 0; }  table { border-collapse: collapse; border-spacing: 0; }  input, button, textarea, option { font: 12px "Microsoft Yahei", Arial, Helvetica, sans-serif; }  ul, li, div { list-style: none; border: 0px; }  img { border: 0px; vertical-align: middle;max-width: 100%;}  .clear { font: 0px/0px serif; display: block; clear: both; }  html { -webkit-text-size-adjust: none; }  input { outline: none; }  textarea { resize: none; }  a { text-decoration: none; color: #333;}  body:nth-of-type(1) input:focus, textarea:focus { outline: none; }  br { background: #fff; }  body { font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial; color: #333; background: #fff; position: relative; }.clearfix:after{content: "\200b"; display: block; height: 0; clear: both;} .clearfix{*zoom: 1;}a:hover{color: #f60 !important;}

.iframe{width:100%;height:30px;overflow:hidden;}
#header{width: 100%;min-width: 1100px; height: 30px;background-color: #e0e0e0;}
.header{margin: 0 auto;width: 1100px;}
.header span{float: left;line-height: 30px;color: #555555;margin-left: -9px;font-family: "microsoft yahei";}
.header span a{color: #555555;margin: 0 9px;}
.header span a.user{color: #168ce3;}
.header p{float: right;font: normal 14px/30px "microsoft yahei";}
.header p a{display: inline-block;float: left;margin-left: 23px;color: #555555;}
.header p a img{ margin-right: 8px; }
.header a:hover{color: #ff6600 !important;}

#top{ width:100%; height:94px; margin:0 auto;background: #2b82d9;min-width: 1100px;}
.top{ width:1100px; height:94px; margin:0 auto; position:relative; z-index:1;}
.top .logo{position:absolute; left:0; top:15px; z-index:1;}
.top span{position: absolute; left: 220px; top: 15px;}
.top h1{ width:110px; height:44px; position:absolute; left:245px; top:33px; z-index:1; font:bold 30px/42px "Microsoft Yahei","\5b8b\4f53"; text-indent:10px; border-left:1px solid #c0cbd3; color:#468e00; }
.top i{ width:180px; height:42px; position:absolute; left:331px; top:36px; z-index:1; background:url("/images/job/bgtitle.jpg") no-repeat;}
.top p{ float:left;  color:#999999;position: absolute;left: 295px;top: 15px;}
.top p a{ color:#666; padding:0 10px;font:bold 12px/30px "Tahoma", "\5b8b\4f53";}
.top p a:hover{ color:#1b8bd4; }


#top{ width:100%; height:94px; margin:0 auto;background: #2b82d9;min-width: 1100px;}
.top{ width:1100px; height:94px; margin:0 auto; position:relative; z-index:11111;}
.top .logo{position:absolute; left:0; top:15px; z-index:1;}
.top span{position: absolute; left: 220px; top: 15px;}
.top h1{ width:110px; height:44px; position:absolute; left:245px; top:33px; z-index:1; font:bold 30px/42px "Microsoft Yahei","\5b8b\4f53"; text-indent:10px; border-left:1px solid #c0cbd3; color:#468e00; }
.top i{ width:180px; height:42px; position:absolute; left:331px; top:36px; z-index:1; background:url("/images/job/bgtitle.jpg") no-repeat;}
.top p{ float:left;  color:#999999;position: absolute;left: 295px;top: 15px;}
.top p a{ color:#666; padding:0 10px;font:bold 12px/30px "Tahoma", "\5b8b\4f53";}
.top p a:hover{ color:#1b8bd4; }


.search{ width: 500px; height: 40px; position:absolute;top: 29px;right: 115px; background:url("/images/job/searchbg.jpg") no-repeat 0 0; z-index:9999;}
.search .selectbox{ width:60px; height:40px; position:absolute; left:0px;text-indent: 15px; font: normal 12px/40px "\5b8b\4f53","simhei"; color:#aaa; border:0; background: transparent none repeat scroll 0% 0%; cursor:pointer;}
.search .showfirst{ width:60px; height:40px; position:absolute; left:0px;text-indent: 15px; font: normal 12px/40px "\5b8b\4f53","simhei"; color:#aaa; border:0; background: transparent none repeat scroll 0% 0%; cursor:pointer;}
.search select{ width:60px; font:normal 14px/40px "Tahoma"; color:#868a8f;}
.search #keys{ width:360px; height:40px;line-height: 40px;color: #aaa; position:absolute; left:80px; border:none; display:block; outline:0;}
.search button{ width:69px; height:40px; position:absolute; border:0; right:0px; top: 0; display:block; cursor:pointer; background:none;font: normal 16px/40px "Microsoft Yahei";}
.search .selectbox-wrapper { width:60px; float:left; border:#cdcdcd 1px solid; border-top:0; padding-top:3px; background-color: #fff; text-align: center; position: absolute; top: 40px; z-index: 9999;}
.search .selectbox-wrapper ul { width:60px; float:left; display:block; background-color: #fff;}
.search .selectbox-wrapper ul li { width:60px; height:22px; line-height:22px; float:left; font:normal 14px/22px; color:#666; display:block; cursor:pointer;}
.search .selectbox-wrapper ul li:hover { background-color:#ccc;}
a.ruzhu{width: 110px; height: 40px; display: block; position: absolute; right: 0; top: 29px; background-color: #eee; text-align: center; color: #2b82d9; font: 14px/40px "Microsoft Yahei","\5b8b\4f53";}

.search #search{ width: 50px; height: 40px; border: none; position: absolute; padding-left: 10px; left: 0;
top:12px\9;top: 0px; color: #999; background: none; }
.search ul{ width: 74px; background: #fff; position: absolute; top: 35px; left: 0; }
.search ul li{ padding-left: 10px; line-height: 20px; cursor: default;}

.top button{width: 80px;height: 40px;display: block;border: 0px;cursor: pointer;position: absolute;background: #faaa17;font: normal 16px/40px "Microsoft Yahei";color: #fff;}



#navBar{width: 100%;background: #2b82d9;height: 40px;position: relative;margin: 0 auto 20px; min-width: 1180px;}
.nav{width: 1100px;margin: 0 auto;height: 40px;background: #419fe5;position: relative;}
.nav a{width: 150px;height: 40px;float: left;font: 16px/40px "Microsoft Yahei","\5b8b\4f53";text-align: center;color: #fff;margin: 0 34px;}
.nav a.shouy{border: 0;width: 113px;}
.nav a:hover{background-color: #0571c1;color: #fff !important;}
.wrapper{ width: 1100px; margin: 0 auto; }




.lectotype{width: 1098px;margin: 20px auto 0; border: 1px solid #e6e6e6;border-bottom: 0;}
.probox{width: 1098px;float: left;border-bottom: 1px solid #e6e6e6;}
.probox span{width: 121px; float: left;background: #f8f8f8;color: #333;text-align: center;border-right: 1px solid #e6e6e6; font: 14px/37px "\5b8b\4f53";height: 100%;display: block;}
.probox ul{width: 870px;float: left;padding: 6px 0 6px 12px; height: 25px; overflow: hidden;}
.probox ul li{ font: 14px/26px "\5b8b\4f53";float: left;padding-right:17px;margin-bottom: 10px;}
.probox ul li a{padding: 0 4px; display: block;color: #333;float: left;}
.probox ul li.all a{display: block;width: 44px;height: 25px;background: #2481c5;color: #fff;text-align: center;margin-right: 10px;padding: 0;}

.switch-outer a{width: 46px; height: 16px; line-height: 16px;margin-top: 9px;margin-right: 14px;cursor: pointer; float: right;border: 1px solid #e6e6e6; border-radius: 2px; color: #666;display: block;text-indent: 18px;}
.switch-outer a.icon-arrow-down{background:#f8f8f8 url("/images/job/tenderbg.png") no-repeat 5px -484px;}
.switch-outer a.more{background:#f8f8f8 url("/images/job/tenderbg.png") no-repeat 5px -524px;}

.proboxTab1 ul li a{ width: 45px; }
.proboxTab2 ul li a{ padding: 0 4px; }



.nicheTit{margin: 20px auto 15px;width: 1100px;}
.nicheTit h3{font:normal 18px/25px "Microsoft Yahei";color: #333;}

.senior{width: 1100px;margin: 10px auto 0;height: 125px;overflow: hidden;}
.senior ul{width: 1110px;float: left;}
.senior ul li{width: 149px;height: 125px; float: left;margin-right: 9px;background: #f5f5f5;padding: 10px 0 20px;}
.senior ul li span{width: 149px;height: 60px;display: block;float: left;background: url("/images/job/service-bg.png") no-repeat;}
.senior ul li a{width: 149px;height: 22px;text-align: center; display: block;float: left;overflow: hidden;color: #333;font: 14px/22px "Microsoft Yahei";}
.senior ul li a:hover{ color: #333 !important; }
.senior ul li p{width: 149px;height: 22px;text-align: center; float: left;overflow: hidden;color: #666;font: 12px/22px "Microsoft Yahei";}

.senior ul li span.ser1{background-position: -228px  16px;}
.senior ul li span.ser2{background-position: -228px  -51px;}
.senior ul li span.ser3{background-position: -225px  -116px;}
.senior ul li span.ser4{background-position: -231px  -176px;}
.senior ul li span.ser5{background-position: -230px  -240px;}
.senior ul li span.ser6{background-position: -230px  -300px;}
.senior ul li span.ser7{background-position: -226px  -369px;}

.senior ul li:hover span.ser1{background-position: 53px  16px;}
.senior ul li:hover span.ser2{background-position: 53px  -51px;}
.senior ul li:hover span.ser3{background-position: 56px  -116px;}
.senior ul li:hover span.ser4{background-position: 50px  -176px;}
.senior ul li:hover span.ser5{background-position: 51px  -240px;}
.senior ul li:hover span.ser6{background-position: 51px  -300px;}
.senior ul li:hover span.ser7{background-position: 55px -369px;}


.meiTitle{width: 1100px;margin: 0 auto;border-bottom: 3px solid #eceef4;}
.meiTitle h3{float: left; font: 26px/48px "Microsoft Yahei";color: #333;}
.meiTitle a.more{float: right;color: #888; font: 12px/48px "Microsoft Yahei";}

.platform{width: 1078px;height: 176px; margin: 0 auto 0;margin-bottom: 15px; border: 1px solid #ebebeb;margin-top: 20px;padding: 20px 0 20px 20px;}
.platApp{width: 100px; float: left;margin-right: 20px;}
.platApp span{width: 100px;height: 100px;float: left;background: url("/images/job/ybAPP.jpg") no-repeat;}
.platApp>a{font-size: 14px;line-height: 20px;color: #e65e42;display: inline-block;}
.platform p{width: 955px;float: left;}
.platform p a{width: 169px;height: 45px;float: left;border-radius: 5px;margin-right: 22px; text-indent: 65px; margin-top: 27px; font: 18px/45px "Microsoft Yahei","\5b8b\4f53";color: #fff;background-size: contain;}
.platform p a:hover{color: #fff !important;text-decoration: none;}
.platform p a.media1{background: #e3aa4f url("/images/job/platform-icon.png") no-repeat 12px 0;}
.platform p a.media2{background: #e65e42 url("/images/job/platform-icon.png") no-repeat 12px -64px;}
.platform p a.media3{background: #8db800 url("/images/job/platform-icon.png") no-repeat 12px -128px;position: relative;cursor: pointer;}
.platform p .media3 .QQhover {
	position: absolute;
	left: 0px;
	bottom: 40px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 30px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 30px;
	width: 100px;
	text-align: center;
	overflow: hidden;
	resize: none;
	font-family: "Microsoft Yahei";
   }
   .platform p .media3 .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 30px;
	content: "QQ:";
   }
   .platform p .media3:hover .QQhover{
	display: inline-block;
   }
.platform p a.media4{background: #0f8eec url("/images/job/platform-icon.png") no-repeat 12px -193px;position: relative;cursor: pointer;}
.platform p .media4 .QQhover {
	position: absolute;
	left: 0px;
	bottom: 40px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 30px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 30px;
	width: 100px;
	text-align: center;
	overflow: hidden;
	resize: none;
	font-family: "Microsoft Yahei";
   }
   .platform p .media4 .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 30px;
	content: "QQ:";
   }
   .platform p .media4:hover .QQhover{
	display: inline-block;
   }
.platform p a.media5{background: #308eb5 url("/images/job/platform-icon.png") no-repeat 12px -255px;}
.platform .nicheTit {
    margin-top: 0;
}
.media1{
	/*position: relative;*/
}
.weigz{
	width: 159px;
	height: 139px;
	text-align: center;
	background: url("/images/job/weibg.png") no-repeat;
	position: relative;
	top: 75px;
	left: 130px;
	display: none;
}
.weigz img{
	position: absolute;
	top: 25px;
	left: 30px;
}
.media1:hover{
	display: block;
}

#service{ width:100%; height:118px; margin:20px auto 0;}
.service{ width:1100px; height:94px; margin:0 auto;}
.service dl{ width:240px; height:94px; float:left; padding-left:35px; }
.service dt{ width:210px; height:48px; float:left; font:normal 16px/48px "Microsoft Yahei","\5b8b\4f53"; color:#565656; text-indent:48px; background:url("/images/job/serviceIcon.jpg") no-repeat;}
.service dd{ width:210px; height:46px; float:left; line-height:23px;}
.service dd a{ color:#999; padding-right:14px;font-family: "\5b8b\4f53";}
.service dd a:hover{ color:#168ce3; text-decoration:underline;}
.service .s4,.service .s4 dt{ width:210px;}
.service .s2 dt{ background-position:0 -48px;}
.service .s3 dt{ background-position:0 -96px;}
.service .s4 dt{ background-position:0 -144px;}


#footer{ width:100%; margin:0 auto; padding-bottom:16px;min-width: 1100px;background: #f6f6f6;border-top: 1px solid #ebebeb;}
.footer{ width:1100px; margin:0 auto; padding-top:16px;}
.footer p{ width:1100px; float:left; font:normal 12px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; color:#878787;}
.footer p a{ padding:0 4px; color:#878787;}
.footer p a:hover,.footer span a:hover{ color:#168ce3; text-decoration:underline;}
.footer span{ width:1100px; height:26px; float:left; padding:16px 0; text-align:center; font:normal 16px/26px "Microsoft Yahei","\5b8b\4f53"; color:#333;}
.footer span a{ color:#333; padding:0 10px;}
.footer b{ width:1100px; height:21px; float:left; text-align:center; font:normal 12px/21px "Tahoma","\5b8b\4f53"; color:#888;}
.footer strong{ padding:0 15px;}


/*goTop*/
.backHome {
	width: 54px;
}
.backHome a.goTopBtn {
	width: 38px;
	height: 46px;
	display: block;
	float: left;
	background: #0058a9;
	text-align: center;
	font: normal 14px/20px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 8px 8px 0 8px;
	margin: 2px 0;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome a.goTopBtn:hover {
	color: #fff !important;
	background: #0058a9;
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome a.guest,
.backHome a.guest:hover {
	background: url("/images/job/exhi.png") no-repeat 0 -180px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome a.guest:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome .weixin{
	position: relative;
	width: 38px;
	height: 46px;
	display: block;
	float: left;
	background: #38880b;
	text-align: center;
	font: normal 14px/20px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 8px 8px 0 8px;
	margin: 2px 0;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome .weixinBot{
	position:absolute;
	left: -116px;
	top:0;
}
.backHome .weixinBot img{
	width: 106px;
	height: 99px;
}
.backHome .weixin:hover{
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome .qq{
	position: relative;
	width: 38px;
	height: 46px;
	
	float: left;
	background: #38880b;
	text-align: center;
	font: normal 14px/20px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 8px 8px 0 8px;
	margin: 2px 0;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
	
}
.backHome .qq,
.backHome .qq:hover {
	background: url("/images/job/exhi.png") no-repeat 0 -366px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome .qq:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.backHome .weixin,
.backHome .weixin:hover {
	background: url("/images/job/exhi.png") no-repeat -55px -366px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome .weixin:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome .qq:hover .qqconsult{
	display: block;
}
  .qqconsult{
	display: none;
	position: absolute;
	left: -115px;
	top:-20px;
	padding-right: 10px;
	z-index: 9999;
	
}
.qqBox{
	width: 106px;
	height: 99px;
}
.qqBox img{width:98px;height:91px}

.ToTop {
	width: 54px;
	height: 54px;
	position: fixed;
	_position: absolute;
	top: 376px;
	_top: expression(eval(document.documentElement.scrollTop+318));
	display: none;
	
}
.ToTop a,
.ToTop a:hover {
	display: block;
	width: 54px;
	height: 54px;
	background: url("/images/job/exhi.png") no-repeat -54px -180px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.ToTop a:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.exhiDate{ background: #fb972c; color: #fff; }
.CalendarCon a.exhiDate{ background: #fb972c; color: #fff; }
#goTop {
	position: fixed;
	_position: absolute;
	top: 142px;
	display: block;
	right: 10px;
	z-index: 999;
}
*html,
* html body {
	background-attachment: fixed;
}
#productNav {
	display: block;
	_top: expression(eval(document.documentElement.scrollTop+142));
	top: 142px;
}
*html #goTop {
	position: absolute;
	
	right: expression(eval(document.documentElement.scrollLeft+10));
	top: expression(eval(document.documentElement.scrollTop+142));
}