.section { font: 20px "Microsoft Yahei"; color: #666; overflow:hidden;}
.section h1{ font-size:150%; margin:20px 0;}
.section h2{ margin:50px 0; font-size:60px; font-weight:normal; color:#333;}
.section h3{ font-size:40px; font-weight:normal; position:absolute; top:50%; left:50%; width:1000px; height:68px; margin-top:-240px; margin-left:-500px; opacity: 0; -webkit-transform:scale(0.8, 0.8); transform:scale(0.8, 0.8); transition: all 1s; z-index:100; text-align:center; color:#333;}
.section h3 strong{ font-size:50px;}
.section h3.our-user{ margin-top:80px; -webkit-transform:scale(1, 1); transform:scale(1,1);}
.section h4{ font-size:100%; font-weight:normal; margin:20px 0;}
.section h4 span{ font-family:simsun;}
.reg{ margin:90px 0 0 80px;}
a.btn-reg{ background:#f60; width:326px; height:82px; line-height:82px; font-size:40px; color:#fff; text-align:center; display:inline-block; border-radius:6px;}
a.btn-reg:hover{ background:#fe7519; text-decoration:none;}
.download{ margin:10px 0 0 80px; font-size:15px;}
.bg{ width:100%; height:100%; position:absolute; top:0; left:0;}
.bg img{ display:block; width:100%; position:absolute;}
.t-left{ position: absolute; top:50%; left: 50%; width: 410px; height: 450px; margin-top:-185px; transition: all 1s;  opacity: 0; margin-left: -620px; margin-left: -620px\9; z-index:10;}
.t-right{ position: absolute; top:50%; left: 50%; width: 410px; height: 450px; margin-top:-185px; margin-left: 220px; margin-left: 220px\9; transition: all 1s;  opacity: 0; z-index:10;}
.half-right{ width: 600px; height:100px; position:absolute; top:50%; left:50%; margin-top:0; margin-left: -30px; margin-left: -30px\9; transition: all 1s;  opacity: 0; z-index:10;}
.first-left{ width: 700px; height:460px; position:absolute; top:50%; left:50%; margin-top:-160px; margin-left: -620px; margin-left: -620px\9; transition: all 1s;  opacity: 0; z-index:10; color:#fff; font-size:30px;}
.bg-right{ position: absolute; top:50%; left: 50%; width: 840px; height: 590px; margin-top:-255px; margin-left: -50px; margin-left: -200px\9; transition: all 1s; opacity: 0;}
.bg-left{ position: absolute; top:50%; left: 50%; width: 840px; height: 590px; margin-top:-255px; margin-left: -800px; margin-left: -650px\9; transition: all 1s; opacity: 0;}
.bg-right img, .bg-left img, .bg-app img, .reg-step img{ display:block; max-width:100%; max-height:100%;}
.intro-list{ margin:0; padding:0; list-style:outside disc;}
.intro-list li{ margin:0 0 10px;}
.bg-talk{ position:absolute; top:50%; left:50%; width:1000px; height:460px; margin-top:-150px; margin-left:-500px;}
.bg-talk img{ max-width:100%;}
[class^="talk-"], [class*="talk-"]{ width:320px; position:absolute; opacity: 0; -webkit-transform:scale(0.8, 0.8); transform:scale(0.8, 0.8); transition: all 1s; -webkit-transform-origin:left bottom; transform-origin:left bottom;}
[class^="talk-"] img, [class*="talk-"] img{ display:block; max-width:100%;}
.talk-1{ top:6%; left:12%;}
.talk-2{ top:6%; left:66%;}
.talk-3{ top:52%; left:12%;}
.talk-4{ top:52%; left:66%;}
.bg-app{ position: absolute; top:50%; left: 50%; width: 500px; height: 500px; margin-top:-180px; margin-left: -560px; transition: all 1s; opacity: 0;}
.bg-app img{ -webkit-transform:scale(0.8, 0.8); transform:scale(0.8, 0.8); transition: all 1s;}
.icon-app-project{ margin-top:-241px\9;}
.icon-app-client{ margin-top:-205px\9; margin-left:69px\9;}
.icon-app-igoal{ margin-top:-121px\9; margin-left:134px\9;}
.icon-app-attend{ margin-top:-4px\9; margin-left:141px\9;}
.icon-app-knowledge{ margin-top:95px\9; margin-left:79px\9;}
.icon-app-email{ margin-top:137px\9; margin-left:-34px\9;}
.icon-app-memo{ margin-top:95px\9; margin-left:-157px\9;}
.icon-app-log{ margin-top:-3px\9; margin-left:-220px\9;}
.icon-app-approve{ margin-top:-120px\9; margin-left:-213px\9;}
.icon-app-notice{ margin-top:-206px\9; margin-left:-144px\9;}
.reg-step{ position:absolute; top:50%; left:50%; width:500px; height:151px; margin-top:-100px; margin-left:-250px; margin-left:-250px\9; transition: all 1s; opacity: 0;}
.reg-now{ position:absolute; top:50%; left:50%; width:326px; height:150px; margin-top:125px; margin-left:-163px; margin-left:-163px\9; transition: all 1s; opacity: 0; text-align:center;}
.reg-tip{ margin:5px 0 0; font-size:22px;}
.user-logo{ position:absolute; top:50%; left:50%; width:826px; height:126px; margin-top:150px; margin-top:150px\9; margin-left:-413px; transition: all 1s; opacity: 0;}

.active h3{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;} 
.active .t-left { opacity: 1; margin-left: -620px; transition-delay: 0.7s;}
.active .t-right { opacity: 1; margin-left: 220px; transition-delay: 0.7s;}
.active .half-right{ margin-left:-30px; opacity: 1; transition-delay: 0.7s;}
.active .first-left{ opacity: 1; margin-left: -620px; transition-delay: 0.7s;}
.active .bg-right{ margin-left: -200px; opacity: 1; transition-delay: 0.7s;}
.active .bg-left{ margin-left: -650px; opacity: 1; transition-delay: 0.7s;}
.active [class^="talk-"], .active  [class*="talk-"]{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s; transform-origin:left bottom;}
.active .bg-app{ margin-left: -560px; opacity: 1; transition-delay: 0.7s;}
.active .bg-app img{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .icon-app-project{ margin-top:-241px; opacity: 1; transition-delay: 0.7s;}
.active .icon-app-client{ margin-top:-205px; margin-left:69px; opacity: 1; transition-delay: 0.7s;}
.active .icon-app-igoal{ margin-top:-121px; margin-left:134px; opacity: 1; transition-delay: 0.7s;}
.active .icon-app-attend{ margin-top:-4px; margin-left:141px; opacity: 1; transition-delay: 0.7s;}
.active .icon-app-knowledge{ margin-top:95px; margin-left:79px; opacity: 1; transition-delay: 0.7s;}
.active .icon-app-email{ margin-top:137px; margin-left:-34px; opacity: 1; transition-delay: 0.7s;}
.active .icon-app-memo{ margin-top:95px; margin-left:-157px; opacity: 1; transition-delay: 0.7s;}
.active .icon-app-log{ margin-top:-3px; margin-left:-220px; opacity: 1; transition-delay: 0.7s;}
.active .icon-app-approve{ margin-top:-120px; margin-left:-213px; opacity: 1; transition-delay: 0.7s;}
.active .icon-app-notice{ margin-top:-206px; margin-left:-144px; opacity: 1; transition-delay: 0.7s;}
.active .reg-step{ margin-left:-250px; opacity: 1; transition-delay: 0.7s;}
.active .reg-now{ margin-left:-163px; opacity: 1; transition-delay: 0.7s;}

#fullPage-nav ul, .fullPage-slidesNav ul{ list-style:none;}
#fullPage-nav.right{ right:10px;}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 18px;
    height: 17px;
    margin: 11px;
    position:relative;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #3f90cf;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border: 1px solid #3f90cf;
    background: rgba(63, 144, 207, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
@media all and (max-width:1920px){
	.section h1{ margin:30px 0;}
}
@media all and (max-width:1280px){
	.first-left { font-size: 24px;}
}
/* static oa by cyz start */
.static-wrap{ margin:0 auto; min-width:1300px;}
.static-wrap .static-bortop{ border-top:2px solid #f0f0f0;}
.static-wrap-01{ background:url(static-banner-01.jpg?v=20141222) top center no-repeat; height:788px; position:relative;}
.static-wrap-02{ background:url(static-banner-02.jpg) top center no-repeat; height:633px; position:relative;}
.static-wrap-03{ background:url(static-banner-03.jpg) top center no-repeat #f5f5f5; height:642px; position:relative;}
.static-wrap-04{ background:url(static-banner-04.jpg) top center no-repeat; height:648px; position:relative;}
.static-wrap-05{ background:url(static-banner-05.jpg) top center no-repeat #f5f5f5; height:646px; position:relative;}
.static-wrap-06{ background:url(static-banner-06.jpg?=150508) top center no-repeat; height:597px; position:relative;}
.static-wrap-07{ background:url(static-banner-07.jpg) top center no-repeat; height:565px; position:relative;}
.static-reg-left{ position:absolute; top:50%; left:50%; margin-top:173px; margin-left:-470px;}
.static-reg-bottom{ position:absolute; top:50%; left:50%; margin-top:112px; margin-left:-155px;}
/* static oa by cyz end */
/* oa3 by cyz start */
.v3-reg{ width:200px; height:50px; line-height:50px; text-align:center; font-size:25px; color:#fff; display:inline-block; background:#f70;}
.v3-reg:hover{ text-decoration:none; background:#f80;}
.v3-error{ position:absolute; top:315px; left:255px; padding:2px 10px; color:#fff; background:#ff7783; display:none;}
.v3-error:after{ display:inline-block;width:0;height:0;line-height:0;font-size:0;border-style:solid dashed dashed dashed;border-width:9px 9px 0 9px;border-color:#ff7783 transparent transparent transparent; content:""; position:absolute; left:20px; bottom:-9px;}
.v3-head{ background:url(v3-headbg.jpg) center top no-repeat; height:650px;}
.v3-head.v3-head2{ height:540px;}
.v3-head .v3-cont{ margin:0 auto; width:1000px; position:relative;}
.v3-head .v3-logo{ position:absolute; top:40px; left:0;}
.v3-head .v3-tel{ color:#fff; font-size:20px; position:absolute; top:56px; right:0;}
.v3-head h3{ margin:0; color:#fff; font-size:30px; position:absolute; top:185px; left:46px; line-height:1;}
.v3-head h1{ margin:0; color:#fff; font-size:70px; position:absolute; top:235px; left:46px; line-height:1;}
.v3-regwrap{ position:absolute; top:355px; left:255px;}
.v3-regwrap .v3-reg{ float:left;}
.v3-regwrap input[type="text"]{ border:none 0; padding:0 10px; width:280px; height:50px; line-height:50px; font-size:20px; float:left; font-family:tahoma;}
.v3-regwrap input[type="text"]::-webkit-input-placeholder{ font-family:microsoft yahei, proxima_nova_rgregular;}
.v3-regwrap input[type="text"]::-moz-placeholder{ font-family:microsoft yahei, proxima_nova_rgregular;}
.v3-regwrap input[type="text"]:-moz-placeholder{ font-family:microsoft yahei, proxima_nova_rgregular;}
.v3-regwrap input[type="text"]:-ms-input-placeholder{ font-family:microsoft yahei, proxima_nova_rgregular;}
ul.v3-intro-list{ margin:90px auto 0; padding:0; list-style:none; width:1000px;}
ul.v3-intro-list li{ float:left; margin:0 0 0 15px; min-width:280px; text-align:center; font-size:20px;}
ul.v3-intro-list li .v3-listcont{ line-height:1.8;}
ul.v3-intro-list li .v3-listcont .fwarn{ font-size:30px;}
ul.v3-intro-list.v3-intro-list2{ margin:10px auto 0; padding:0; list-style:none; width:1000px;}
ul.v3-intro-list.v3-intro-list2 li{ float:none; clear:both; margin:40px auto 60px; width:760px;}
ul.v3-intro-list.v3-intro-list2 li img{ float:right; margin-top:20px;}
ul.v3-intro-list.v3-intro-list2 li .v3-listcont{ text-align:left; font-size:28px;}
ul.v3-intro-list.v3-intro-list2 li .v3-listcont .fwarn{ font-size:50px; line-height:1; font-weight:bold;}
.v3-slogan:after{ margin:0 0 0 -35px; width:1000px; content:''; border-bottom:10px solid #42ade3; display:block;}
.v3-slogan{ margin:90px auto 0; padding:20px 0 0; width:930px; height:70px; line-height:70px; font-size:25px; text-align:center; border-radius:15px 15px 0 0; background:#bfeaff;}
.v3-slogan .fwarn{ font-size:50px; line-height:1;}
.v3-trait-list{ margin:100px auto 0; padding:0; list-style:none; width:1000px;}
.v3-trait-list li{ float:left; margin:0 10px; min-width:200px; text-align:center; font-size:20px;}
.v3-trait-list li .fwarn{ font-size:30px;}
.v3-trait-list li .fwarn b{ font-size:50px; font-weight:normal;}
.v3-trait-list li .fwarn b sup{ line-height:1;}
.v3-complogos{ margin:50px 0 50px; text-align:center;}
.v3-number1{ margin:70px 0 0; font-size:50px; color:#42ade3; text-align:center;}
.v3-foot{ background:url(v3-footbg.jpg) center bottom no-repeat; height:150px; overflow:hidden;}
.v3-foot .v3-foot-cont{ margin:50px auto 0; width:1000px; text-align:center; color:#fff; font-size:40px;}
.v3-foot .v3-reg{ vertical-align:5px;}
.v3-online{ position:fixed; top:420px; right:5px; z-index:1000; padding:60px 0 0 70px; width:127px; height:40px; color:#003c8e; display:block; background:url(v3-online.png?v=20150420) no-repeat; font-size:16px;}
.v3-online:hover{ text-decoration:none;}
/* oa3 by cyz end */



.bottombanner{ background:url(bottombannerbg.jpg) center top no-repeat; height:308px; text-align:center; color:#fff; overflow:hidden;}
.bottombanner .title{ margin:75px 0 15px; font-size:48px; font-weight:100;}
a.bottomreg{ width:200px; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; border:1px solid #fff; border:1px solid rgba(255, 255, 255, 0.8); border-radius:4px; display:inline-block;}
a.bottomreg:hover{ text-decoration:none; color:#fff; background:rgba(255,255,255,0.1); border:1px solid #fff;}


/*add style 150727 start*/
.slogan span{color:#ffeb3f; padding-left:20px;}
/*add style 150727 start*/
.rg{ float:right;}
.lf{ float:left;}
.section-first{width:100%;padding-bottom:60px;border:1px solid #efefef; overflow:hidden;}
.section-scond{width:100%;background: url(sms-bg.jpg) top center no-repeat;height:534px;overflow:hidden;}
.bgying{background: url(oa_clj_01.jpg) top center no-repeat;}

.sms_main{ width:1000px;margin:0px auto;}
.maintop{margin-top:30px;}
.sms_main .mainpop{padding-top: 60px;}
.sms_middle{text-align: center;;}
.sms_maingin68{margin-top: 68px;}
.sms_main dt{ margin: 0;padding:0;}
.sms_main dd{font-size:20px;color:#8c8c8c;line-height: 1.6;margin: 0;padding:0;}
.sms_main-img{margin-right:119px;display:inline;}
.sms_main .fontbig{color:#000;font-size:30px;}
.sms_main .a{padding:159px 0 0;}
.section-scond dd{color:#fff;}
.section-scond .fontbig{color:#fff;}
.sms_main p{font-size:48px;color:#666;margin:40px 0 0;font-weight: 100;font-family:"Microsoft Yahei";padding:0;line-height:2;text-align:center;}
.sms_main span{color:#38a0f4;}

.sms-content{float:left;width:477px;margin-top: 20px;}
.sms-content img{float:left;}
.site_rg{float:left;width:384px;overflow: hidden;padding-left: 30px;}
.site_rg h2{font-size:24px; margin:0;padding:0;font-weight:normal;}
.site_rg h4{font-weight:normal;color:#2299ee;font-size:16px;margin:2px 0 0;padding:0;}
.site_rg p{color:#666;line-height: 1.6;font-family:"Microsoft Yahei";font-size:16px;text-align: left;margin:8px 0 0;padding:0;line-height:24px;}
.sms_main .mrlf40{margin-left: 40px; display: inline;}
.sms_main img{padding:0px;}
.disnone{ padding:0;}
.bornone{border: none;}
.sms_main li{ list-style: none;float:left;height: 106px;text-align:left;width:465px;margin:20px 0px;padding:0px 10px;display:inline;line-height:106px;font-size:24px;}
.sms_main li img{float:left;padding-right:20px;}