@charset "utf-8";
/* CSS Document */

html,body,ul,li，p{ margin:0; padding:0; color:#333; font:14px/1.6 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"; overflow-x: hidden;}
ul,li{ list-style:none;}
img{ border:none 0;}
form{ margin:0;}
a{ text-decoration:none; color:#000; outline:none; transition:background-color 0.3s ease 0s, color 0.3s ease 0s;}
a:hover{ text-decoration:underline;}
.clearfix:after{ content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
input[type="text"]::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
input:-ms-input-placeholder{color:#aaa;}
input[type="checkbox"], input[type="radio"]{ vertical-align:-2px;}
.blod{ font-weight:bold;}
.tblue{ color:#29e;}
[class^="icon-app-"], [class*="icon-app-"]{ background:url(../../../images/hongtu/oa_a8/icon-app.png) no-repeat; display:inline-block; width:62px; height:62px; vertical-align:middle; float:left; margin:15px;}
.icon-app-attend{ background-position:0 0;}
.icon-app-email{ background-position:-62px 0;}
.icon-app-calendar{ background-position:-124px 0;}
.icon-app-approve{ background-position:-186px 0;}
.icon-app-document{ background-position:-248px 0;}
.icon-app-memo{ background-position:-310px 0;}
.icon-app-client{ background-position:-372px 0;}
.icon-app-worklog{ background-position:-434px 0;}
.icon-app-friendly{ background-position:-496px 0;}
.icon-app-microblog{ background-position:-558px 0;}
.icon-app-notice{ background-position:0 -62px;}
.icon-app-comm{ background-position:-62px -62px;}
.icon-app-plan{ background-position:-124px -62px;}
.icon-app-task{ background-position:-186px -62px;}
.icon-app-project{ background-position:-248px -62px;}
.icon-app-knowledge{ background-position:-310px -62px;}
.icon-app-forum{ background-position:-372px -62px;}
.icon-app-address{ background-position:-434px -62px;}
.icon-app-group{ background-position:-496px -62px;}
.icon-app-broadcast{ background-position:-558px -62px;}
.icon-app-sms{ background-position:0 -124px;}
.icon-app-mainline{ background-position:0 -186px; width:122px; height:122px; margin:0; float:none;}

[class^="icon-index-"], [class*="icon-index-"]{ background: url(../../../images/hongtu/oa_a8/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;}
.icon-index-down01{ background-position: 0 -617px; width: 96px; height: 96px;}
.icon-index-down02{ background-position: -116px -617px; width: 96px; height: 96px;}
.icon-index-down03{ background-position: -232px -617px; width: 96px; height: 96px;}
.icon-index-down04{ background-position: -348px -617px; width: 96px; height: 96px;}
a:hover .icon-index-down01{ background-position: 0 -719px; width: 96px; height: 96px;}
a:hover .icon-index-down02{ background-position: -116px -719px; width: 96px; height: 96px;}
a:hover .icon-index-down03{ background-position: -232px -719px; width: 96px; height: 96px;}
a:hover .icon-index-down04{ background-position: -348px -719px; width: 96px; height: 96px;}
.icon-index-videoplay{ background-position: 0 -132px; width: 56px; height: 56px;}
a:hover .icon-index-videoplay{ background-position: -76px -132px;}
.icon-index-toggledot{ background-position: -188px -172px; width: 16px; height: 16px;}
a.cur .icon-index-toggledot{ background-position: -152px -172px;}
.icon-index-help01{ background-position: 0 -921px; width: 62px; height: 62px;}
.icon-index-help02{ background-position: -82px -921px; width: 62px; height: 62px;}
.icon-index-help03{ background-position: -164px -921px; width: 62px; height: 62px;}
.icon-index-help04{ background-position: -246px -921px; width: 62px; height: 62px;}
a:hover .icon-index-help01{ background-position: 0 -1003px;}
a:hover .icon-index-help02{ background-position: -82px -1003px;}
a:hover .icon-index-help03{ background-position: -164px -1003px;}
a:hover .icon-index-help04{ background-position: -246px -1003px;}
.icon-index-navarrow{ background-position: -264px -135px; width: 9px; height: 5px; margin: 0 0 2px 6px; transition:0.4s; transition:0.4s; -webkit-transition:0.4s;}
.top.scroll .icon-index-navarrow{ background-position: -264px -142px; transition:0.4s;}
a.hover .icon-index-navarrow{ background-position: -264px -135px; background-position: -264px -158px\9; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.top.scroll a.hover .icon-index-navarrow{ background-position: -264px -142px; background-position: -264px -151px\9; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.icon-index-apple{ background-position:-434px 0; width: 24px; height: 29px; margin: 0 10px 8px 0;}
.icon-index-android{ background-position:-502px 0; width: 26px; height: 30px; margin: 0 10px 8px 0;}
.index-content.graybg{background:#f7f7f7;}

.invite-wrap{ margin:67px 0 50px; position:relative; min-height:280px;}
.invite-title{ margin:30px 0 0; font-size:28px; text-align:center;}
ul.invite-list{ margin:20px auto 40px; padding:0; list-style:none; width:700px;}
ul.invite-list li{ padding:8px 5px;}
ul.invite-list textarea{ background:#fafafb; padding:8px 10px; width:450px; height:66px; font-size:16px; color:#999; border:1px solid #d9d9d9; font-family:"microsoft yahei"; border-radius:2px;}
ul.invite-list input{ background:#fafafb; padding:10px; width:450px; height:28px; font-size:16px; color:#999; line-height:16px; border:1px solid #d9d9d9; font-family:"microsoft yahei"; border-radius:2px;} 
ul.invite-list input.authcode{ width:240px;} 
ul.invite-list img{ vertical-align:-19px;}
ul.invite-list .invite-left{ float:left; width:100px; text-align:right; font-size:16px; line-height:48px; color:#666;}
ul.invite-list .invite-right{ margin-left:110px;}
ul.invite-list .red{ color:#f00;}
ul.invite-list .tip{ color:#666;}
ul.invite-list a.invite-btn{ background:#29e; width:470px; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; display:inline-block; border-radius:2px;}
ul.invite-list a.invite-btn:hover{ background:#00a8ff; text-decoration:none;}
ul.invite-list a.invite-btn:active{ background:#07c; box-shadow:1px 2px 3px #0069b3 inset; text-decoration:none;}
dl.invite-success{ margin:30px auto 0; padding:0; width:520px; font-size:16px;}
dl.invite-success dt{ float:left; width:100px;}
dl.invite-success dd{ margin-left:110px;}
dl.invite-success dd.title{ font-size:28px; line-height:1.4; margin-bottom:10px;}
.invite-thanks{ margin:0 0 0 6px; font-size:16px; vertical-align:14px;}
.invite-tips{ margin:30px auto 0; width:520px; color:#666;}
ul.invitetips-list{ margin:10px auto 0; padding:0; list-style-position:inside; width:520px; color:#666;}
ul.invitetips-list li { margin:5px 0;}
.downQRcode{ position:absolute; top:-7px; right:94px; background:#fff; width:144px; height:190px; display:none;text-align:center; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.1); }
.downQRcode .scanimg{ padding:8px 8px 0;}
.downQRcode .scanimg img{ max-width:100%; display:block;}
.downQRcode .scantitle{ font-size:18px;}
.downQRcode .scantip{ font-size:12px; color:#aaa;}
.downQRcode .downarrow{ position:absolute; top:111px; right:-7px; display:inline-block;width:0;height:0;line-height:0;font-size:0;border-style:dashed dashed dashed solid;border-width:7px 0 7px 7px;border-color:transparent transparent transparent #fff;}

#pageDiv{ margin:20px 0 0; text-align:right;}
#pageDiv a{ border:1px solid #e6ecf1; margin:0 0 0 -5px; padding:0 12px; min-width:8px; line-height:30px; display:inline-block;}
#pageDiv a:hover{ text-decoration:none; background:#efefef;}
#pageDiv a.on{ color:#84929f;}
#pageDiv .sum{ margin:0 0 0 10px; color:#666;}

/* add 2016index by cyz */
ul.nav-list{ margin: 0; padding: 30px 0 0; list-style: none; float: left;}
.top.scroll ul.nav-list{ padding: 15px 0 0;}
ul.nav-list li{ margin:0 5px; float: left; position: relative;}
ul.nav-list li a{ padding: 0 12px;}
ul.nav-list li a.addvalue{ position: relative; z-index: 1000;}
ul.nav-list li a.addvalue:hover{ color:#fff; cursor: default;}
.top.scroll ul.nav-list li a.addvalue:hover{ color:#666;}
ul.nav-list li .subnav{ background:#45494c; background:rgba(0,0,0,0.4); padding:34px 0 8px; line-height:2em; border-radius:2px; position:absolute; top:-7px; right:0; left:0; min-width:80px;}
ul.nav-list li .subnav div{ white-space:nowrap;}
.top.scroll ul.nav-list .subnav{ background:#fff; background:rgba(255,255,255,0.97); box-shadow:0px 4px 6px 0 rgba(0, 0, 0, 0.2); *border:1px solid #eee; border:1px solid #eee\0;}
ul.nav-list li .subnav.hide{ display: none;}
ul.nav-list a:hover{ text-decoration: none; color: #29e;}
ul.topright{ margin: 0; padding: 22px 30px 0 0; list-style: none; float: right;}
.top.scroll ul.topright{ padding: 8px 30px 0 0;}
ul.topright li{ margin: 0 0 0 10px; float: left; display:none;}
.top.scroll ul.topright li{ display: block;}
ul.topright li.indexlogin{ display: block;}
.top.scroll ul.topright li.indexlogin a:hover{ background: none; color: #29e;}
.top.scroll ul.topright li.indexlogin.indexreg{ display: none;}
ul.topright li a{ padding: 0 16px; height: 30px; line-height: 30px; border:1px solid #fff; display: inline-block; text-align: center; border-radius: 2px; opacity: 0.97; filter:alpha(opacity=97); font-size: 12px;}
ul.topright li a:hover{ background: #29e; color: #fff;}
ul.topright li a.nowreg{ background:#29e; display:inline-block; padding:0; width:58px; float:left; height:32px; line-height:32px; text-align:center; color:#fff!important; border-radius:2px; border:none;}
ul.topright li a.nowreg:hover{ text-decoration:none; background:#00a8ff;}
ul.topright li a.nowreg:active{ text-decoration:none; background:#07c; box-shadow:1px 2px 3px #0069b3 inset;}
.top.scroll ul.topright li a{ border:1px solid #e1e1e3;}
.top.scroll ul.topright li a:hover{ border:1px solid #29e;}
.top.scroll ul.topright li a.nowreg{ border:none;}
ul.topright a:hover{ text-decoration: none; color: #29e; border:1px solid #29e;}
ul.topright input[type="text"]{background:#fff; margin:0 0 0 12px; padding:0 15px; width:210px; height:30px; line-height:30px; border:1px solid #d9d9d9; font-family:microsoft yahei; border-radius:2px;}
ul.topright input[type="text"]:focus{ border:1px solid #24a4ff;}
ul.trait-list{ margin: 0 auto; padding: 40px 0; list-style: none; width: 1240px;}
ul.trait-list li{ float: left; width: 413px; text-align: center; position: relative;}
.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;}
@keyframes slideleft
{
    from {right:800px; opacity: 0; filter:alpha(opacity=0);}
    to {right:0px; opacity: 1; filter:alpha(opacity=100);}
}
@-webkit-keyframes slideleft /* Safari and Chrome */
{
    from {right:800px; opacity: 0; filter:alpha(opacity=0);}
    to {right:0px; opacity: 1; filter:alpha(opacity=100);}
}
.slideright{ animation-name:slideright; animation-duration:1s; -webkit-animation-name:slideright; -webkit-animation-duration:1s;}
@keyframes slideright
{
    from {left:800px; opacity: 0; filter:alpha(opacity=0);}
    to {left:0px; opacity: 1; filter:alpha(opacity=100);}
}
@-webkit-keyframes slideright /* Safari and Chrome */
{
    from {left:800px; opacity: 0; filter:alpha(opacity=0);}
    to {left:0px; opacity: 1; filter:alpha(opacity=100);}
}
.zoomin{ animation-name:zoomin; animation-duration:1s; -webkit-animation-name:zoomin; -webkit-animation-duration:1s;}
@keyframes zoomin
{
    from { transform:scale(0.5,0.5); opacity: 0; filter:alpha(opacity=0);}
    to { transform:scale(1,1); opacity: 1; filter:alpha(opacity=100);}
}
@-webkit-keyframes zoomin /* Safari and Chrome */
{
    from { -webkit-transform:scale(0.5,0.5); opacity: 0; filter:alpha(opacity=0);}
    to { -webkit-transform:scale(1,1); opacity: 1; filter:alpha(opacity=100);}
}
.zoomout{ animation-name:zoomout; animation-duration:1s; -webkit-animation-name:zoomout; -webkit-animation-duration:1s;}
@keyframes zoomout
{
    from { transform:scale(1.2,1.2); opacity: 0.5; filter:alpha(opacity=50);}
    to { transform:scale(1,1); opacity: 1; filter:alpha(opacity=100);}
}
@-webkit-keyframes zoomout /* Safari and Chrome */
{
    from { -webkit-transform:scale(1.2,1.2); opacity: 0.5; filter:alpha(opacity=50);}
    to { -webkit-transform:scale(1,1);; opacity: 1; filter:alpha(opacity=100);}
}
.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(../../../images/hongtu/oa_a8/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;}
.casetitle{ padding: 100px 0 70px; font-size: 38px; text-align: center;}
.casewrap{ min-width: 1000px;}
.casewrap .caseitem{ background: #f7f7f7; width: 20%; float: left; position: relative; display: block; color: #fff; overflow: hidden; *text-decoration:none; *cursor:pointer;}
.casewrap .caseitem img{ width: 100%; display: block;}
.casewrap .caseitem .caseintro{ margin:-40px 0 0; height: 100%;  position: absolute;  right: 0; top: 100%; left: 0; box-sizing:border-box; transition:top 0.3s ease 0.1s; z-index:1;}
.casewrap .caseitem.hover .caseintro{ top:80px; *top:50px;}
.casewrap .caseitem .introtitle{ height: 40px; line-height: 40px; font-size: 16px; font-size:16px\9; *font-size:14px; text-align: center;}
.casewrap .caseitem .introtext{ padding:0 20px; *font-size:12px;}
.casewrap .caseitem .casebg{ background:#000; opacity:0.6; filter:alpha(opacity=60); margin:-40px 0 0; height: 100%;  position: absolute;  right: 0; top: 100%; left: 0; box-sizing:border-box; transition:top 0.3s ease 0.1s;}
.casewrap .caseitem.hover .casebg{ top:40px;}
.newdowntitle{ padding: 100px 0 0; font-size: 38px; text-align: center;}

.appwrap{ margin: 0 auto; width: 1360px; height: 710px; position: relative;}
.appwrap .pagespcbg{ background: url(../../../images/hongtu/oa_a8/pagespcbg.png) no-repeat; width: 729px; height: 610px; position: absolute; top: 71px; left: 103px;}
#secondSlide.appwrap .pagespcbg{ left: 473px;}
.appwrap .pagesmobibg{ background: url(../../../images/hongtu/oa_a8/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(../../../images/hongtu/oa_a8/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(../../../images/hongtu/oa_a8/banner01.jpg) top center no-repeat #1a222d;}
.bannerwrap .banner02{ background: url(../../../images/hongtu/oa_a8/banner02.jpg) top center no-repeat #856adb;}
.bannerwrap .banner03{ background: url(../../../images/hongtu/oa_a8/banner03.jpg) top center no-repeat #00b3ff;}
.bannerwrap .banner04{ background: url(../../../images/hongtu/oa_a8/banner04.jpg) top center no-repeat #1a1a1c;}
.bannerwrap .banner05{ background: url(../../../images/hongtu/oa_a8/banner05.jpg) 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;}

/* esms start */
[class^="icon-sersup-"], [class*="icon-esms-"]{ background:url(../../../images/hongtu/oa_a8/icon-esms.png) no-repeat; display:inline-block; width:20px; height:20px; vertical-align:middle;}
.icon-esms-jinlogo{ background-position: 0 0; width: 70px; height: 22px;}
.icon-esms-esmscont01{ background-position: 0 0; width: 76px; height: 76px;}
.icon-esms-esmscont02{ background-position: -97px 0; width: 76px; height: 76px;}
.icon-esms-esmscont03{ background-position: -194px 0; width: 76px; height: 76px;}
.esmsbanner{ background: url(../../../images/hongtu/oa_a8/esmsbannerbg.jpg) center top no-repeat; margin: 50px 0 0; height: 170px;}
.esmsbanner .esmscont{ margin: 0 auto; width: 1180px;}
.esmsbanner .esmsslogan{ padding: 45px 0 0; font-size: 36px; color: #fff;}
.esmsbanner .esmsbannertip{ font-size: 16px; color: #fff;}
.esmsbanner .esmsdot{ margin: 0 5px 0 0;}
.esmsbuywrap{ background: #f2f7fb;}
.esmsbuywrap .esmscont{ margin: 0 auto; width: 1180px; height: 70px; position: relative;}
.esmsbuywrap .esmsbuyslogan{ font-size: 24px; line-height: 70px; font-weight: 100;}
a.btn-buyesms{ background: #fa0; padding: 5px 50px; line-height: 1.4; color: #fff; display: inline-block; text-align: center; border-radius: 3px; position: absolute; top: 9px; right: 0;}
a.btn-buyesms:hover{ text-decoration:none;}
a.btn-buyesms .esmsbuynow{ font-size: 16px;}
.esmsmainwrap{ margin: 0;}
.esmsmainwrap.esmsgraybg{ background: #fafafa;}
.esmscont{ margin: 0 auto; width: 1180px; height: 500px; position: relative;}
.esmscont01{ background: url(../../../images/hongtu/oa_a8/esms01bg.jpg) 710px bottom no-repeat;}
.esmscont02{ background: url(../../../images/hongtu/oa_a8/esms02bg.jpg) 85px 70px no-repeat;}
.esmscont03{ background: url(../../../images/hongtu/oa_a8/esms03bg.jpg) 570px 65px no-repeat;}
ul.esmscont-list{ margin: 0; padding: 0; list-style: none; width: 380px; height: 300px; position: absolute; top: 120px;}
ul.esmscont-list li{ padding: 6px 0; font-size: 18px; color: #666;}
ul.esmscont-list li.title{ padding: 15px 0 10px; font-size: 30px;}
ul.esmscont-list li span{ margin: 0 5px 0 0;}
.esmscont01 ul.esmscont-list{ left: 125px;}
.esmscont02 ul.esmscont-list{ left: 850px;}
.esmscont03 ul.esmscont-list{ left: 50px;}
.esmscont01 ul.esmscont-list i{ margin: 0 0 0 130px;}
.esmscont02 ul.esmscont-list i{ margin: 0 0 0 50px;}
.esmscont03 ul.esmscont-list i{ margin: 0 0 0 55px;}

/* esms end */

/* support foot start */
[class^="icon-support-"], [class*="icon-support-"]{ background:url(../../../images/hongtu/oa_a8/icon-support.png) no-repeat; display:inline-block; vertical-align:middle;}
.icon-support-footdown{ background-position:-358px -80px; width: 7px; height: 8px; margin: 0 0 2px 5px}
a:hover .icon-support-footdown{ background-position:-385px -80px; width: 7px; height: 8px;}
.icon-support-footdown{ background-position:-358px -80px; width: 7px; height: 8px; margin: 0 0 2px 5px}
a:hover .icon-support-footdown{ background-position:-385px -80px; width: 7px; height: 8px;}
.icon-support-wechat{ background-position:-246px -80px; width: 36px; height: 36px;}
a:hover .icon-support-wechat{ background-position:-302px -80px; width: 36px; height: 36px;}
.icon-support-wechatimg{ background-position:-341px -191px; width: 140px; height: 140px;}

.footwrap{ background:#2d2e2e; color:#777;}
.footwrap a{ color:#777;}
.footwrap a:hover{ text-decoration:none; color:#e0e0e0;}
ul.foot-list{ margin:0 auto; padding:60px 0 40px; list-style:none; width:1200px;}
ul.foot-list li{ float:left; margin:0 0 0 70px; line-height:2.6; width:160px; font-size: 13px;}
ul.foot-list li .title{ margin:0 0 5px; font-size:14px; color: #e0e0e0;}
ul.foot-list .wechat{ margin: 10px 0 0; position: relative;}
ul.foot-list .scanwechat{ background: #fff; width: 148px; height: 203px; border: 1px solid #eef2f5; text-align: center; position: absolute; bottom: 51px; left: -54px; z-index: 10; display: none;}
ul.foot-list .scanwechat .scanarrow{ width: 0; height: 0; line-height: 0; font-size: 0; display: inline-block; border-style: solid dashed dashed dashed; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -8px; left: 63px; z-index: 11;}
ul.foot-list .scanqr{ font-size: 12px; color: #151515;}
ul.foot-list .attentionqr{ font-size: 12px; color: #999;}
.copyright{ margin:0 auto; padding: 20px 0; text-align:center; color:#666; font-size: 12px;}
.copyright a{ color:#666;}
.copyright a:hover{ color:#29e;}
/* support foot end */
/* add style 20170206 start*/
.price_section{width:100%;background: url(../../../images/hongtu/oa_a8/pricebg01.jpg) no-repeat top center;margin:50px 0 70px;}
.pri_top{width:100%;color:#fff;text-align:center;padding-top:81px;font-size:40px;}
.pri_main{width: 984px;margin:0 auto; padding:78px 0 0; }
.side_lf,.side_rg{width: 468px;float:left;margin:0px 10px;padding:0 0 40px;display:inline;background: #fff;border: 1px solid #E3E3E3;border-radius: 2px;text-align: center;position: relative;}
.pri_title{font-size:18px;height:54px;line-height: 54px;text-align: center;color:#333;margin:23px 0 0; ;}
.pri_big{font-size:48px;margin-top:36px;}
.pri_two{color:#333;font-size:13px;margin:0;}
.strong{font-size: 18px;color:#151515;}
.pri_thr{font-size:18px;color:#333;}
.pri_thr s{font-size:24px;}
.pri_thr strong{color: #383838;font-size: 47px;padding-right:8px;}
.pri_four{width: 140px;height:40px;line-height:40px; margin:16px auto 0;background:#3baafb;border-radius:2px;text-align: center;font-size: 14px;color:#fff; display: block;}
.pri_four:hover{text-decoration: none; }
.ul_list{width: 372px; margin: 32px auto 0; padding-top: 16px;border-top: 2px solid #f1f1f1;}
.ul_list ul{list-style:none;margin:0;padding:0;}
.ul_list ul li{font-size:14px;color:#333;text-align:right; line-height: 3;}
.ul_list ul li span{float: left;}
.ul_list ul li.li_list{text-align: left;color:#999;}
.pri_p{color:#333;font-size:14px; margin:0;}
.side_rg .ul_list ul{margin-top: 0;}
.side_rg .pri_four{background:#ff7e43;}
.side_rg .pri_thr strong{color: #ff7e43;font-weight:normal;}
.ul_list ul li.list_lf{text-align: left;}
.ul_list ul li i.pri_icon{background: url(../../../images/hongtu/oa_a8/price04.png) no-repeat;width: 23px;height: 16px;background-size:23px 16px; float: right;display:inline-block; margin:14px 0 0;}
.pri_six{ position: absolute;top: -9px; left: -9px;}
.pri_thr strong{color: #3c3c3c;font-size: 48px;font-weight:normal}
.tab_list{padding-left:10px;}
.tab_list_up{background:url(../../../images/hongtu/oa_a8/price_down.jpg) no-repeat;background-size:45px 12px;width:45px;height:12px;margin:3px 0 0;display:inline-block;}
.tab_list_down{background:url(../../../images/hongtu/oa_a8/price_up.jpg) no-repeat;background-size:45px 12px;width:45px;height:12px;margin:3px 0 0;display:inline-block;}
#priececon{display:none;}
.pri_table{width: 100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:19px 0 0;}
.pri_table tr td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;height: 40px;line-height:40px;}
.pri_table tr td span{color:#ff7e43;}
.pri_table tr td.bordernone{border-right:none;}
.pri_table tr td.border_btnone{border-bottom:none;}
.pri_table tr td .reg_clik{color:#29e;}

.pri_table_a{width: 100%;border:1px solid #ccc;border-top:none;margin:0;}
.pri_table_a tr td{height: 40px;line-height:40px;color:#ff7e43;}
.price_iconbg{background:url(../../../images/hongtu/oa_a8/pirce_icon.jpg) no-repeat;width: 9px;height: 10px;display:inline-block; vertical-align: middle;}
.pri_tit{font-size:18px;color:#ff5757;}
.pri_smal{font-size:14px;color:#000;}
.pri_twble{margin:0;border-top:none;border-right:none;border-bottom:none;}
.pri_twble td{color:#ff7e43;}
.price_bot{width:984px;margin:0 auto;}
.price_botitle{font-size:32px;width:100%;text-align:center;font-weight:normal;color:#333;line-height:1;margin:70px 0 0;}
.price_ullist{list-style:none;margin:20px 0 0; padding:0 8px;}
.price_ullist li{ line-height:3;padding:0px 10px 0 8px;font-size:14px;cursor:pointer;border-bottom:1px solid #e3e3e3;}
.price_ullist li .price_bot_icon{float:right;background:url(../../../images/hongtu/oa_a8/price_bot01.jpg) no-repeat;background-size:14px 14px;width:14px;height:14px;margin:13px 0 0; }
.price_ullist li:hover a{text-decoration:underline;}
.price_ullist li:hover .price_bot_icon{background:url(../../../images/hongtu/oa_a8/price_bot02.jpg) no-repeat;background-size:14px 14px;width:14px;height:14px;}
.price_ullist li a{color:#3baafb;}
/*平台部分*/
.pingtai{ width:100%; height:500px; background-color:#FFF;}
.pingtai_title{ height:100px; padding:100px 0 0; font-size:38px; text-align:center;}
.servicesBox { width:1200px; height:270px; margin:0 auto; clear:both; line-height:18px; color:#999999; font-size:12px;}
.servicesBox .serBox { cursor:pointer; border:1px solid #fff; display:inline; width:235px; height:250px; float:left; overflow:hidden; position:relative;}
.servicesBox .serBoxOn { font-family:"微软雅黑"; display:none; width:320px; height:270px; background:#469acb; position:absolute; left:0px; top:0px; z-index:19;}
.servicesBox .serBox .pic1 { width:165px; height:110px; text-align:center; position:absolute; top:22px; right:41px; z-index:8;}
.servicesBox .serBox .pic2 { width:165px; height:110px; text-align:center; color:#FFF; line-height:30px; position:absolute; top:22px; left:-130px; z-index:99;}
.servicesBox .serBox .txt1 { width:235px; height:100px; color:#999; position:absolute; top:145px; left:0px; z-index:99;}
.servicesBox .serBox .txt2 { width:235px; height:270px; color:#a9cf4f; position:absolute; top:0px; right:-240px; z-index:99;}
.servicesBox .serBox span.tit { font-size:16px; display:block; text-align:center;}
.servicesBox .serBox .txt1 .tit { color:#000; line-height:30px;}

.servicesBox .serBox .txt2 ul{ width:235px; height:60px;}
.servicesBox .serBox .txt2 ul .tit { height:30px; color:#fff; text-align:center; font-size:16px; font-weight:bold; line-height:30px; font-family:"微软雅黑";}
.servicesBox .serBox .txt2 ul .con{ height:30px; line-height:30px; color:#fff; font-size:12px; text-align:center;}
.con_20{ height:20px; line-height:20px;}
.servicesBox .serBox p{ padding:0 10px; text-align:center;}
/*解决方案开始*/
.jjfa{ width:100%; height:800px; background:#f7f7f7;}
.jjfa_t{ height:100px; padding:100px 0 0; font-size:38px; text-align:center;}
.jjfa_con{ width:1200px; height:600px; margin:0 auto;}
.jjfa_con_t{ height:50px; padding:10px 0; box-sizing:border-box; background:#439de2; text-align:center; line-height:30px; font-size:16px;}
.jjfa_con_t_l{width:380px; height:30px; float: left; border-right: solid 1px #69b1e8; color:#FFF; font-size:16px; box-sizing: border-box;}
.jjfa_con_t_r{width:800px; height:30px; color:#FFF; font-size:16px; float: left;}
.jjfa_con_tab{ height:550px; widt	h:1200px;}
.jjfa_con_tab_l{ width:380px; height:550px; float:left; overflow:hidden;}
.jjfa_con_tab_l em{ font-size:18px; font-style:normal; color:#2d9afa;}
.jjfa_con_tab_l li{ width:380px; height:100px; padding:30px 40px 0 30px;box-sizing: border-box; border: 1px solid rgb(236, 238, 243);background: rgb(250, 250, 250); font-size:14px; line-height:30px;}
.jjfa_con_tab_l li.cur{ width:382px; background:#fff; border-left:4px solid #439de2;}
.jjfa_con_tab_r{ width:718px; height:400px; padding:50px; background:#FFF; float:right; border-bottom:1px solid rgb(236, 238, 243); border-right:1px solid rgb(236, 238, 243); display:none;}
.jjfa_con_tab_r.block{display:block;}
.jjfa_con_tab_r_t{ height:100px;}
.jjfa_con_tab_r_t li{ line-height:30px; font-size:14px; text-align:left;}
.jjfa_con_tab_r_b{ height:300px; margin-top:10px;}
.jjfa_con_tab_r_b_img{ width:359px; height:300px;line-height:30px; text-align:center; float:left;}


/*集成拓展*/
.jicheng{ width:100%; height:700px;}
.jicheng_t{ height:100px; padding:100px 0 0; font-size:38px; text-align:center;}
/*服务*/
.a8_fuwu{ width:100%; height:550px; background:#69b1e8;}
.a8_fuwu_t{ height:100px; padding:100px 0 0; font-size:38px; color:#FFF; text-align:center;}
.a8_fuwu_con{ width:1200px; height:400px; margin-top:50px; margin:0 auto;}
.a8_fuwu_con_l{ width:580px; height:300px; margin-right:20px; float:left;}
.a8_fuwu_con_l_t{ width:580px; height:140px; background-color:#FFF; margin-bottom:20px;}
.a8_fuwu_con_l_t_l{ width:192px; height:140px; float:left;}
.a8_fuwu_con_l_t_r{ width:370px; height:140px; padding-left:18px; float:right;}
.a8_fuwu_con_l_t_r_t{ width:370px; height:30px; text-align:center; font-weight:normal; line-height:30px; font-size:14px;}
.a8_fuwu_con_l_t_r_con{ width:370px; height:25px; text-align:center; font-weight:bold;  font-size:18px; line-height:25px;}
.a8_fuwu_con_l_b{ width:580px; height:140px; background-color:#FFF;}
.a8_fuwu_con_l_b_l{ width:192px; height:140px; float:left;}
.a8_fuwu_con_l_b_t_r{ width:370px; height:140px; padding-left:18px; float:right;}
.a8_fuwu_con_l_b_t_r h3{ width:370px; height:15px; font-weight:bold; text-align:center; line-height:30px; font-size:16px;}
.a8_fuwu_con_l_b_t_r p{ width:330px; height:20px; text-align:left; font-size:14px; padding-left:40px; line-height:20px;}

.a8_fuwu_con_r{ width:560px; height:280px; background-color:#FFF; padding:10px 20px; float:right;}
.a8_fuwu_con_r_l{ width:350px; height:280px; float:left;}
.a8_fuwu_con_r_l p{ width:350px; line-height:30px; font-size:14px; text-align:center;}
.a8_fuwu_con_r_r{ width:200px; height:280px; margin-left:10px; float:right;}
.a8_fuwu_con_r_r h3{font-weight:bold; text-align:center; line-height:30px; font-size:16px;}
.a8_fuwu_con_r_r p{font-size:14px; line-height:30px; text-align:center;}


.a8_fuwu_con_1{ width:360px; padding:25px 10px; background:#FFF; margin:0 10px; float:left;}
.a8_fuwu_con_1_img{ width:144px; height:100px; margin:0 auto 10px; display:block;}
.a8_fuwu_con_1_title{font-size: 18px;color: #333;margin-bottom: 5px; text-align:center;}
.a8_fuwu_con_1_text{color: #666; line-height: 24px; padding-left: 10px; padding-right: 10px; text-align:center;}

.A8xin_banner{ width:100%; height:500px; background: url(../../../images/hongtu/oa_a8/banner.jpg) no-repeat center;; position:relative;}
.A8xin_banner a{ transition: all 0.225s ease-in-out; height: 30px; width: 120px; font-size: 14px; border: 1px solid #fff; text-align: center; margin-top: 10px; padding-top: 10px; position: absolute; top: 300px; left: 50%; color: #fff; margin-left: -590px; z-index: 1000; border-radius:4px;}
.A8xin_banner a:hover{color: #69b1e8; background-color: #FEFEFE; text-decoration:none;}

.yingyongbotton{ transition: all 0.225s ease-in-out; height: 27px; width: 120px; font-size: 14px; border: 3px solid red; text-align: center; margin-top: 16px; padding-top: 7px; position: absolute; top: 530px; left: 50%; color: #0034fb; margin-left: -283px; z-index: 8; border-radius:4px;}
.yingyongbotton a:hover{color: #69b1e8; background-color: #FEFEFE; text-decoration:none;}
.gray{background:url(../../../images/hongtu/oa_a8/tou55.png) repeat;position:fixed;_position:absolute;left:0;top:0;width:100%;height:100%;display:none;z-index:99999;}
.fank{width:604px;height:548px;background:#fff;position:fixed;_position:absolute;padding-left:100px;left:50%;top:50%;margin-left:-352px; margin-top:-274px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;z-index:99999999;}
.cloase{position:absolute;right:0;top:0;}
.fank h3{font-size:26px;color:#333;text-align:center;font-weight:100; margin-bottom:10px;height:80px;line-height:80px;}
.danx{width:100%;height:auto;overflow:hidden;margin-bottom:35px;}
.danx strong{font-weight:100;font-size:16px;color:#666;margin-right:40px;}
.danx strong input{margin-right:10px;}
.inpu{width:100%;height:54px;margin-bottom:10px;}
.inpu label{display:block;float:left;width:64px;height:48px;line-height:48px;text-align:right;font-size:16px;font-family:"微软雅黑";}
.inpu input{display:block;float:left;width:390px;height:48px;_line-height:48px;*line-height:48px;line-height:48px\9;padding-left:10px;font-size:18px;font-family:"微软雅黑";background:#e6e6e6;border:0;margin-right:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.inpu input.yzm { width:242px; }
.inpu span{height:48px;line-height:48px;font-size:18px;}
.textd{width:100%;height:auto;margin-bottom:16px;}
.textd label{display:block;float:left;width:64px;line-height:30px;text-align:center;font-size:16px;}
.textd textarea{width:552px;height:110px;padding:10px 0 0 10px;font-size:18px;color:#999;font-family:"微软雅黑";background:#e6e6e6;border:0;}
.fk_btn{width:auto;height:auto;overflow:hidden;padding-left:64px; padding-top:22px;}
.fk_btn button{display:block;float:left;width:174px;height:42px;border:0;background:#1f2774;font-family:"微软雅黑";border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:16px;color:#fff;cursor:pointer;}
.fk_btn button:hover{background:#2a349c}
.fk_btn button.qx{margin-left:40px;line-height:42px;text-align:center;background:#9e9e9e;}
.fk_btn button.qx:hover{background:#777;}

/*button2*/
.workflowtitle_button{ height:60px; text-align:center; width:100%; }
.fank{width:604px;height:548px;background:#fff;position:fixed;_position:absolute;padding-left:100px;left:50%;top:50%;margin-left:-352px; margin-top:-274px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;z-index:99999999;}
.cloase{position:absolute;right:0;top:0;}
.fank h3{font-size:26px;color:#333;text-align:center;font-weight:100; margin-bottom:10px;height:80px;line-height:80px;}
.danx{width:100%;height:auto;overflow:hidden;margin-bottom:35px;}
.danx strong{font-weight:100;font-size:16px;color:#666;margin-right:40px;}
.danx strong input{margin-right:10px;}
.inpu{width:100%;height:54px;margin-bottom:10px;}
.inpu label{display:block;float:left;width:64px;height:48px;line-height:48px;text-align:right;font-size:16px;font-family:"微软雅黑";}
.inpu input{display:block;float:left;width:390px;height:48px;_line-height:48px;*line-height:48px;line-height:48px\9;padding-left:10px;font-size:18px;font-family:"微软雅黑";background:#e6e6e6;border:0;margin-right:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.inpu input.yzm { width:242px; }
.inpu span{height:48px;line-height:48px;font-size:18px;}
.textd{width:100%;height:auto;margin-bottom:16px;}
.textd label{display:block;float:left;width:64px;line-height:30px;text-align:center;font-size:16px;}
.textd textarea{width:552px;height:110px;padding:10px 0 0 10px;font-size:18px;color:#999;font-family:"微软雅黑";background:#e6e6e6;border:0;}
.fk_btn{width:auto;height:auto;overflow:hidden;padding-left:64px; padding-top:22px;}
.fk_btn button{display:block;float:left;width:174px;height:42px;border:0;background:#1f2774;font-family:"微软雅黑";border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:16px;color:#fff;cursor:pointer;}
.fk_btn button:hover{background:#2a349c}
.fk_btn button.qx{margin-left:40px;line-height:42px;text-align:center;background:#9e9e9e;}
.fk_btn button.qx:hover{background:#777;}