@charset "utf-8";
/* CSS Document */
/*logo banner start*/
.index_con {width:1000px; margin:0 auto; position:relative;}
.index_nav li{float:left;}
.index_nav li a{height:80px; line-height:80px; color:#494949; font-size:18px; padding:0 15px; display:block; }
.index_nav li a:hover{background:url(../images/nav_bg.jpg); color:#269de2;}
.bt {color:#ffffff; font-size:18px; background:#269de2; padding:5px 15px; border-radius:6px;}
.bt:hover{background:#1b8dcf;}
.bt1 {color:#269de2; font-size:18px; background:#ffffff; border:1px solid #269de2; padding:5px 15px; border-radius:6px;}
.bt1:hover{color:#1b8dcf;}
.top20{margin-top:20px;}
.left20 {margin-left:20px;}
.bannerbox {position:relative; height:450px;}
.ba1 {background:url(../images/ba1.jpg) center; width:100%;}
.ba1 img ,.ba2 img, .ba3 img{display:block; margin:0 auto;}
.ba2 {background:#269ce2;}
.ba3 {background:url(../images/ITbg.jpg);}
.ba4 {background:#ae393b;}
.ba5 {background:#1481bc;}
.focusbox {position:absolute; bottom:20px;text-align:center; width:100%; z-index:10;}
.focusbox li{display:inline-block;}
.focus {background:url(../images/focus1.png); width:38px; height:6px; display:inline-block;margin-left:5px;}
.focus1 {background:url(../images/focus.png); width:38px; height:6px; display:inline-block;margin-left:5px;}
/*logo banner end*/
/*index  start*/
.modenav{ background:#f1fcff; color:#535353; font-size:18px; }
.modenav li{float:left; width:25%; text-align:center;}
.modenav a{color:#535353;display:block; padding:10px 0;}
.modenav a:hover{ background:#269de2; color:#ffffff;}
.top50 {margin-top:50px;}
.modetitle {color:#269de2; font-size:28px; padding:40px 0; font-weight:lighter;}
.modetitle1 {color:#535353; font-size:16px; padding-bottom:40px; font-weight:lighter;}
.modetxt {color:#808080; font-size:14px; line-height:24px;}
.buttonstyle{border:1px solid #269de2; color:#269de2; padding:5px 10px; border-radius:5px; font-size:14px; display:inline-block;}
.buttonstyle:hover{color:#208ac7;}
.modebox {background:#f1fcff;}
.index_con1 {width:960px; margin:0 auto;}
.title {text-align:center; color:#818181;font-size:28px; font-weight:lighter; padding-top:40px; padding-bottom:40px;}
.title1 {text-align:center; color:#818181;font-size:32px; font-weight:lighter; padding:40px 0;}
.sbdl {overflow:hidden;}
.sbdl li{float:left;}
.sbdl h2{font-size:18px; color:#535353; font-weight:lighter; text-align:center; margin-top:20px;}
.left160{margin-left:160px;}
.left230{margin-left:220px;}
.index_con2 {width:1400px; margin:0 auto; background:url(../images/index_mode2bg.jpg) center; height:412px; position:relative;}
.index_con2 span{position:absolute; color:#ff9018; font-size:19px;}
.s1 {left:520px; top:20px;}
.s2 {left:390px; top:180px;}
.s3 {left:630px; top:370px;}
.s4 {left:850px; top:70px;}
.s5 {left:860px; top:240px;}
.index_con3 {width:1000px; margin:0 auto; overflow:hidden;}
.bule {background:#e7f4ff;}
.type1 {width:190px; border-radius:4px; background:#ffffff; color:#919191; height:44px; float:left; margin-left:10px;}
.type2 {width:190px; border-radius:4px; background:#1b8dcf; color:#ffffff; height:44px; float:left; text-align:center; margin-left:10px;line-height:44px; font-size:14px;}
.type1 input{height:44px; vertical-align:middle; line-height:44px;}
.type1 *{float:left;}
input::-webkit-input-placeholder {color:#919191;}
input:-ms-input-placeholder{color:#919191;}
input::-moz-placeholder{color:#919191;}
.kf {font-size:14px; color:#bfbfbf; font-weight:lighter; text-align:center; padding:30px 0;}
.footer {color:#ffffff; background:url(../images/footer_bg.jpg) center;font-weight:lighter; font-size:14px; text-align:center; padding:20px 0;}
/*index 人事  start*/
.bannerbox1 { background:url(../images/rs_banner.jpg) center; text-align:center; padding-bottom:40px;}
.top80 {margin-top:80px;}
.mod h4{color:#269de2; font-size:28px; font-weight:lighter; padding-bottom:30px;}
.mod p{color:#535353; font-size:16px; font-weight:lighter; width:450px;}
.d4 li{width:25%; text-align:center;}
.d3 li{width:33.3%; text-align:center;}
.modebox1 { background:url(../images/rs_mode4bg.jpg) center;text-align:center; }
.left220 {margin-left:200px;}
.sb_bg {background:url(../images/gj1.png) no-repeat; height:400px; width:227px;}
.sb_bg1 {background:url(../images/gj2.png) no-repeat; height:400px;width:227px;}
.sb_bg div , .sb_bg1 div{color:#ffffff; font-size:26px; text-align:center;width:227px; margin-top:24px; float:left; height:80px;}
.sb_bg p,.sb_bg1 p{color:#6f6f6f; font-size:14px;width:207px; padding:0 15px;  text-align:left; line-height:30px;}
.sbbg {background:url(../images/sbbg.jpg) no-repeat;}
/*index 保险  start*/
.bannerbox2 { background:url(../images/banner1_bg.jpg) center; text-align:center;}
/*index 自助  start*/
.bannerbox3 { background:url(../images/banner2_bg.jpg) center; text-align:center;}
/*index 薪酬  start*/
.bannerbox4 { background:url(../images/banner4_bg.jpg) center; text-align:center; height:480px;}
/*index 商城  start*/
.bannerbox5 { background:url(../images/banner5_bg.jpg) center; text-align:center;}
.fltx {color:#969696; font-size:14px; text-align:center; font-weight:lighter;  line-height:26px;}
.dy { background:url(../images/dybg.jpg); height:393px;}
.padtop50 {padding-top:80px;}
.padtop50 li {margin-left:10px;}
.per {position:relative;}
.per div{ position:absolute; color:#ffffff; font-size:34px; z-index:10; top:70px; left:100px; text-align:center;}
.per div span{font-size:20px;}
/*index 关于我们  start*/
.bannerbox6 { background:url(../images/about_bg.jpg); text-align:center;}
.title2 {text-align:center; color:#818181;font-size:28px; font-weight:lighter; padding-top:40px; padding-bottom:40px;}
.txt {font-size:14px; color:#5a5a5a; line-height:30px; padding:0 20px;}
.title3 {width:170px; height:27px; background:url(../images/reson_bg.png) no-repeat; color:#ffffff; font-size:16px; font-weight:normal; line-height:27px; padding-left:10px; margin-left:20px;}
.indent {text-indent:30px;}
.hz { border-left:1px solid #e7f4ff;  position:relative;height:160px;}
.hz li{width:24.9%; float:left; border:1px solid #e7f4ff; border-left:0; position:relative; overflow:hidden;}
.hz li img,.hz li a{display:block; margin:0 auto;}
.narrowl {position:absolute; left:-50px; top:60px;}
.narrowr {position:absolute; right:-50px; top:60px;}
.xf {position:absolute; background:url(../images/hz.png); top:0; left:0; height:100%;display: none;}
.xf p{color:#ffffff; font-size:14px; line-height:24px; padding:10px;}
.xf input{ border:1px solid #ffffff; border-radius:16px; font-size:14px; background-color:transparent;padding:2px 10px; color:#ffffff; float:right; margin-right:10px;}
.xf input:hover{ color:#269ce2; background:#ffffff;}
.jianjie h1{  font-size:17px; color:#4b4b4b; text-align:center; line-height:80px;}
.jianjie  p{font-size:14px; color:#4b4b4b; text-indent:40px; line-height:24px; margin-top:10px; padding:0 20px;}
/*index 个人社保  start*/
.bannerbox6 { background:#269ce2; text-align:center; position:relative;}
.lhb_bt {background:url(../images/lhb_bt.png) no-repeat; width:166px; height:55px; display:block; margin-left:260px; bottom:50px; left:460px;}
.grsb_bg { background:#f1fcff; padding-bottom:80px;}
.ytbox {position:relative;}
.ab {position:absolute;}
.yt h1{color:#3f3f3f; font-size:22px; font-weight:normal; line-height:40px;}
.yt h2{color:#3f3f3f; font-size:16px;font-weight:normal;}
.pbox {background:url(../images/q.jpg) no-repeat top left; padding-left:50px; line-height:32px; color:#535353; font-size:14px; font-weight:bold; margin-top:10px;}
.abox {background:url(../images/a.jpg) no-repeat top left; padding-left:50px; line-height:26px; color:#535353; font-size:14px; margin-top:10px; border-bottom:1px dashed #c2c2c2; padding-bottom:10px; }
.top15 {margin-top:15px;}