@charset "gb2312";
/* CSS Document */

/**
 * ï¿½Ï·ï¿½ï¿½Ë²ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½æ·¶ 
 * ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Å£ï¿½ï¿½ï¿½Õ¾ï¿½ï¿½Æ²ï¿?
 * ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ô±ï¿½ï¿½huanghaishen
 * ï¿½ï¿½ï¿½ï¿½Ê±ï¿½ï¿½:2015-11-2
 * ï¿½ï¿½ï¿½ï¿½Ê±ï¿½ï¿½:2021-01-05
 *
 * ï¿½ï¿½Ê½Ä¿Â¼:* ï¿½ï¿½Ò»ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ê½ï¿½ï¿½ï¿½ï¿½
 *     ï¿½Nreset
 *     ï¿½Npub Class
 * ï¿½Ú¶ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ê½ï¿½ï¿½ï¿½ï¿½
 *     ï¿½Ncommon Class
 * ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ Ò³ï¿½ï¿½Ä£Ê½ï¿½ï¿½ï¿½ï¿½
 *     ï¿½Nï¿½ï¿½ï¿½ï¿½Òµï¿½ï¿½Î»ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Æ¸
 */

/* ï¿½ï¿½ reset =======================================================================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 2em;
	font-size: 12px;
	font-family:'Microsoft YaHei';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
}

a:hover {
	transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
}

/* ï¿½ï¿½ pub Class================================================================================================*/
.clear{clear:both;}
.clearfix {zoom: 1;display: table;width: 100%;}
.fl{float:left;}
.fr{float:right;}
.bLine {padding: 3px;border:1px solid #DEDEDE;}
.m10{margin: 10px 0 0 0 ;}
.m8{margin: 8px 0 0 0 ;}
/* ï¿½ï¿½ common Class============================================================================================*/
.icon,.zpNewsCont a {
	background: url(../images/icon.gif) no-repeat;
}
/* ï¿½ï¿½ Ò³ï¿½ï¿½Ä£Ê½ï¿½ï¿½ï¿½ï¿½===========================================================================================*/
.topWrap {
	border-bottom: 1px solid #ccc;
}

.topNav {
	width: 1000px;
	height: 26px;
	line-height: 26px;
	text-align: right;
	color: #6e6e6e;
	margin: 0 auto;
}

.topNav a {
	color: #6e6e6e;
}

.header{height:70px;line-height:70px;background:#fff;}
.header .wrap{width:1000px;height:70px;margin:0 auto;}
.header .wrap .logo{float:left;margin:11px 0 0 0;}
.header .wrap .logo .home{display:block;width:108px;height:48px;float:left;background:url(/images/2017/index_logo_108_48.gif) no-repeat left top;line-height:100em;overflow:hidden;}
.header .wrap .logo .sub_text{height:30px;line-height:30px;font-size:26px;float:left;border-left:1px solid #b8b8b8;margin:10px 0 0 10px;padding:0 0 0 10px;}
.header .wrap .tel{height:30px;line-height:30px;font-size:22px;float:right;margin:20px 0 0 0;padding:0 0 0 30px;background:url(/outsource/images/tel.png) no-repeat left center;color:#f60;}
.header .wrap .tel span{font-size:22px;color:#333;}

.nav {
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #e74c3c;
}

.nav a {
	display: inline-block;
	font: normal 16px/40px 'Microsoft YaHei','SimHei','SimSun';
	color: #fff;
	margin: 0 -3px;
	padding: 0 20px;
}

.nav a:hover,.nav a.curr {
	background: #f76252;
}

.indexBanner {
	overflow: hidden;
	height: 260px;
}

.section {
	width: 1000px;
	margin: 7px auto 0 auto;
}

.mainwrap{width:1000px;margin:0 auto;color:#555;}

.leftNav {
	width: 240px;
}

.navGroup {
	padding: 42px 0 0 0;
	margin:20px 0 0 0;
}

#navGroup1 {background-position: 0 0;}
#navGroup2 {background-position: 0 -42px;}
#navGroup3 {display: block;background-position: 0 -84px;}
#navGroup4 {background-position: 0 -232px;}
#navGroup5 {background-position: 0 -275px;}
#navGroup6 {background-position: 0 -317px;}
#navGroup7 {background:url(/once/hrservices/images/llit1.png) no-repeat left top;}
#navGroup8 {background:url(/once/hrservices/images/llit2.png) no-repeat left top;}

.navGroup a {
	display: block;
	border-radius:200px;
	padding:0 20px;
	height: 34px;
	line-height: 34px;
	color: #000;
	font-size:14px;
	background: url(/once/hrservices/images/llitarrow.png) no-repeat 210px center;
}

.navGroup a:hover {
	color: #f60;
}

.navGroup a.curr {
	background-color:#fafafa;
	font-weight: bold;
	color: #f60;
}

.navGroupBig {
	padding: 0;
}

.navGroupBig a  {
	display: block;
	height: 55px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}

.rightCont {
	width: 740px;
}

.contTab {
	height: 25px;
	position: relative;
	margin:0 0 0 10px;
}

.contTab a {
	position: absolute;
	display: block;
	text-align: center;
	width: 60px;
	height: 29px;
	line-height: 27px;
	color: #fff;
	color:#555;
	font-size:14px;
	border-bottom:2px solid #fff;
}

.contTab a.curr {
	font-weight:bold;
	color:#e74c3c;
	border-bottom:2px solid #e74c3c;
}

.contTab a.onhover {
	background-position: -182px -137px;
}

.contWrap {
	padding: 0 10px 20px 30px;
	border-left: 1px solid #eee;
	margin:20px 0 0 10px;
	color:#888;
	font-size:14px;
	line-height:200%;
}

.contShow {
	display: none;
}

.contShow p img {
	margin: 5px auto;display: block;
}

.footer {
	width: 100%;
	margin: 10px auto 0 auto;
	border-top: 5px solid #e74c3c;
	padding: 12px 0 0 0;
	text-align: center;
}

.row1,.row1 a {
	color: #3c3c3c;
}

.row2 {
	color: #949494;
}

.server3Left,.server3Right {
	width: 550px;
	height: 720px;
	padding: 5px 0;
	border: 1px solid #ccc;
}

.server3Left img {
	vertical-align:middle;
}

.server3Right {
	width: 440px;
	text-align: center;
}

.lightsWrap {
	position: relative;
	height: 215px;
	background: url(../Upfile/s3-banner-1.gif);
	background-position: 0 0;
}

.lightsCont {display: block;}
#lightsCont0 {display: block;}

.lights {
	width: 127px;
	height: 167px;
	position: absolute;
}

#lights1{left:530px;top:5px;}
#lights2{left:715px;top:20px;}
#lights3{left:860px;top:40px;}

/*ï¿½ï¿½Î»ï¿½ï¿½Ñµï¿½ï¿½ï¿½ï¿½Í¼Æ¬*/
.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .hd{ overflow:hidden;  height:30px; padding:0 10px;}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url(../images/indexroll/arrow.png) no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;}
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd{ padding:10px 0; }
.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:180px; height:129px; 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:24px;}

/**Í¼Æ¬ï¿½Ð»ï¿½**/
.posterMovieGrid{-moz-user-select:none;-webkit-user-select:none;overflow:hidden;z-index:0;position:relative;width:100%;height:260px;}
.posterMovieGrid .pages,
.posterMovieGrid .page{position:absolute;top:0;left:0;width:100%;height:100%;background:#888;}
.posterMovieGrid .page .item{overflow:hidden;zoom:1;position:relative;width:100%;height:100%;margin:0;padding:0;list-style:none;}
.posterMovieGrid .page .item_img{overflow:hidden;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/train/images/loading.gif) no-repeat center center;}
.posterMovieGrid .page .item_img .imgC{width: 100%;height: 100%;}
.posterMovieGrid .page .item_url{z-index:3;position:absolute;top:0;left:0;width:100%;height:100%;}
.posterMovieGrid .page .item_url a{display:block;width:100%;height:100%;background:url(/train/images/spacer.gif);}
.posterMovieGrid .pager{overflow:hidden;z-index:10;position:absolute;bottom:0;left:0;width:100%;height:10px;padding:10px 0;text-align:center;}
.posterMovieGrid .pager div{cursor:pointer;overflow:hidden;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;vertical-align:top;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 4px #333333;-moz-box-shadow:0 0 4px #333333;box-shadow:0 0 4px #333333;background:#ffffff;}
.posterMovieGrid .pager div:hover{background:#bdbdbd;}
.posterMovieGrid .pager div.current{cursor:default;background:#FF6600;}
.posterMovieGrid .btnprev,
.posterMovieGrid .btnnext{cursor:pointer;visibility:hidden;z-index:10;position:absolute;top:50%;width:45px;height:45px;margin-top:-23px;}
.posterMovieGrid .btnprev{background:url(/train/images/prev.png) no-repeat;}
.posterMovieGrid .btnnext{background:url(/train/images/next.png) no-repeat;}

/* ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½Òµï¿½ï¿½Î»ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Æ¸====================================================================================*/
.zpLeft {
	width: 210px;
}

.zpLeftNav {
	width: 188px;
	height: 224px;
	padding: 10px;
	border: 1px solid #ccc;
}

.zpLeftNavTitle {
	height: 24px;
	line-height: 24px;
	padding: 2px 5px;
	border: 1px solid #ccc;
	border-bottom: none;
}

.zpLeftNavTitle span {
	display: inline-block;
	color: #0e5fda;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 30px;
	background-position: 0 -505px;
}

.zpLeftNavTitle a {
	display: inline-block;
	color: #808080;
}

.zpLeftCont {
	color: #595959;
	line-height: 20px;
}

.zpRightCont {
	width: 550px;
	margin: 0 0 0 8px;
	border: 1px solid #ccc;
}

.zpcontWrap {
	padding: 5px 10px;
	border: 1px solid #ccc;
}

.zpcontShow {
	display: none;
}

.zpcontShow p img {
	margin: 5px auto;display: block;
}

.zpRightCont .zpContTab {
	height: 30px;
	border-bottom: 1px solid #ba219f;
}

.zpRightCont .zpContTab a {
	display: inline-block;
	text-align: center;
	width: 90px;
	margin: 0;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #000;
	background: #fff;
}

.zpRight2 {
	width: 757px;
	margin: 0 0 0 8px;
	padding: 10px;
	border: 1px solid #ccc;
}

.artTitle {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.zpContTab a.onhover,.zpContTab a.curr {
	font-weight: bold;
}

.zpContTab a.curr {
	color: #fff;
	background: #ba219f;
}

.zpContTab a.onhover {
	color: #000;
	background: #eee;
}

.zpNewsSider {
	width: 222px;
}

.zpNewsBox {
	border: 1px solid #ccc;
}

.zpNewsBox .title {
	border-bottom: 1px solid #ccc;
	height: 30px;
	padding: 0 15px;
	background-position: 0 -590px;
}

.zpNewsBox .title span {
	display: inline-block;
    height: 15px;
    line-height: 16px;
    padding: 0 0 0 7px;
    color: #3f3f3f;
    font-weight: bold;
    margin: 7px 0 0 0;
    border-left: 4px solid #ba219f;
}

.zpNewsCont {
	padding: 5px 10px;
}

#zpNewsCont1 {
	overflow: hidden;
    height: 170px;
}

.zpNewsCont a {
	display: block;
    width: 95%;
    padding: 1px 0 0 10px;
    color: #3f3f3f;
    background-position: 0 -547px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.zpNewsCont a:hover {
	color: #222;
}

.serverAd {
    width: 1000px;
    margin: 8px auto 0 auto;
}

.serverAd a {
	display: block;
	overflow: hidden;
	float: left;
	height: 73px;
	border: 1px solid #ccc;
}

.ad1 {
	width: 210px;
	margin: 0;
}

.ad2 {
	width: 550px;
	margin: 0 7px 0 7px;
}

.ad3 {
	width: 220px;
}

.serverIntro {
	margin: 0 0 8px 0;
}

.serverIntroTitle{
	font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½";
	border-bottom:2px solid #ededed;
	margin-bottom:2px;
	position:relative;
	z-index:1;
	line-height:24px;
	padding-bottom:5px;
	display:block;
	height:24px;
	margin: 15px 0 0 0;
}

.serverIntroTitle span {
	font-size:18px;
	color:#333;
	padding: 0 6px 5px 6px;
	display: inline-block;
	cursor: pointer;
	*padding-bottom:9px;
}

.serverIntroTitle .curr {
	border-bottom: 2px solid #e74c3c;
}

.caseWrap {
	padding: 10px 0 0 0;
}

.banner{height:277px;background:url(../images/ba.jpg) no-repeat center center;}
.banner .slink{display: block;height:277px;width: 100%;}
.b1{width:900px;height:399px;margin:0 auto;background:url(../images/sq_01.jpg) no-repeat center center;}
.b2{width:900px;height:417px;margin:0 auto;background:url(../images/sq_02.jpg) no-repeat center center;}
.b3{width:900px;height:452px;margin:0 auto;background:url(../images/sq_03.jpg) no-repeat center center;}
.b4{width:900px;height:534px;margin:0 auto;background:url(../images/sq_04.jpg) no-repeat center center;}
.sydwad{width:1000px;margin:20px auto 0 auto;height:90px;}
.xxhptba{height:270px;background:url(/once/hrservices/images/xxhptba.jpg) no-repeat center;}
.bggr{background:#fef6f6;}
.wwgr{background:#fff;}
.commtitle{height:90px;line-height:90px;text-align:center;border-bottom:1px solid #eee;}
.commtitle .txt{display:inline-block;*display:inline;*zoom:1;font-size:36px;color:#555;position:relative;}
.commtitle .txt i{display:block;width:39px;height:39px;position:absolute;background:url(/once/hrservices/images/titlelrbg.png) no-repeat center center;top:25px;}
.commtitle .txt .l{left:-55px;}
.commtitle .txt .r{right:-55px;}
.xxdf_point{margin:15px  0 0 0;}
.xxdf_point2{margin:15px  0 0 270px;}
.xxdf_point .icon{width:150px;height:150px;margin:0 auto;}
.xxdf_point .i1{background:url(/once/hrservices/images/xxicon1.png) no-repeat center center;}
.xxdf_point .i2{background:url(/once/hrservices/images/xxicon2.png) no-repeat center center;}
.xxdf_point .i3{background:url(/once/hrservices/images/xxicon3.png) no-repeat center center;}
.xxdf_point .txt{font-size:16px;text-align:center;}
.xxddintro{background:#fff;padding:15px;height:218px;border:5px solid #ff5939;font-size:12px;margin:35px 0 0 0;}
.xxddintro_1{width:460px;}
.xxddintro_2{width:420px;}
.xxddintro .ximg{text-align:center;margin:0 0 20px 0;}
.xxjianxign{margin:20px 0 10px 0;font-size:12px;}
.xxjianxign1{width:370px;}
.xxjianxign2{width:300px;}
.xxjianxign3{width:270px;}
.xxjianxign .item{float:left;width:100%;padding:0 0 0 25px;background:url(/once/hrservices/images/jb.png) no-repeat left center;line-height:150%;margin:0 0 15px 0;font-size:14px;}
.sgllwrap{background:#ff5939;padding:30px 0;}
.sgllwrap .sglljslx{text-align:center;color:#fff;}
.sgllwrap .sglljslx2{margin:0 0 0 150px;}
.sgllwrap .sglljslx3{margin:0 0 0 150px;}
.sgllwrap .sglljslx .icon{width:60px;height:60px;margin:0 auto 15px auto;}
.sgllwrap .sglljslx1 .icon{background:url(/once/hrservices/images/sgllico1.png) no-repeat center center;}
.sgllwrap .sglljslx2 .icon{background:url(/once/hrservices/images/sgllico2.png) no-repeat center center;}
.sgllwrap .sglljslx3 .icon{background:url(/once/hrservices/images/sgllico3.png) no-repeat center center;}
.sgllwrap .sglljslx4 .icon{background:url(/once/hrservices/images/sgllico4.png) no-repeat center center;}
.sgllwrap .sglljslx .ta{font-size:18px;}
.sgllwrap .sglljslx .tb{font-size:12px;}
.glljxtxt{line-height:200%;float:left;color:#fff;margin:15px 0 0 0;}
.subredtitle{width:100%;height:60px;line-height:60px;text-align:center;color:#ff5939;font-size:20px;}
.sysdev{position:relative;width:1000px;overflow:hidden;float:left;}
.sysdev .longhide{position:relative;width:1150px;float:left;}
.sysdev .itme{width:165px;margin:0 12px 0 0;float:left;}
.sysdev .itme .viewsee{float:left;width:100%;}
.sysdev .itme .seoe{height:50px;}
.sysdev .sercrow{margin:22px 12px 0 0;}
.sysdev .itme .viewsee .ec{float:left;width:30px;height:30px;margin:0 5px 0 0;}
.sysdev .itme .viewsee .is1{background:url(/once/hrservices/images/sgllico5.png) no-repeat center center;}
.sysdev .itme .viewsee .is2{background:url(/once/hrservices/images/sgllico6.png) no-repeat center center;}
.sysdev .itme .viewsee .is3{background:url(/once/hrservices/images/sgllico7.png) no-repeat center center;}
.sysdev .itme .viewsee .is4{background:url(/once/hrservices/images/sgllico8.png) no-repeat center center;}
.sysdev .itme .viewsee .is5{background:url(/once/hrservices/images/sgllico9.png) no-repeat center center;}
.sysdev .itme .viewsee .is6{background:url(/once/hrservices/images/sgllico10.png) no-repeat center center;}
.sysdev .itme .viewsee .is7{background:url(/once/hrservices/images/sgllico11.png) no-repeat center center;}
.sysdev .itme .viewsee .is8{background:url(/once/hrservices/images/sgllico12.png) no-repeat center center;}
.sysdev .itme .viewsee .is9{background:url(/once/hrservices/images/sgllico13.png) no-repeat center center;}
.sysdev .itme .viewsee .is10{background:url(/once/hrservices/images/sgllico14.png) no-repeat center center;}
.sysdev .itme .viewsee .is11{background:url(/once/hrservices/images/sgllico15.png) no-repeat center center;}
.sysdev .itme .viewsee .txt{height:30px;line-height:30px;font-size:16px;float:left;}
.sysdev .itme .firstmore{float:left;font-size:12px;color:#999;line-height:150%;margin:5px 0 0 35px;}
.steosub{font-size:12px;text-align:center;line-height:150%;margin:25px 0 10px 0;}
.allistwrap{float:left;width:1000px;position:relative;overflow:hidden;}
.allistwrap .longhide{float:left;width:1100px;position:relative;}
.allistwrap .albox{width:302px;float:left;margin:0 47px 10px 0;}
.allistwrap .albox .pic{border:1px solid #ccc;}
.allistwrap .albox .text{height:40px;line-height:40px;text-align:center;font-size:12px;}
.dangan1{height:508px;margin:0 auto;background:url(../images/dangan_01.jpg) no-repeat center center;}
.dangan2{height:412px;margin:0 auto;background:url(../images/dangan_02.jpg) no-repeat center center;}
.dangan3{height:460px;margin:0 auto;background:url(../images/dangan_03.jpg) no-repeat center center;}
.dangan4{height:460px;margin:0 auto;background:url(../images/dangan_04.jpg) no-repeat center center;}
.dangan5{height:460px;margin:0 auto;background:url(../images/dangan_05.jpg) no-repeat center center;}