/* css reset */
html{ color:#000; background:#FFF; font:12px/1.5 'Microsoft YaHei';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0;}
body{ padding-top:69px;}
li{ list-style:none;}
a{ text-decoration:none; color:#000; blr:expression(this.onFocus=this.blur()); outline:none;}
a:focus{ -moz-outline-style:none;}
img{ font-size:0; border:none;}
.clearfix:after{ content:'.'; display:block; clear:both; visibility:hidden; height:0;}
.clearfix{ zoom:1;}
.indent{ text-indent:-9999px;}
.ico{ background:url(../images/ico.png) no-repeat;}
.i{ background:url(../images/ico3.png) no-repeat;}
.mAuto{ margin:0 auto;}
.block{ display:block;}
.cBlack{ color:#272727;}
.cGrey{ color:#696969;}
.cBlue{ color:#26428c;}
.cBlue2{ color:#27b6f2;}
.cBlue3{ color:#00a8ee;}
.cOrg{ color:#f2a31a;}
.lH1{ line-height:1;}
.lH2{ line-height:2;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}
.f32{ font-size:32px;}
.w285{ width:285px;}
.w326{ width:326px;}
.w645{ width:645px;}
.w780{ width:780px;}
.w860{ width:860px; margin:0 auto;}
.w1000{ margin:0 auto; width:1000px;}
.lFloat{ float:left; display:inline-block;}
.rFloat{ float:right; display:inline-block;}
.mT85{ margin-top:85px;}
.aLeft{ text-align:left;}
.aCenter{ text-align:center;}
.aRight{ text-align:right;}
.sprite{ background:url(../images/sprite.png) no-repeat; display:inline-block;}
.i-01,.i-02,.i-03,.i-04{ width:27px; height:27px;}
.i-01{ background-position:-128px -34px;}
.i-02{ background-position:-155px -34px;}
.i-03{ background-position:-182px -34px;}
.i-04{ background-position:-209px -34px;}
.i-05{ background-position:-128px -28px; width:6px; height:6px;}
.i-06,.i-07,.i-13{ width:32px; height:32px;}
.i-06{ background-position:-176px 0;}
.i-07{ background-position:-208px 0;}
.i-13{ background-position:-265px -73px;}
.i-08,.i-09{ width:16px; height:14px;}
.i-08{ background-position:-111px -14px;}
.i-09{ background-position:-127px -14px;}
.i-10{ background-position:-240px 0; width:37px; height:37px;}
.i-11{ background-position:-277px 0; width:34px; height:34px;}
.i-12{ background-position:-236px -37px; width:20px; height:20px;}
.line1{ height:2px;border-bottom:1px solid #ebebeb; width:100%;}
/* end */

/* 顶部导航栏 */
.top{ height:69px; position:fixed; top:0; left:0; width:100%; z-index:99; background-color:#FFF; border-bottom:1px solid #ebebeb;}
.logo{ width:125px; height:43px; float:left; display:inline-block; margin:15px 110px 0 0; background-position:0 -251px;}
.nav{ border-right:1px solid #ebebeb; height:69px; width:756px; float:left; display:inline-block;}
.nav li{ width:125px; float:left; display:inline-block; border-left:1px solid #ebebeb;}
.nav a{ color:#5d5e5e; font-size:16px; display:block; text-align:center; line-height:69px;}
.nav a:hover,.nav-selected a{ border-top:4px solid #198cee; color:#010101; line-height:61px; height:65px;}
.user{ float:right; display:inline-block; margin-top:27px; width:130px;}
.user li{ float:right; display:inline-block; color:#b3b3b3;}
.user a{ font-size:12px; color:#5d5e5e; line-height:1;}
.user .sprite{ vertical-align:top; margin:2px 2px 0 0;}
.login:hover .sprite{ background-position:-111px 0;}
.regist:hover .sprite{ background-position:-127px 0;}
/* end */

/* 底部通栏 */
.bottom{ width:100%; background:url(../images/bottom.png) repeat-x; height:139px; font-size:12px; text-align:center; color:#7f7f7f; font-family:'\5b8b\4f53';}
.qq,.call{ line-height:32px; color:#7f7f7f;}
.bottom .sprite{ vertical-align:middle; margin-right:13px;}
/* end */

/* index */
.slides-bg{ width:100%; height:360px; overflow:hidden; margin-bottom:31px;}
.slides{ position:relative; width:1920px; height:360px; left:50%; margin-left:-960px;}
.slides .slide-img{ height:360px; background-position:center center; background-repeat:no-repeat;}
.slides .slidesjs-pagination{ position:absolute; bottom:23px; left:50%; z-index:10; margin-left:-24px;}
.slides .slidesjs-pagination li{ float:left; display:inline-block; margin-right:8px; width:14px; height:14px;}
.slides .slidesjs-pagination li a{ font-size:0; background:url(../images/sprite.png) no-repeat -143px -14px; display:block; height:100%;}
.slides .slidesjs-pagination li a.active{ background-position:-143px 0;}

.merit{ margin-bottom:50px;}
.merit li{ float:left; display:inline-block; width:180px; margin:0 35px;}
.merit .no-margin{ margin-right:0;}
.merit .i{ width:107px; height:107px; margin:0 auto 22px; -webkit-transition:all 300ms ease-out 0s; -o-transition:all 300ms ease-out 0s; transition:all 300ms ease-out 0s;}
.merit .i:hover{ -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); -webkit-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s;}

.app-box{ position:relative; height:395px;}
.app01{ position:absolute; width:598px; height:320px; background:url(../images/app01.png) no-repeat; left:140px; top:66px; -webkit-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.app02{ position:absolute; width:569px; height:285px; background:url(../images/app02.png) no-repeat; left:293px; top:11px; -webkit-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.app-box:hover .app01{transform:translate(-5px,15px);}
.app-box:hover .app02{transform:translate(5px,-15px);}

.ico2{ background-position:-107px 0;}
.ico3{ background-position:-214px 0;}
.ico4{ background-position:-321px 0;}
.merit p{ text-align:center;}
.tip1{ color:#363636; font-size:16px;}
.tip2{ color:#5e5e5e; font-size:12px; line-height:2;}

.title{ height:15px; border-bottom:1px solid #d9d9d9; position:relative; margin-bottom:30px; font-size:16px; color:#363636;}
.title p{ width:165px; background-color:#FFF; position:absolute; left:50%; margin-left:-82px; text-align:center;}
/* index end */

/* product */
.banner{ width:100%; height:360px;}
.p-merit li{ margin:0 11px;}
.p-merit .i{ width:90px; height:90px;}
.ico5{ background-position:0 -107px;}
.ico6{ background-position:-90px -107px;}
.ico7{ background-position:-180px -107px;}
.ico8{ background-position:-270px -107px;}
.ico9{ background-position:-360px -107px;}
.box{ width:100%; height:280px; padding-top:50px;}
.box2{ background-color:#f6f6f6;}

.p-msg{ width:430px;}
.p-msg h5{ font-size:30px; font-weight:400; color:#333; line-height:1; margin-bottom:35px;}
.p-msg h5 span{ font-size:70px; color:#737373; font-weight:normal; margin-right:8px;}
.p-msg p{ font-size:14px; color:#757575; line-height:1.8;}
/* product end */

/* step */
.step{ background:url(../images/step_bg.png) no-repeat; position:relative; width:853px; margin:50px auto 30px; height:440px;}
.step li{ height:135px; width:192px; position:absolute;}
.step li h5{ font-family:'黑体'; font-size:24px; text-align:center;}
.step li p{ color:#5d5c5c;}
.step .step1{ left:168px; top:90px; width:170px;}
.step .step2{ left:374px; top:90px;}
.step .step3{ left:586px; top:90px;}
.step .step4{ left:586px; top:340px;}
.step .step5{ left:374px; top:340px;}
.step .step6{ left:168px; top:340px; width:170px;}
.s-left{ float:left; display:inline-block;}
.s-right{ float:right; display:inline-block;}
.s-tip{ width:252px; margin:0 20px;}
.s-tip h5{ font-family:'黑体'; font-size:30px; margin-bottom:4px;}
.s-left h5{ color:#27b6f2; text-align:right;}
.s-right h5{ color:#f2a31a; text-align:left;}
.s-tip p{ font-size:14px; color:#696969;}
.i-step1,.i-step2{ width:76px; height:76px; position:absolute; left:50%; margin-left:-38px;}
.i-step1{ background-position:0 -141px; top:0;}
.i-step2{ background-position:-76px -141px; bottom:0;}
.i-step3{ background-position:-152px -141px; display:inline-block; width:136px; height:76px; margin-top:25px;}
.i-step4{ background-position:-128px -65px; display:inline-block; width:136px; height:76px; margin-top:25px;}
.num{ display:inline-block; width:76px; height:76px; line-height:76px; font-size:32px; color:#27b6f2; font-family:'黑体'; font-weight:bold; display:inline-block; text-align:center;}
.i-step3 .num{ float:right;}
.i-step4 .num{ float:left;}
.f-box li{ float:left; display:inline-block; margin:0 17px;}
.f-box li p{ text-align:center; color:#7f7f7f; font-size:14px; margin-top:16px;}
.friend{ display:inline-block; width:91px; height:90px; background:url(../images/friend.png) no-repeat;}
.friend1{ display:inline-block; width:91px; height:90px; background:url(../images/g1.png) no-repeat;}
.friend2{ display:inline-block; width:91px; height:90px; background:url(../images/g2.png) no-repeat;}
.friend2{ display:inline-block; width:91px; height:90px; background:url(../images/g3.png) no-repeat;}
.f-02{ background-position:-126px 0;}
.f-03{ background-position:-252px 0;}
.f-04{ background-position:-378px 0;}
.f-05{ background-position:0 -90px;}
.f-06{ background-position:-126px -90px;}
.f-07{ background-position:-252px -90px;}
.f-08{ background-position:-378px -90px;}
.f-09{ background-position:0 -180px;}
.f-10{ background-position:-126px -180px;}
.f-11{ background-position:-252px -180px;}
.f-12{ background-position:-378px -180px;}
.f-13{ background-position:0 -276px;}
/* step end */

/* help */
.title3{ border-bottom:1px solid #ebebeb; font-size:16px; color:#010101; margin-bottom:30px; line-height:36px;}
.help{ width:483px;}
.help li{ margin-bottom:65px;}
.ask{ font-size:18px; color:#272727; font-weight:normal; margin-bottom:8px;}
.ask .sprite{ vertical-align:middle; margin-right:18px;}
.answer{ font-size:12px; color:#696969;}
.answer .sprite{ vertical-align:top; margin:9px 9px 0 6px;}
.qa{ display:inline-block; width:450px; line-height:1.8;}
.tree2 .tree-main li{ min-height:175px;}
.tree2 .tree-cont{ min-height:175px;}
.tree2 .tree-right .tree-cont{ border-style:dashed; border-color:#d2d2d2;}
.tree2 .tree-left .tree-cont{ border-style:dashed; border-color:#d2d2d2;}
.tree2 .ico{ width:137px; height:76px; position:absolute; top:0px;}
.tree2 .ico span{ width:74px; text-align:center; font-size:20px; line-height:76px;}
.tree2 .ico .tip-right{ float:right;}
.tree2 .ico .tip-left{ float:left;}
.tree2 .ico-1{ background-position:0 -296px; right:-38px;}
.ico-1 span{ color:#0091f7;}
.tree2 .ico-2{ background-position:-137px -296px; left:-38px;}
.ico-2 span{ color:#58baff;}
.tree2 .ico-3{ background-position:-274px -296px; right:-38px;}
.ico-3 span{ color:#7ecaff;}
.tree2 .ico-4{ background-position:0 -372px; left:-38px;}
.ico-4 span{ color:#a4c6de;}
.tree2 .ico-5{ background-position:-137px -372px; right:-38px;}
.ico-5 span{ color:#cdcfd0;}
.tree2 .ico-6{ background-position:-274px -372px; left:-38px;}
.ico-6 span{ color:#cdcfd0;}
.tree2 .tree-new .tree-cont{ border-style:none;}
/* help end */

/* about */
.link{ width:756px; margin:0 auto;}
.link li{ float:left; display:inline-block; margin:0 44px;}
.link a{ display:block; background:url(../images/btn.png) no-repeat; width:101px; height:110px;}
.link .link1{ background-position:0 -110px;}
.link-selected .link1,.link .link1:hover{ background-position:0 0;}
.link .link2{ background-position:-101px -110px;}
.link-selected .link2,.link .link2:hover{ background-position:-101px 0;}
.link .link3{ background-position:-202px -110px;}
.link-selected .link3,.link .link3:hover{ background-position:-202px 0;}
.link .link4{ background-position:-303px -110px;}
.link-selected .link4,.link .link4:hover{ background-position:-303px 0;}
.a-box{ float:right; width:510px;}
.a-box h5{ font-size:24px; color:#272727; font-weight:normal; margin:15px 0;}
.a-box p{ font-size:12px; color:#696969; line-height:2;}
/* about end */

/* zhaopin */
.list li{ background:url(../images/li.png) no-repeat 0 8px; padding-left:25px;}
.title2{ height:20px;}
.zp-nav li{ background:url(../images/btn.png) no-repeat -122px -220px; width:122px; height:41px; float:left; display:inline-block; cursor:pointer; color:#626262; font-size:14px; text-align:center; line-height:31px; margin:0 39px;}
.zp-nav .selected{ background-position:0 -220px; color:#FFF;}
.zp-main{ width:645px; font-size:12px; line-height:2; margin:0 auto; color:#696969; padding:30px 0 100px; display:none; min-height:515px;}
.zp-main .zp-name{ font-size:16px; color:#292929; margin-top:20px;}
.zp-main h2{ font-size:16px; color:#292929; font-weight:400;}
.zp-main dt{ margin-top:20px;}
.zp-main dd{ padding-left:15px;}
.zp-selected{ display:block;}
/* zhaopin end */

/* news */
.tree{ width:936px; margin:40px auto 100px;}
.tree .tree-top{ margin:0 auto; width:37px;}
.tree-line{ border-right:2px dashed #9ec246; width:18px; height:83px;}
.tree-main li{ min-height:140px;}
.tree-cont{ min-height:140px; width:357px; display:inline-block; position:relative;}
.tree-right .tree-cont{ border-style:solid; border-color:#9ec246; border-width:0 0 0 2px; float:right; padding-left:110px;}
.tree-right .sprite{ background-position:0 -217px; width:102px; height:34px; position:absolute; left:-18px; top:0px;}
.tree-left .tree-cont{ border-style:solid; border-color:#9ec246; border-width:0 2px 0 0; padding-right:110px;}
.tree-left .sprite{ background-position:-103px -217px; width:102px; height:34px; position:absolute; right:-18px; top:0px;}
.tree-new .tree-cont{ border-style:dashed;}
/* news end */

/* us */
.waterBg{ width:100%; background:url(../images/bg.jpg) repeat; padding:25px 0; margin-top:100px;}
.item{ width:460px; height:306px; float:left; display:inline-block; box-shadow:2px 2px 6px #888888; margin:0 20px 30px; background-color:#fafafa; cursor:pointer;}
.item img{ width:460px; height:256px; display:block;}
.item p{ padding:10px 36px 0; line-height:1.8; color:#7f7f7f; overflow:hidden; width:388px; height:40px;}


/* 图片弹出层 */
.imgBox{ width:1000px; height:540px; position:fixed; top:50%; left:50%; margin-top:-280px; margin-left:-500px; z-index:101; _position:absolute; _top:expression(documentElement.scrollTop + documentElement.clientHeight - 110+ "px"); background-color:#FFF; padding-top:20px;}
.imgBox .slidesjs-navigation{ width:38px; height:73px; cursor:pointer; position:absolute; top:50%; margin-top:-35px; z-index:102; background:url(../images/sprite.png) no-repeat; text-indent:-9999px;}
.imgBox .slidesjs-previous{ left:5px; background-position:-277px 0;}
.imgBox .slidesjs-next{ right:5px; background-position:-315px 0;}
.imgBox .clsBox{ cursor:pointer; position:absolute; right:5px; top:5px; z-index:103;}
.imgBox .imgArea{ width:900px; margin:0 auto; height:540px;}
.imgBox .imgList{ width:900px; height:540px;}
.imgBox .imgList a{ height:450px; display:block;}
.imgBox .imgList img{ margin:0 auto; max-width:900px; max-height:450px; display:block;}
.imgBox .imgTip{ margin-top:15px; font-size:14px; height:63px; overflow:hidden;}
.shadeBox{ width:100%; height:4000px; background-color:#000; z-index:100; filter:alpha(opacity=80); opacity:0.8; position:fixed; top:0; left:0; _position:absolute; _top:expression(documentElement.scrollTop + documentElement.clientHeight - 4000+ "px");}
/* us end */