body,div,ul,li,p,dl,dt,dd{margin:0;padding:0;font-weight:normal}body{background-color:#e6e6e6;font-size:16px;color:#333;font-family:'MicroSoft YaHei','verdana',"微软雅黑"}ul,li{list-style:none}a:link,a:visited{color:#333;text-decoration:none}a:hover{color:red;text-decoration:underline}span{padding:0;margin:0}img{border:0}.clearfix:after{content:" ";display:table;clear:both}.clearfix{*zoom:1}.bg-img{background:url(images/bg.jpg) no-repeat;background-position:right bottom}.theme-color{color:#ff7602;}.main{width:960px;margin:0 auto;*margin-top:31px}.navigation{width:168px;height:auto;padding:22px 0 18px 0;background-color:#fff;border:1px solid #eee}.nav-abs{position:absolute;top:78px;*left:230px}.nav-fixed{position:fixed;top:0}.navigation li{width:168px;height:34px;line-height:34px;cursor:pointer}.navigation li em{display:none;background:url(images/icons.png) -272px -59px no-repeat;_background:url(images/icons-8bit.png) -272px -59px no-repeat;width:8px;height:15px;position:relative;right:-63px;top:0;*top:-4px;_top:4px}.navigation li.pe em{right:-49px;*top:-4px;_top:4px}.navigation li.as em{right:-26px;*top:-4px;_top:4px}.navigation li.cur{background-color:#ff7602;font-weight:bold;height:auto}.navigation li.cur a:link,.navigation li.cur a:visited{color:#fff}.navigation li.cur em{display:inline-block}.navigation li i{display:inline-block;background:url(images/icons.png) no-repeat;_background:url(images/icons-8bit.png) no-repeat;vertical-align:middle;_position:relative;_top:5px}.navigation li.cur i.list-icon{background-position:-271px -16px;width:9px;height:6px;margin-left:28px;_position:relative;_top:10px}.navigation li i.aui{background-position:0 0;width:14px;height:12px;margin:0 7px 0 19px}.navigation li i.bpi{background-position:-41px 0;width:14px;height:12px;margin:0 9px 0 17px}.navigation li i.pei{background-position:-89px 0;width:11px;height:13px;margin:0 9px 0 19px}.navigation li i.asi{background-position:-126px 0;width:16px;height:12px;margin:0 8px 0 17px}.navigation li i.cui{background-position:-174px 0;width:16px;height:10px;margin:0 6px 0 18px}.navigation li i.hpi{background-position:0 -38px;width:14px;height:12px;margin:0 7px 0 19px}.navigation li i.tosi{background-position:-44px -40px;width:13px;height:10px;margin:0 10px 0 17px}.navigation li i.ppi{background-position:-88px -37px;width:12px;height:13px;margin:0 10px 0 18px}.navigation li i.mri{background-position:-127px -38px;width:14px;height:12px;margin:0 8px 0 18px}.navigation li i.whi{background-position:-174px -34px;width:16px;height:16px;margin:0 8px 0 17px}.navigation li i.smi{background-position:-234px 0;width:12px;height:16px;margin:0 10px 0 19px}.navigation li i.fli{background-position:-233px -36px;width:14px;height:14px;margin:0 7px 0 19px}.navigation li.cur i.aui{background-position:0 -80px}.navigation li.cur.cur.cur.cur.cur i.bpi{background-position:-41px -80px}.navigation li.cur.cur.cur.cur.cur i.pei{background-position:-89px -80px}.navigation li.cur.cur.cur.cur.cur i.asi{background-position:-126px -80px}.navigation li.cur.cur.cur.cur i.cui{background-position:-174px -80px}.navigation li.cur.cur.cur.cur i.hpi{background-position:0 -119px}.navigation li.cur.cur.cur i.tosi{background-position:-44px -120px}.navigation li.cur.cur.cur i.ppi{background-position:-88px -117px}.navigation li.cur.cur i.mri{background-position:-127px -118px}.navigation li.cur.cur i.whi{background-position:-174px -114px}.navigation li.cur i.smi{background-position:-234px -80px}.navigation li.cur i.fli{background-position:-233px -116px}.navigation li .asi-sub-list{padding:15px 0 22px 30px;font-size:14px;background-color:#fff}.navigation li .asi-sub-list a:link,.navigation li .asi-sub-list a:visited{color:#000}.navigation li .asi-sub-list li.on a{font-weight:bold}.navigation .asi-sub-list li{width:139px;height:34px;line-height:34px;color:#333}.navigation .asi-sub-list li i{background-position:-275px 0;width:5px;height:5px;margin-right:8px}.navigation .asi-sub-list li.on i{background-position:-261px 0}.content{width:636px;padding:0 66px 40px;min-height:358px;background-color:#fff;border:1px solid #eee;padding-top:50px;margin-top:31px;margin-left:190px;z-index:10}.content .orange-block{display:inline-block;width:8px;height:31px;background-color:#ff7602;margin-right:15px;vertical-align:bottom}.content p{margin-bottom:28px;line-height:30px}.intro-nav{margin:16px 0 34px 30px}.intro-nav li{line-height:30px;font-size:12px;list-style:square}.intro-nav a{font-size:16px;color:#2899ee}.intro-nav a:hover{text-decoration:underline}.subb-title{height:36px;line-height:36px;background:#efefef;color:#ff7602;margin-bottom:12px}.subb-title span{border-left:3px solid #ff7602;padding-left:9px;margin-left:9px}.app-intro-tabs{height:34px;border-bottom:1px solid #bababa}.app-intro-tabs span{float:left;width:157px;height:34px;line-height:34px;margin-right:2px;background:#efefef;text-align:center;_display:inline;cursor:context-menu}.app-intro-tabs .lst{margin-right:0}.app-intro-tabs span.cur{border:1px solid #bababa;border-bottom:1px solid #fff}.app-intro-box{line-height:30px;padding:22px;border:1px solid #bababa;border-top:0;margin-bottom:34px}.app-intro-slogan{margin-bottom:12px}.app-intro-slogan img{float:left;margin-right:15px;_display:inline}.oc-content{width:640px;margin:0 auto}.af-content{margin-left:66px}.content .title{font-size:28px;height:31px;line-height:31px;margin-bottom:40px}.oc-content ul{margin-top:40px}.oc-content li{_display:inline;float:left;margin:0 61px 20px 0;cursor:pointer}.oc-content li img{width:148px;height:62px;border:1px solid #eee}.af-content ul{margin-top:33px}.af-content li{_display:inline;float:left;margin:0 27px 30px 0}.af-content li .img-box{width:194px;height:194px;border:1px solid #e5e4e4}.af-content li img{display:block;margin:17px auto}.af-content li .img-title{display:block;font-size:14px;line-height:36px;text-align:center}.af-content li .other-page{font-size:12px;text-align:center}.af-content li .split-line{display:inline-block;background:url(images/af-split.jpg) no-repeat;width:2px;height:13px;margin:0 4px 0 5px;vertical-align:bottom}.sc-content li{height:143px;padding:30px 0;border-bottom:1px dashed #cacaca}.sc-content li img{float:left;width:205px;height:143px;margin-right:18px}.sc-content li .case-title{height:28px;line-height:28px;font-weight:bold}.sc-content li .case-subject{height:34px;line-height:34px;margin-bottom:3px}.sc-content li p{font-size:14px;line-height:24px}.event-subtitle{background:#f5f5f5;font-size:20px;font-weight:bold;height:40px;line-height:40px;padding-left:20px;margin-bottom:28px}.pe-content .time-axis{width:600px;height:589px;border-left:2px solid #f8f8f8;margin:48px 0 0 32px}.pe-content .year{font-size:20px;font-weight:bold;color:#333;text-align:center;padding:15px 0;}.pe-content .year.ft-year{padding-top:0;}.pe-content .year-2014{margin-top:40px}.pe-content i{display:inline-block;background:url(images/icons.png) no-repeat;_background:url(images/icons-8bit.png) no-repeat;z-index:20;vertical-align:baseline}.pe-content .year i{background-position:-301px 0;width:19px;height:19px;margin-right:17px;_position:relative;_left:-1px;_top:-20px}.pe-content ul{margin:10px 0 24px}.pe-content li{font-size:14px;margin-bottom:10px;line-height:22px}.pe-content li i{background-position:-309px -64px;width:11px;height:11px;margin:0 17px 0 5px;_position:relative;_left:0;_top:-20px}.pe-content li.cur i{background-position:-309px -35px}.cu-content{font-size:14px;line-height:28px}.cu-content .contact-method{margin:27px 0 22px 0}.cu-content li{float:left;width:258px;padding:23px 0;border-top:1px dashed #cacaca;margin-right:60px}.cu-content li .other-name{font-size:16px;font-weight:bold}.hp-content{font-size:14px;width:630px;margin-left:66px}.hp-content .cv-send{margin:28px 0 24px 0}.hp-content .cv-send a:visited,.hp-content .cv-send a:link{color:#438fae}.hp-content .job-item{margin-top:40px;padding-bottom:18px}.hp-content .job-item .job-name{font-size:16px;font-weight:bold;margin-bottom:13px}.hp-content .job-item .title{font-size:14px;font-weight:bold}.hp-content .job-item .job-post{margin-top:20px}.hp-content .bottom-line{border-bottom:1px dashed #cacaca}.hp-content li{float:left;width:82px;height:33px;font-size:16px;background-color:#efefef;line-height:33px;text-align:center;margin-right:3px;cursor:pointer}.hp-content li.lw{width:114px}.hp-content li.cur{color:#ff7602;height:36px;background-color:#fff;border:1px solid #bababa;border-bottom:0;z-index:20;position:relative;top:-1px}.hp-content .tab-ul{height:35px;border-bottom:1px solid #bababa}.fl-content{font-size:14px;line-height:24px}.fl-content .sub-title{font-size:16px;font-weight:bold;margin:30px 0 23px 0}.fl-content .web-corp{margin-top:44px}.fl-content .web-corp-bd{padding-bottom:23px;border-bottom:1px dashed #cacaca}.fl-content .web-logo{margin:5px 0}.fl-content .logo-img{vertical-align:middle}.fl-content li img{margin-right:14px}.fl-content li img.mr0{margin-right:0}.fl-content li{margin-bottom:10px}.fl-content ul.logo-link{display:block;padding-bottom:20px;border-bottom:1px dashed #cacaca}.fl-content ul.word-link li{float:left;width:100px;margin-right:34px}.fl-content ul.word-link li.mr0{margin-right:0}.weihu{display:block;margin:118px auto 0}.footer{color:#888;margin-top:30px;font-size:12px}.footer a:link,.footer a:visited{color:#888}.footer .detail-wrap{background-color:#f4f3f2}.footer .detail{width:896px;margin:0 auto;padding:12px 20px;position:relative;border-bottom:1px dashed #ddd}.footer .ci123{display:block;width:160px;height:111px;background:url(images/ci123.png) no-repeat;position:absolute;left:375px;top:20px}.footer .about,.footer .care{width:75px}.footer .fl{display:inline;float:left;margin-right:66px}.footer .fr{display:inline;float:right;margin-left:50px}.footer dl{text-align:left}.footer dt{font-weight:bold;color:#555;height:22px}.footer dd{line-height:24px}.footer .help,.footer .commuincation,.footer .else{width:53px}.footer .phone{width:108px}.footer .care dd{background:url(images/footer.png) no-repeat;padding-left:22px}.footer .care .sina{background-position:0 -113px}.footer .care .qq{background-position:0 -145px}.footer .care .qzone{background-position:0 -180px}.footer .phone dd{background:url(images/footer.png) no-repeat;padding-left:25px}.footer .phone .ios{background-position:0 2px}.footer .phone .android{background-position:0 -36px}.footer .phone .wap{background-position:0 -72px}.friendlink{width:926px;text-align:center;margin:12px auto}.friendlink p{margin:0 auto;width:910px;color:#797979;line-height:24px;text-align:left}.friendlink p a{margin:0 5px}.friendlink .banquan{text-align:center;color:#999}.wraper-header{width:100%;height:80px;background:#FFF;z-index:10;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,.1);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.wraper-header .header-box{margin:0 auto;width:1000px;height:80px}.wraper-header .header-logo{float:left;margin:21px 0 0 21px;width:183px;height:52px;background:url(http://www.ci123.com/index/styles/images/logo2017.png) no-repeat 0 0;background-size: 100%;}.wraper-header .header-list{float:right}.wraper-header .header-list li{position:relative;float:left;margin:0 25px;height:80px;line-height:80px;z-index:2;cursor:default;}.wraper-header .header-link{padding:10px 5px;font-size:16px;font-family:"Microsoft Yahei";color:#333}.wraper-header .header-case{border-bottom:2px solid #f1861a}.wraper-header .header-link:hover{text-decoration:none;border-bottom:2px solid #f1861a}.wraper-header .header-subnav{position:absolute;top:80px;left:50%;margin-left:-60px;padding:0 15px;width:90px;text-align:center;background:#fff;z-index:99;border:1px solid #eee;border-top:0;}.wraper-header .header-sublink{display:block;border-bottom:1px solid #eee;height:36px;font:14px/36px"Microsoft Yahei";color:#333;white-space:nowrap}.wraper-header .header-sublink:hover{text-decoration:none;color:#f1861a}.wraper-header .header-sublink:last-child{border-bottom:0}#footer{font:12px Arial,Helvetica,sans-serif;}#footer dl.fr{margin-left:60px}#friendlink .banquan{margin-top:8px;text-align:left}#footer .detail{padding-top:20px}#footer .detail .ci123{left:395px;background:url(http://www.ci123.com/index/styles/images/footer-logo.png) no-repeat}#footer #ir{width:65px}#footer #wechat{width:95px}#footer #agreement,#footer #contact{width:53px}.wechat-pic{width:92px;height:92px;background:url(http://www.ci123.com/index/styles/images/wechat-pic.jpg) no-repeat 0 0}.care-list a{float:left;margin-left:10px;width:30px;height:28px;background:url(http://www.ci123.com/index/styles/images/care-icon.png) no-repeat;text-indent:-999em}.care-list .care-sina{background-position:0 0}.care-list .care-qzone{background-position:-37px 0}.care-list .care-qq{background-position:-75px 0}.care-list .care-app{background-position:-113px 0}.care-list .care-sina:hover{background-position:0 -38px}.care-list .care-qzone:hover{background-position:-37px -38px}.care-list .care-qq:hover{background-position:-75px -38px}.care-list .care-app:hover{background-position:-113px -38px}body{background-color:#f4f3f2;}.bg-img{padding:30px 0;background-color:#e6e6e6;}.main{position:relative;}.main .nav-abs{position:absolute;top:0;left:0;}.main .content{margin-top:0;_height:358px;}.job-wrapper{width:100%;background:#fff url(images/job-header.jpg) no-repeat top;font-family:"Microsoft Yahei"}.job-wrapper .wrapper,.resu,.offer{width:980px;padding:0 20px;margin:0 auto;}.job-wrapper .wrapper .job .job-list li a,.job-wrapper .wrapper .job-btn i,.job-wrapper .resume .bleft,.job-wrapper .offer ul li a{background:url(images/job-icon.png) no-repeat;_background:url(images/job-icon8.png) no-repeat;}.job-wrapper .wrapper .header{height:320px;width:1020px;margin-bottom:5px;}.job-wrapper .wrapper .title{font-size:24px;color:#f57f0c;font-weight:bold;margin:30px 0;}.job-wrapper .wrapper .title span{font-size:16px;color:#666;font-style:italic;}.job-wrapper .wrapper .job{height:242px;overflow:hidden;border-bottom:1px dashed #ccc;}.job-wrapper .wrapper .job .job-list li{float:left;}.job-wrapper .wrapper .job .job-list li a{width:86px;height:86px;border-radius:86px;float:left;margin-right:25px;cursor:pointer;}.job-wrapper .wrapper .job .job-list .ed{background-position:0 -440px;}.job-wrapper .wrapper .job .job-list .ae{background-position:-112px -440px;}.job-wrapper .wrapper .job .job-list .web{background-position:-224px -440px;}.job-wrapper .wrapper .job .job-list .php{background-position:-336px -440px;}.job-wrapper .wrapper .job .job-list .me{background-position:-448px -440px;}.job-wrapper .wrapper .job .job-list .andro{background-position:-559px -440px;}.job-wrapper .wrapper .job .job-list .ios{background-position:-670px -440px;}.job-wrapper .wrapper .job .job-list .fe{background-position:-783px -440px;}.job-wrapper .wrapper .job .job-list .ui{margin-right:0;background-position:-895px -440px;}.job-wrapper .wrapper .job .job-list .ed:hover{background-position:0 -532px;}.job-wrapper .wrapper .job .job-list .ae:hover{background-position:-112px -532px;}.job-wrapper .wrapper .job .job-list .web:hover{background-position:-224px -532px;}.job-wrapper .wrapper .job .job-list .php:hover{background-position:-336px -532px;}.job-wrapper .wrapper .job .job-list .me:hover{background-position:-448px -532px;}.job-wrapper .wrapper .job .job-list .andro:hover{background-position:-559px -532px;}.job-wrapper .wrapper .job .job-list .ios:hover{background-position:-670px -532px;}.job-wrapper .wrapper .job .job-list .fe:hover{background-position:-783px -532px;}.job-wrapper .wrapper .job .job-list .ui:hover{background-position:-895px -532px;}.job-wrapper .wrapper .editer{height:688px;overflow:hidden;border-bottom:1px dashed #ccc;}.job-wrapper .wrapper .intro{font-size:16px;color:#666;line-height:30px;width:820px;}.job-wrapper .wrapper .intro h3{font-size:16px;color:#333;margin-top:28px;margin-bottom:6px;}.job-wrapper .wrapper .job-btn{width:165px;height:42px;border-radius:26px;border:1px solid #f57f0c;background:#fff;font-size:16px;color:#f57f0c;float:right;font-weight:bold;cursor:pointer;margin-top:22px;line-height:42px;text-decoration:none;}.job-wrapper .wrapper .job-btn:hover{background:#f57f0c;color:#fff;font-weight:bold;}.job-wrapper .wrapper .job-btn:hover i{background-position:-747px -192px;}.job-wrapper .wrapper .job-btn i{width:18px;height:18px;background-position:-728px -192px;float:left;margin:10px 16px 0 30px;}.job-wrapper .wrapper .account{height:656px;overflow:hidden;border-bottom:1px dashed #ccc;}.job-wrapper .wrapper .web_dev{height:695px;overflow:hidden;border-bottom:1px dashed #ccc;}.job-wrapper .wrapper .php_dev{height:477px;overflow:hidden;border-bottom:1px dashed #ccc;}.job-wrapper .wrapper .engineer{height:643px;overflow:hidden;border-bottom:1px dashed #ccc;}.job-wrapper .wrapper .android{height:455px;overflow:hidden;border-bottom:1px dashed #ccc;}.job-wrapper .wrapper .ios_dev{height:542px;overflow:hidden;border-bottom:1px dashed #ccc;}.job-wrapper .wrapper .front{height:577px;overflow:hidden;border-bottom:1px dashed #ccc;}.job-wrapper .wrapper .ui_dev{height:575px;overflow:hidden;}.job-wrapper .resume{height:254px;background:url(images/job-bg.jpg) no-repeat;width:100%;}.job-wrapper .resume .bleft{float:left;width:170px;height:170px;background-position:-672px 0px;border-radius:170px;margin:48px 52px 0 190px;}.job-wrapper .resume .res_tit{font-size:28px;margin-bottom:30px;padding-top:58px;}.job-wrapper .resume .email{font-family:Arial;color:#f57f0c;font-size:24px;}.job-wrapper .resume .email span{color:#333;}.job-wrapper .resume .tip{font-size:16px;padding-top:28px;}.job-wrapper .resume .tip span{font-weight:bold;color:#f57f0c;}.job-wrapper .offer{height:948px;overflow:hidden;}.job-wrapper .offer .off_tit{color:#f57f0c;font-size:24px;font-weight:bold;margin-top:117px;margin-bottom:78px;}.job-wrapper .offer ul{margin-left:55px;overflow:hidden;font-size:16px;font-weight:bold;}.job-wrapper .offer ul li{float:left;text-align:center;margin:0 25px;margin-bottom:60px;}.job-wrapper .offer ul li a{width:156px;height:138px;display:block;margin-bottom:12px;}.job-wrapper .offer ul li .wxyj{background-position:0 0;}.job-wrapper .offer ul li .ndtj{background-position:-166px 0;}.job-wrapper .offer ul li .jtly{background-position:-334px 0;}.job-wrapper .offer ul li .jlb{background-position:-501px 0;}.job-wrapper .offer ul li .dxjq{background-position:0 -147px;}.job-wrapper .offer ul li .srlw{background-position:-166px -147px;}.job-wrapper .offer ul li .jrlj{background-position:-334px -147px;}.job-wrapper .offer ul li .sg{background-position:-501px -147px;}.job-wrapper .offer ul li .swlj{background-position:0 -295px;}.job-wrapper .offer ul li .jhfl{background-position:-166px -295px;}.job-wrapper .offer ul li .sanba{background-position:-334px -295px;}.job-wrapper .offer ul li .gllw{background-position:-501px -295px;}.content .sub-list{margin:10px 0 18px 22px;}.content .sub-list li{line-height:30px;font-size:14px;list-style:initial;}.content .sub-p{margin-bottom:10px;}.privacy strong{display:block;margin:10px 0;}
