@charset "utf-8";
/* CSS Document */
.ban_01a{ height:500px; background:url(ban01.jpg) no-repeat center 0}

.a8xin_nav{width:100%; height:70px; }
.a8xin_nav_con{ width:1200px; height:70px; margin:0 auto; position:relative;}
.a8xin_nav_con li{ width:240px; float:left; text-align:center; font-size:18px; color:#575757; line-height:70px;}
.a8xin_nav_con li a{ color:#575757}
.a8xin_nav_con_li1 a{transition: all 0.225s ease-in-out; width:240px; height:70px; position:absolute; left:0px;color:#575757;}
.a8xin_nav_con_li1 a:hover{color: #fff; background-color: #69b1e8; text-decoration:none;}
.a8xin_nav_con_li2 a{transition: all 0.225s ease-in-out; width:240px; height:70px; position:absolute; left:240px;}
.a8xin_nav_con_li2 a:hover{color: #fff; background-color: #69b1e8; text-decoration:none;}
.a8xin_nav_con_li3 a{transition: all 0.225s ease-in-out; width:240px; height:70px; position:absolute; left:480px;}
.a8xin_nav_con_li3 a:hover{color: #fff; background-color: #69b1e8; text-decoration:none;}
.a8xin_nav_con_li4 a{transition: all 0.225s ease-in-out; width:240px; height:70px; position:absolute; left:720px;}
.a8xin_nav_con_li4 a:hover{color: #fff; background-color: #69b1e8; text-decoration:none;}
.a8xin_nav_con_li5 a{transition: all 0.225s ease-in-out; width:240px; height:70px; position:absolute; left:960px;}
.a8xin_nav_con_li5 a:hover{color: #fff; background-color: #69b1e8; text-decoration:none;}


.icon-index-trait01{ background-position:0 0; width:112px; height:112px;}
.icon-index-trait02{ background-position:-132px 0; width:112px; height:112px;}
.icon-index-trait03{ background-position:-264px 0; width:112px; height:112px;}
.icon-index-workflow01{ background-position:0 -211px; width: 64px; height: 56px;}
.icon-index-workflow02{ background-position:-84px -208px; width: 64px; height: 64px;}
.icon-index-workflow03{ background-position:-171px -208px; width: 58px; height: 64px;}
.icon-index-workflow04{ background-position:-252px -208px; width: 64px; height: 64px;}
.icon-index-workflow05{ background-position:-337px -209px; width: 62px; height: 62px;}
.icon-index-workflow06{ background-position:-424px -212px; width: 60px; height: 60px; margin: 1px 0 0;}

.animationLCR{ visibility: hidden;}
.animationLCR.show{ visibility: visible;}
.animationLCR li{ position: relative;}
.slideleft{ animation-name:slideleft; animation-duration:1s; -webkit-animation-name:slideleft; -webkit-animation-duration:1s;}

.animationZoomIn{ visibility: hidden;}
.animationZoomIn.show{ visibility: visible;}
ul.trait-list li .traitname{ margin: 25px 0 0; font-size: 32px;}
ul.trait-list li .traitintro{ margin: 10px 0 0; color: #666; font-size: 16px;}
.workflowwrap{ padding: 0 0 100px; background:url(part2_bg.jpg) no-repeat center; color:#fff;}
.workflowtitle{ padding: 80px 0 20px; text-align: center; font-size: 38px;}
ul.workflow-list{ margin: 0 auto; padding: 0; list-style: none; width: 1260px;}
ul.workflow-list li{ padding: 60px 40px 0; width: 340px; height: 186px; float: left; text-align: center; position: relative;}
ul.workflow-list li .workflowicon{ height: 64px;}
ul.workflow-list li a{ color:#666; display:block;}
ul.workflow-list li a:hover{ color:#666; text-decoration:none;}
ul.workflow-list li a .workflowname{ margin: 28px 0 0; font-size: 20px; color:#fff;}
ul.workflow-list li a:hover .workflowname{ color:#fff;}
ul.workflow-list li a .workflowintro{ margin: 10px 0 0; font-size: 16px; line-height: 1.8; color: #f7f7f7;}

.slidetitle{ padding: 100px 0 0; font-size: 38px; text-align: center;}
.index-content.graybg{background:#f7f7f7;}

.appwrap{ margin: 0 auto; width: 1360px; height: 710px; position: relative;}
.appwrap .pagespcbg{ background: url(pagespcbg.png) no-repeat; width: 729px; height: 610px; position: absolute; top: 71px; left: 103px;}
#secondSlide.appwrap .pagespcbg{ left: 473px;}
.appwrap .pagesmobibg{ background: url(pagesmobibg.png); width: 238px; height: 434px; position: absolute; top: 227px; left: 716px; z-index: 1;}
#secondSlide.appwrap .pagesmobibg{ left: 1086px;}
.section-focus-pic{margin:0;height:534px;width:300px;position:absolute; top: 99px; left: 128px;}
#secondSlide.appwrap .section-focus-pic.section-focus-pic{ left: 498px;}
.section-focus-pic ul li{position:absolute;top:0;left:680px;width:300px;height:534px;}
.section-focus-pic ul li h3{position:absolute;bottom:11px;left:0;width: 400px;font-weight:normal;color:#FFF;margin-left: 20px;z-index: 111;font-size: 18px;}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:570px;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic ul li a{ cursor: default;}
.section-focus-pic .pagespc{width:678px;height:418px; position: absolute; overflow: hidden;}
.section-focus-pic .pagespc ul{ margin: 0; padding: 0; list-style: none;}
.section-focus-pic .pagesmobi{width:174px;height:314px; position: absolute; overflow: hidden; top:177px; left: 620px; z-index: 2;}
.section-focus-pic .pagesmobi ul{ margin: 0; padding: 0; list-style: none;}
.section-focus-pic .controler{ width: 330px; position:absolute;top:0;right:-870px;}
#secondSlide.appwrap .section-focus-pic .controler{ right: 430px;}
.section-focus-pic .controler b, .section-focus-pic .controler a{cursor:pointer;display:inline-block; margin: 5px 0 0; padding: 0 0 25px; width: 110px; height: 90px; text-align: center; font-weight: normal; float: left;}
.section-focus-pic .controler a{ color: #666;}
.section-focus-pic .controler a:hover{ color: #666; text-decoration: none;}
.section-focus-pic .controler a .appname{ margin: 8px 0 0;}
.section-focus-pic .controler b.down{background-position:-161px 1px;}
.section-focus-pic .controler b .appname{ margin: 8px 0 0; color: #666;}
.section-focus-pic .controler b.down .appname{ color: #333;}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:259px;height:40px;}
.section-focus-pic .controler2 a i{cursor:pointer;display:inline-block;width:21px;height:38px; background:url(http://www.jingoal.com/refactor/static/images/icon-mobi.png)  no-repeat;}
.section-focus-pic .controler2 .prev{left: -80px;}
.section-focus-pic .controler2 .prev i{ background-position: -252px 0;}
.section-focus-pic .controler2 .next{right:-100px;}
.section-focus-pic .controler2 .next i{ background-position: -287px 0;}
ul.newdown-list{ margin: 0 auto; padding: 70px 0 90px; list-style: none; width: 1080px;}
ul.newdown-list li{ width: 180px; float: left; text-align: center;}
ul.newdown-list li.scandown{ width: 360px; margin: -15px 0 0;}
ul.newdown-list li a{ color: #333;}
ul.newdown-list li a:hover{ color: #29e; text-decoration: none;}
ul.newdown-list li a div{ margin: 5px 0 0; font-size: 16px;}
a.bannerplay{ display:block; width:56px; height:56px; margin:40px auto 0; text-align:center;}
.togglelist{ width: 200px; margin-left: -100px; text-align: center; position: absolute; left: 50%; bottom: 20px; z-index: 998;}
.togglelist a{ margin: 0 3px;}
.bannerwrap{ margin: 0 auto; min-width: 1000px; max-width: 1920px;height: 620px; position: relative;}
.bannerwrap .bannerlist{ height: 620px; position: relative;}
.bannerwrap .bannersrc{ width: 100%; height: 620px; position: absolute; top: 0; opacity:0; filter:alpha(opacity=0);}
.bannerwrap .banner01{ background: url(http://www.jingoal.com/refactor/static/images/banner01.jpg?v=20161207) top center no-repeat #1a222d;}
.bannerwrap .banner02{ background: url(http://www.jingoal.com/refactor/static/images/banner02.jpg?v=20161206) top center no-repeat #856adb;}
.bannerwrap .banner03{ background: url(http://www.jingoal.com/refactor/static/images/banner03.jpg?v=20161206) top center no-repeat #00b3ff;}
.bannerwrap .banner04{ background: url(http://www.jingoal.com/refactor/static/images/banner04.jpg?v=20161206) top center no-repeat #1a1a1c;}
.bannerwrap .banner05{ background: url(http://www.jingoal.com/refactor/static/images/banner05.jpg?v=20161206) top center no-repeat #0c4393;}
.bannerwrap .qyqintro{ width: 600px; height: 360px; position: absolute; top: 240px; left: 50%; margin-left: -300px; color: #fff; text-align: center;}
.bannerwrap .qyqintro .title{ font-size: 56px; letter-spacing:6px;}
.bannerwrap .qyqintro .tip{ margin: 0px 0 0; font-size: 24px; letter-spacing:2px;}
.bannerwrap .qyqintro a.into{ background: #29e; margin: 30px 0 0; display: inline-block; width: 200px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; border-radius: 2px;}
.bannerwrap .qyqintro a.into:hover{ background: #00a8ff; color: #fff; text-decoration: none;}
.bannerwrap .xyintro{ width: 800px; height: 360px; position: absolute; top: 240px; left: 50%; margin-left: -400px; color: #fff; text-align: center;}
.bannerwrap .xyintro .title{ font-size: 56px;}
.bannerwrap .xyintro .tip{ margin: 0px 0 0; font-size: 24px;}
.bannerwrap .xyintro .tostudy{ background:#29e; margin: 30px 0 0; display: inline-block; width: 204px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; border-radius: 2px;}
.bannerwrap .xyintro .tostudy:hover{ background:#00a8ff; text-decoration:none;}
.bannerwrap .xybigimg{ width: 838px; height: 351px; position: absolute; left: 50%; margin-left: -440px; bottom:58px;}
.bannerwrap .xybigimg img{ width:100%;}
.bannerwrap .xylink{ width: 1000px; height: 560px; position: absolute; top: 100px; left: 50%; margin-left: -500px;}
.bannerwrap .appintro{ width: 450px; height: 240px; position: absolute; top: 165px; left:55%; margin-left: -3px; color: #fff;}
.bannerwrap .appintro .version{ font-size: 56px;}
.bannerwrap .appintro .slogan{ font-size: 56px;}
.bannerwrap .appintro .tip{ font-size: 24px;}
.bannerwrap .appimg{ width: 451px; height: 543px; position: absolute; top: 127px; left: 50%; margin-left: -574px;}
.bannerwrap .appimg img{ width: 100%;}
.bannerwrap .attendintro{ width: 600px; height: 300px; position: absolute; top: 146px; left: 50%; margin-left: -300px; color: #fff; text-align: center;}
.bannerwrap .attendintro .title{ font-size: 56px; letter-spacing: 6px;}
.bannerwrap .attendintro .tip{ margin: 0; font-size: 28px;}
.bannerwrap .attendintro .tobuy{ margin: 30px 0 0; display: inline-block; width: 200px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #f77701; border:1px solid #f77701; border-radius: 2px;}
.bannerwrap .attendintro .tobuy:hover{ background:#f77701; color: #fff; text-decoration: none; }
.bannerwrap .attendbigimg{ width: 816px; height: 371px; position: absolute; left: 50%; margin-left: -408px; bottom:0;}
.bannerwrap .attendbigimg img{ height: 100%;}
.downapp-list{ margin: 0; padding: 0; width: 460px; height: 200px; position: absolute; top: 324px; left: 55%;}
.downapp-list dt{ margin: 0; padding: 0; width: 148px; float: left;}
.downapp-list dt img{ max-width: 100%;}
.downapp-list dd{ margin: 0 0 0 170px; padding: 0; }
.downapp-list dd.second{ margin-top: 16px;}
.downapp-list dd a{ background: #fff; padding: 0 0 0 38px; width: 222px; height: 66px; line-height: 66px; font-size: 30px; border-radius: 3px; color: #494751; display: inline-block;}
.downapp-list dd a:hover{ background: #F2F2F2; text-decoration: none;}
.downapp-list dd a:active{ background: #F0F0F0; text-decoration: none;}
#smallScreen{ display:none; padding:0 15px; box-sizing:border-box;}




[class^="icon-index-"], [class*="icon-index-"]{ background: url(icon-index.png) no-repeat; display:inline-block; vertical-align:middle;}
.icon-index-trait01{ background-position:0 0; width:112px; height:112px;}
.icon-index-trait02{ background-position:-132px 0; width:112px; height:112px;}
.icon-index-trait03{ background-position:-264px 0; width:112px; height:112px;}
.icon-index-workflow01{ background-position:0 -211px; width: 64px; height: 56px;}
.icon-index-workflow02{ background-position:-84px -208px; width: 64px; height: 64px;}
.icon-index-workflow03{ background-position:-171px -208px; width: 58px; height: 64px;}
.icon-index-workflow04{ background-position:-252px -208px; width: 64px; height: 64px;}
.icon-index-workflow05{ background-position:-337px -209px; width: 62px; height: 62px;}
.icon-index-workflow06{ background-position:-424px -212px; width: 60px; height: 60px; margin: 1px 0 0;}
.icon-index-app01{ background-position:0 -292px; width: 64px; height: 64px;}
.icon-index-app02{ background-position:-84px -292px; width: 64px; height: 64px;}
.icon-index-app03{ background-position:-168px -292px; width: 64px; height: 64px;}
.icon-index-app04{ background-position:-252px -292px; width: 64px; height: 64px;}
.icon-index-app05{ background-position:-336px -292px; width: 64px; height: 64px;}
.icon-index-app06{ background-position:-420px -292px; width: 64px; height: 64px;}
.icon-index-app07{ background-position:-504px -292px; width: 64px; height: 64px;}
.icon-index-app08{ background-position:-588px -292px; width: 64px; height: 64px;}
.icon-index-app09{ background-position:-672px -292px; width: 64px; height: 64px;}
.icon-index-app10{ background-position:-756px -292px; width: 64px; height: 64px;}
.icon-index-app11{ background-position:-840px -292px; width: 64px; height: 64px;}
.icon-index-app12{ background-position:-924px -292px; width: 64px; height: 64px;}
.icon-index-app13{ background-position:0 -460px; width: 64px; height: 64px;}
.icon-index-app14{ background-position:-84px -460px; width: 64px; height: 64px;}
.icon-index-app15{ background-position:-168px -460px; width: 64px; height: 64px;}
.icon-index-app16{ background-position:-252px -460px; width: 64px; height: 64px;}
.icon-index-app17{ background-position:-420px -460px; width: 64px; height: 64px;}
b.down .icon-index-app01{ background-position:0 -376px;}
b.down .icon-index-app02{ background-position:-84px -376px;}
b.down .icon-index-app03{ background-position:-168px -376px;}
b.down .icon-index-app04{ background-position:-252px -376px;}
b.down .icon-index-app05{ background-position:-336px -376px;}
b.down .icon-index-app07{ background-position:-504px -376px;}
b.down .icon-index-app08{ background-position:-588px -376px;}
b.down .icon-index-app09{ background-position:-672px -376px;}
b.down .icon-index-app10{ background-position:-756px -376px;}
b.down .icon-index-app11{ background-position:-840px -376px;}
b.down .icon-index-app12{ background-position:-924px -376px;}
b.down .icon-index-app13{ background-position:0 -544px;}
b.down .icon-index-app14{ background-position:-84px -544px;}
b.down .icon-index-app15{ background-position:-168px -544px;}
b.down .icon-index-app16{ background-position:-252px -544px;}
b.down .icon-index-app17{ background-position:-420px -544px;}
a:hover .icon-index-app06{ background-position:-420px -376px;}
a.fold .icon-index-app06{ background-position:-336px -460px;}
a.fold:hover .icon-index-app06{ background-position:-336px -544px;}




.jicheng{ width:100%; height:700px;}
.jicheng_t{ height:100px; padding:100px 0 0; font-size:38px; text-align:center;}


.clear{ clear:both}