@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin: 0;padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
dl,ul,ol,menu,li {list-style:none} 
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
q:before,q:after{content:;}
abbr,acronym{border: 0;}
img{vertical-align:top} 
input,select,textarea,button {vertical-align:middle;outline:none;}
button,input[type="submit"],input[type="button"] {border:none;background-color:transparent;cursor:pointer}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
html,body { height: 100%;}
body{font: 18px/1.5 Arial,'SimHei',sans-serif;-webkit-font-smoothing:antialiased;background-color: #f5f5f5;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none} 
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{zoom:1;}
.text-ellipsis{white-space: nowrap;text-overflow；ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.fl { float: left;}

.g-hd { position: absolute; top:0; right:0; left:0; z-index: 1; width: 100%; height: 77px; background-image: url('../images/sf-header-bg.png'); background-repeat: repeat-x;}
.m-wrap {width: 1200px;margin: 0 auto;}
.m-logo { float:left; width: 294px; height: 56px; margin:8px 0px 0 12px; background-image: url('../images/sf-logo.png');}
/* menu */
.m-menu {  float: right; height: 72px; padding-right:55px; background-color: #fff; font-family: "Microsoft YaHei";}
.m-menu li { float: left; position:relative; margin-right:25px; margin-left:25px; line-height:72px; text-align: center;font-size: 18px; }
.m-menu li>a { color: #666;}
.m-menu li>a.current,.m-menu li>a:hover { color: #d8251c;}
.sub-menu { display:none; position: absolute; top:55px; left:-10px; width:120px; margin-top:8px; font-size:14px; background-color:#d8251c }
.m-menu li:hover .sub-menu { display: block;}
.sub-menu .arrow { position:absolute; top:-7px;left:53px; width: 14px; height: 8px; background-image:url('../images/sf-submenu.png'); background-repeat: no-repeat;}
.sub-menu a { display: block; padding:8px; line-height: 1.5; border-bottom:1px solid #c50000; color: #fff;}
.sub-menu a:hover { color: #FFCDCD;}
/* banner */
.g-banner { height: 656px; padding-top: 72px;  background-image: url('../images/sf-banner.jpg');background-repeat: no-repeat;background-position: center 72px;}
/* service */
.service-w { margin-top: 40px; margin-bottom: 30px;}
.service-w li { float: left; width: 290px; height: 240px; margin: 0 5px 8px;}
.service-w a {  display: block; position: relative; width: 100%; height: 100%;}
.service-w .img1 { background-image: url('../images/sf-service1.jpg');}
.service-w .img1:hover { background-image: url('../images/sf-service-h1.jpg');}
.service-w .img2 { background-image: url('../images/sf-service2.jpg');}
.service-w .img2:hover { background-image: url('../images/sf-service-h2.jpg');}
.service-w .img3 { background-image: url('../images/sf-service3.jpg');}
.service-w .img3:hover { background-image: url('../images/sf-service-h3.jpg');}
.service-w .img4 { background-image: url('../images/sf-service4.jpg');}
.service-w .img4:hover { background-image: url('../images/sf-service-h4.jpg');}
.service-w .img5 { background-image: url('../images/sf-service5.jpg');}
.service-w .img5:hover { background-image: url('../images/sf-service-h5.jpg');}
.service-w .img6 { background-image: url('../images/sf-service6.jpg');}
.service-w .img6:hover { background-image: url('../images/sf-service-h6.jpg');}
.service-w .img7 { background-image: url('../images/sf-service7.jpg');}
.service-w .img7:hover { background-image: url('../images/sf-service-h7.jpg');}
.service-w .img8 { background-image: url('../images/sf-service8.jpg');}
.service-w .img8:hover { background-image: url('../images/sf-service-h8.jpg');}
.service-w .img9 { background-image: url('../images/sf-service9.jpg');}
.service-w .img9:hover { background-image: url('../images/sf-service-h9.jpg');}
.service-w .img10 { background-image: url('../images/sf-service10.jpg');}
.service-w .img10:hover { background-image: url('../images/sf-service-h10.jpg');}
.service-w .img11 { background-image: url('../images/sf-service11.jpg');}
.service-w .img11:hover { background-image: url('../images/sf-service-h11.jpg');}
.service-w .img12 { background-image: url('../images/sf-service12.jpg');}
.service-w .img12:hover { background-image: url('../images/sf-service-h12.jpg');}
.service-w .img13 { background-image: url('../images/sf-service13.jpg');}
.service-w .img13:hover { background-image: url('../images/sf-service-h13.jpg');}
.service-w .img14 { background-image: url('../images/sf-service14.jpg');}
.service-w .img14:hover { background-image: url('../images/sf-service-h14.jpg');}
.service-w .img15 { background-image: url('../images/sf-service15.jpg');}
.service-w .img15:hover { background-image: url('../images/sf-service-h15.jpg');}
.service-w .img16 { background-image: url('../images/sf-service16.jpg');}
.service-w .img16:hover { background-image: url('../images/sf-service-h16.jpg');}
.sv-txt {
	position: relative;
	z-index: 2;
	display: table;
	width: 100%;
	height: 100%;
}
.sv-txt span {
	display:table-cell;
	*display:inline-block;
	*width:100%;
	*height:100%;
	vertical-align:middle;
	line-height: 1.5;
	text-align:center;
	font-size: 40px;
	color:#fff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.75);
}
.sv-shade { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-color: #000; opacity:0.3;filter:alpha(opacity:30);zoom:1}
.service-w a:hover .sv-shade{ display: block; }
/* 兼容ie6-ie7字体阴影 */
.ie .service-w .sv-txt span {
	font-size: 0;
	text-indent: -99999;
	background-repeat: no-repeat;
	background-position: center center;
}
.ie .service-w .sv-txt.txt1 span { background-image: url("../images/sf-service-t1.png");}
.ie .service-w .sv-txt.txt2 span { background-image: url("../images/sf-service-t2.png");}
.ie .service-w .sv-txt.txt3 span { background-image: url("../images/sf-service-t3.png");}
.ie .service-w .sv-txt.txt4 span { background-image: url("../images/sf-service-t4.png");}
.ie .service-w .sv-txt.txt5 span { background-image: url("../images/sf-service-t5.png");}
.ie .service-w .sv-txt.txt6 span { background-image: url("../images/sf-service-t6.png");}
.ie .service-w .sv-txt.txt7 span { background-image: url("../images/sf-service-t7.png");}
.ie .service-w .sv-txt.txt8 span { background-image: url("../images/sf-service-t8.png");}
.ie .service-w .sv-txt.txt9 span { background-image: url("../images/sf-service-t9.png");}
.ie .service-w .sv-txt.txt10 span { background-image: url("../images/sf-service-t10.png");}
.ie .service-w .sv-txt.txt11 span { background-image: url("../images/sf-service-t11.png");}
.ie .service-w .sv-txt.txt12 span { background-image: url("../images/sf-service-t12.png");}
.ie .service-w .sv-txt.txt13 span { background-image: url("../images/sf-service-t13.png");}
.ie .service-w .sv-txt.txt14 span { background-image: url("../images/sf-service-t14.png");}
.ie .service-w .sv-txt.txt15 span { background-image: url("../images/sf-service-t15.png");}
.ie .service-w .sv-txt.txt16 span { background-image: url("../images/sf-service-t16.png");}
/* city */
.g-city { width: 100%; height: 281px; /* margin-bottom: 30px; */ overflow: hidden; background-image: url('../images/sf-city-bg.jpg'); background-repeat: no-repeat; background-position: center top; color: #fff;}
.g-city h3{ margin-top: 24px; margin-bottom: 12px; font-size: 32px; text-align: center;}
.city-w { width: 795px;  margin:  0 auto;overflow: hidden; font-size: 26px; }
.city-list { width: 820px;  text-align: center;}
.city-list span { display: inline-block;  margin-right: 25px; margin-bottom: 8px;}
.city-icon { float: left; margin-top: 16px; width: 7px; height: 7px; margin-right: 12px; background-image: url('../images/sf-sprite.png'); background-position:  0 -10px;}
/* subpage */
.subpage { min-height: 100%; margin-top: -5px; /* padding-top: 16px; padding-bottom: 16px;  */background-color: #fff;}
/* side */
.m-side { float: left; width: 205px; margin-top:92px; margin-left: 16px;}
.side-menu { padding-bottom: 40px; background-color: #dedede; }
.side-menu dt {position: relative; height: 43px; padding-top: 37px; font-size: 24px; text-align: center; background-color: #d8251c; color: #fff;}
.side-menu dd { margin-left:26px; margin-right: 26px; margin-top: 17px; padding-left: 13px; line-height: 34px; font-size: 14px; border-bottom: 1px solid #c3c3c3;  }
.side-menu dd.last { border-bottom: none;}
.side-menu dd  a { display: block; color: #333; }
.side-menu dd  a.cur { color: #d8251c; font-weight: bold;}
.side-icon { position: absolute; right: 16px; top: 50px; width: 9px; height: 10px; background-image: url('../images/sf-sprite.png');}
/* content */
.cont-tit { margin: 18px 0 15px; text-align: center;  font-size: 24px;color: #2d2727; }
.cont-date { margin-bottom:20px; text-align:center; color: #999; font-size: 14px;}
.m-content { float: left; width: 909px; margin:92px 30px 20px 40px;}
.m-content ol li{display:list-item;list-style-type:decimal;}
.m-lists li { line-height: 60px; border-bottom: 1px dashed #ddd;}
.m-lists li a:hover { color: #d8251c;}
.m-lists li span { display: inline-block; margin-right: 25px;}
/* .m-content .markdown-body{width:98%;} */
/* paging */
.m-paging { margin-top:10px; padding-top:24px; font-size:15px; border-top: 1px dashed #ddd;}
.m-paging>div { line-height: 2;}
.m-paging .promp { color: #999;}
/* footer */
.g-footer { height: 95px; padding-top:39px; line-height:2; text-align: center; font-size: 14px; border-top: 1px solid #ddd; background-color: #ebf1f5;color: #666;}
.g-footer a{ font-size: 14px; color: #666;}
.m-blogroll { color: #999;}
.m-blogroll a { display: inline-block; margin: 0 10px; color: #666; }
.m-blogroll a:hover { color: #333;}
/* 企业购买社保 */
/* placeholder */
/* .en-form-w :-moz-placeholder {color: #7e97b3;} Mozilla Firefox 4 to 18
.en-form-w ::-moz-placeholder {color: #7e97b3;}Mozilla Firefox 19+
.en-form-w input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #7e97b3;}
.en-form-w input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #7e97b3;} */
/* form */
.en-form-w,input,textarea {font: 14px/1.5 Arial,verdana,'Hiragino Sans GB','Microsoft Yahei',sans-serif;}
.en-form-w { width:100%; padding-top:60px; padding-bottom:60px; background-color: #fbfbfb;}
.en-form { position:relative; width:1000px; margin: 0 auto; padding-bottom:15px; border-radius:4px; color:#fff;}
.form-tit {padding:20px 0 10px 75px; color: #333;}
.form-hint {position:absolute;bottom:60px;left:145px;line-height:2.2; color: #d8251c;;}
.form-box{ padding:25px 15px 5px;}
.form-box>li {
	float:left;
	position:relative;
	height: 40px;
	margin-bottom: 12px;
	margin-left: 50px;
	margin-right: 50px;
}
.form-box li label {
	float:left;
	width:69px;
	margin-right:12px;
	line-height: 40px;
	text-align:right;
	color: #888;
}
.form-box li label>span {
	display:inline-block;
    line-height: 40px;
    margin-left: 5px;
    font-size: 14px;
    color: #d8251c;;
    white-space: nowrap;
    font-weight: normal;
}
.form-box li input {
	display:inline-block;
	width:268px;
	line-height:1.2;
	padding: 11px 0 12px 10px; 
	border: 1px solid #c7c7c7;
	border-radius:4px;
	background-color: transparent;
	color: #666;
}
.en-form .btn {
  display:block;
  width: 170px;
  height: 44px;
  margin-top:20px;
  margin-left:145px;
  font-size:16px;
  color:#fff;
  border-radius: 4px;
  background-color: #d8251c;
}
.en-form .btn:hover { background-color: #EF2D24;}

/* 下拉菜单模拟 */
.fliter-cond { float: left;}
.fliter-cond div {position: relative;}
.fliter-cond label {
    display: none;
    position: absolute;
    left: -1px;
    top: 38px;
    z-index: 1010;
    background: #fff;
    border: 1px solid #c7c7c7;
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
}
.form-box li .fliter-cond label {width: 100%;text-align: left;}
.fliter-cond label.cond_ul_show {display: block;}
.fliter-cond label a { display: block; padding:0 10px;line-height: 2;color: #666;}
.fliter-cond label a:hover{ color:#D8251C;}
.fliter-cond label a.selected {background: #efefef;color: #333;}
/* 城市选择 */
.select-city-w { position: relative;}
.select-arrow { position: absolute; right: 10px;top: 15px;width: 16px;height: 9px;background-image: url('../images/sf-sprite.png');background-position: 0 -17px;}
.select-arrow.up { background-position: -16px -17px;}
.select-city { display: none; position: absolute; z-index: 1010; width: 278px;border: 1px solid #c7c7c7;box-shadow: 0 0 5px rgba(0,0,0,.4);}
.select-city-w .hide { display:none;}
.select-city-w .show { display:block;}
.select-tab {width: 278px;height: 34px; border-bottom: 1px solid #dcdcdc; background: #efefef;}
.select-tab a { float:left; width:80px;margin-bottom: -1px;padding: 8px 0;font-size: 12px;border-right: 1px solid #dcdcdc;border-bottom: 1px solid transparent;color: #666;text-align: center;}
.select-tab a.current {background: #fff;border-bottom: 1px solid #fff;}
.select-con { display: none;width: 258px;padding: 10px; line-height: 2; background: #fff;}
.select-con dl { padding: 3px 0;color:#333; overflow: hidden;}
.select-con dt { float:left; width:25px;padding-right:10px;font-size:12px; font-weight:700;text-align:right;}
.select-con dd { float:left; width:220px; margin-left:0;}
.select-con a {display:inline-block;margin-right:2px;padding:0 10px;color:#666;white-space:nowrap;}
.select-con a:hover{color:#d8251c;}
.select-con a.current{background-color:#d8251c;color:#fff;border-radius:2px;}