/*header footer*/
body { overflow:auto; min-width: 1000px; }
.header { width: 100%; height: 60px; position: fixed; left: 0; top: 0; background-color: #fff; z-index: 1000; border-bottom:1px solid #ddd; }
.nav li { float: left; padding-left: 10px; }
.nav li a { display: block; height: 60px; line-height: 60px; color: #333; padding: 0 10px; }
.nav li a:hover, .nav li.current a { color: #FF0007; font-weight: bold; }
/*.nav li a.regist{background:#59a7f9;transition:0.3s;}*/
.nav li a.login:hover { color: #fff; background: #48b65a; transition: 0.3s; }
.nav li a.regist:hover { color: #fff; background: #347cdc; transition: 0.3s; }
.dot_list { width: 10px; height: 100px; position: fixed; top: 50%; margin-top: -50px; right: 20px; z-index: 50; }
.dot_list li { display: block; height: 25px; line-height: 25px; text-align: center; cursor: pointer; }
.dot_list li a { display: inline-block; width: 4px; height: 4px; border: 1px solid #fff; background: #fff; border-radius: 50%; transition: 0.8s; }
.dot_list li.current a { width: 8px; height: 8px; border: 1px solid #fff; background: none; transition: 0.8s; }
.content {  position: relative; }
.wallpaper { position: absolute; top: 0; left: 0; }
.wall_in, .headerInner { width: 75%; margin: 0 auto; min-width: 1000px; z-index: 100; }
.one { background-color: #369dcc; }
.two1 { background-color: #1e1f1f; }
.two2 { background-color: #555; }
.three { background: #e5e8ea; }
.four { background: #f4f5f4; }
.wall_img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.wall_img img { width: 100%; height: 100%; }
.img { position: absolute; z-index: 30; bottom: 0; height: 80%; width: auto; }
.img img { vertical-align: bottom; height: 100%; }
.one .img { left: 5%; height: 80%; }
.two .img { height: 80%; left: -5%; }
.two .img img { width: auto; }
.three .img { right: 1%; }
.four .img { left: 140px; bottom: -10px; filter: alpha(opacity=0); opacity: 0; }
.mid .one .img { left: 3%; height: 70%; }
.mid .two .img { height: 70%; left: -5%; }
.mid .three1 .img, .mid .four .img { height: 80%; }
.five { background: #E9E9E9; }
.five .TitleDIV {  font-size: 28px; font-family: 'Microsoft YaHei'; color: #555;  margin-bottom:20px; text-shadow: 1px 1px #fff; }

/*.two .img img,.three .img img,.four .img img{display:none;}*/
.slogan_txt { position: absolute; width: 30%; height: 55%; bottom: 20%; right: 5%; }
.slogan_txt span.block { width: 100%; }
.slogan_txt span.block img { width: 100%; }
.two .slogan_txt, .three .slogan_txt { width: 35%; height: 23%; bottom: 38%; right: 0; }
.three .slogan_txt { width: 26%; right: 65%; }
.four .slogan_txt { width: 20%; right: 15%; }
.slogan_p1 { margin-top: 5%; }
.download { margin-top: 25%; }
.download p { padding: 10px 0; }
.download p span { display: inline-block; background: url("../img/arrow.png") no-repeat right center; padding: 0 15px; position: relative; }
.download p span em { display: inline-block; position: absolute; width: 150px; height: 150px; top: -150px; left: 0; display: none; }
.download p span em img { width: 150px; height: 150px; }
.download p span:hover em { display: block; transition: 0.5s; -webkit-transition: 0.5s; }
.mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../img/mask4.png") repeat; z-index: 70; display: none; }
a.code { position: relative; }
a.code .code_img { position: absolute; top: -233px; left: -90px; display: none; }
.qq { background: url("../img/qq.png"); }
.qq:hover { background: url("../img/qq_h.png"); }
.wx { background: url("../img/weichat.png"); }
.wx:hover { background: url("../img/weichat_h.png"); }
.sina { background: url("../img/sina.png") no-repeat; }
.sina:hover { background: url("../img/sina_h.png"); }

.main { overflow-y: auto; padding-top: 60px; }
.one_page, .three_page, .four_page { position: relative; overflow: hidden; }
.one_page p img, .three_page p img, .four_page p img { width: 100%; }
.pc_1, .pc_3, .pc_4 { width: 57%; position: absolute; left: 50%; margin-left: -28%; top: 50px; }
.pc_1 { width: 100%; margin-left: -50%; }
.pc_1 img { width: 100%; }
.two_page { background: #fff; }
.two_page img { width: 60%; margin: 10% -20px 100px 0; max-width: 1760px; }
.three_page .pc_3, .four_page .pc_4 { width: 50%; margin-left: -25%; top: 14%; }
.three_page .pc_3 img, .pc_4 img { width: 100%; max-width: 1650px; }
.four_page { margin-top: -3px; }
.pc_4 { width: 59%; margin-left: -30%; top: 20px; }
.pc_4 img { max-width: 1532px; }
.five_page { background: #222; padding: 100px 0 150px 0; }
.five_page img { width: 20%; max-width: 600px; }
.log { border-top: 1px solid #aaa; width: 900px; margin: 120px auto 0 auto; background: #f0f0f0; padding-left: 100px; height: 100%; }
.log_inner { background: url("../img/log_bg.jpg") -73px 0 repeat-y; height: 100%; }
.log_main { margin-left: 50px; margin-top: -30px; }
.title { background: #f0f0f0; height: 67px; line-height: 67px; width: 530px; cursor: pointer; }
.title img.clock { margin: 0 30px; }
.arrow { border-left: 10px solid #f0f0f0; border-right: 10px solid #f0f0f0; border-top: 10px solid #333; position: relative; line-height: 0; height: 0; font-size: 0; vertical-align: middle; margin-left: 25px; }
.log_txt { margin-top: 100px; }
.log_txt .floatleft { width: 90px; height: 34px; background: url("../img/log_point.jpg") right center no-repeat; margin-left: 16px; padding-right: 100px; }
.log_txt ul { margin-left: 240px; line-height: 22px; }
.log_txt ul li { margin-bottom: 10px; color: #666; }
.one_page { width: 100%; height: 100%; overflow: hidden; }
.Wallpaper { position: absolute; top: 0; bottom: 0px; left: 0; right: 0; }
.autoImg { position: absolute; overflow: hidden; }
.slogan { width: 30%; position: absolute; left: 50%; margin-left: -15%; z-index: 20; top: 18%; }
.slogan img { width: 100%; }
.slogan p { padding: 0 40px; }
.slogan a, .pop p a { display: inline-block; transition: 0.2s; height: 50px; line-height: 50px; background: #e7e8e8; border: 1px solid #0063bd; text-align: center; width: 30%; border-radius: 3px; font-size: 16px; padding: 0 10px; }
.slogan a.login_oa, .pop p a.floatright { width: 40%; border-color: #3e9b4d; background: #48b65a; color: #fff; }
.slogan a.regist_md { color: #06c; }
.slogan a:hover, .login_btn:hover { opacity: 0.8; transition: 0.2s; }
.login_box, .choose_net { width: 300px; margin: 0 auto; height: 330px; position: absolute; top: 50%; left: 50%; margin: -170px 0 0 -190px; padding: 20px 40px; background: none; }
.login_box p img { width: 90%; }
.login_box label input { vertical-align: 1px; }
.Int { height: 40px; position: relative; }
.Int .error_txt { display: block; width: 100%; height: 45px; line-height: 45px; position: absolute; right: 0; top: 0; text-align: right; font-size: 13px; display: none; padding-right: 10px; }
.Int input { height: 45px; line-height: 45px; width: 100%; font-size: 14px; text-indent: 10px; border: 0; }
.Int input:focus { box-shadow: 0 0 6px #06c; }
.Int.has-error input { box-shadow: 0 0 10px #ea1b1b; }
.Int.has-error .error_txt { display: block; color: #e41010; }
.login_btn { display: block; height: 45px; line-height: 45px; background: #4dd17d; border: 1px solid #48c073; color: #fff; border-radius: 3px; transition: 0.2s; position: relative; }
.login_ok span, .login_btn img { display: none; }
.login_ok img, .login_qq img { display: inline; vertical-align: middle; }
.login_ok img { position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; }
.login_qq { border-color: #4798be; background: #4ea7d1; }
.login_qq img { margin-right: 30px; margin-left: -30px; }
.login_quit { background: #df4848; border-color: #48c073; }
.choose_net { position: absolute; padding: 20px; width: 340px; height: 210px; z-index: 100; margin-top: -120px; background: #fff; border-radius: 3px; }
.choose_net p { border-bottom: 1px solid #aaa; line-height: 30px; }
.choose_net li { border-bottom: 1px solid #aeaeae; margin: 0 10px 5px 10px; }
.choose_net li a { display: block; height: 40px; line-height: 40px; color: #333; font-size: 14px; }
.choose_net li a:hover { color: #0063bd; }
.off { position: absolute; padding: 5px; right: 0px; top: 0; }
.help { width: 60%; margin: 0 auto; padding-top: 50px; min-width: 900px; padding-bottom: 150px; }
.help .help_title { border-bottom: 1px solid #bdbdbd; min-height: 60px; line-height: 60px; }
.help .help_title a { padding: 10px 20px 10px 5px; }
.help .help_title img { width: 35px; vertical-align: middle; margin-right: 20px; }
.download_btn { display: inline-block; height: 30px; line-height: 30px; background: #0063bd; padding: 0 20px; border-radius: 2px; color: #fff; }
.help .help_title a:hover { background: #d9d9d9; }
.video { font-size: 14px; display: inline-block; margin: 0 10px; width: 30%; max-width: 300px; overflow: hidden; }
.video img { width: 100%; }
.video:hover img { opacity: 0.9; transition: 0.3s; }
.message_box { width: 320px; height: 60px; position: fixed; top: 50%; left: 50%; margin: -30px 0 0 -160px; z-index: 99; }
.message { position: absolute; top: 0; left: 0; width: 320px; height: 60px; line-height: 60px; background: url("../img/mesbg_2.png") no-repeat; word-break: break-all; word-wrap: break-word; }
.message.message_error { background: url("../img/mesbg_error2.png") no-repeat; }
.message i { width: 32px; height: 32px; border: 1px solid #fff; border-radius: 50%; padding: 4px; margin: 0 10px; }
.message_error i { border-color: #a04646; color: #a04646; }
.message i.icon-info { border: 0; vertical-align: -4px; margin-right: 5px; }
.message.message_waring { background: url("../img/mesbg_waring.png") no-repeat; }
.loading { position: absolute; width: 160px; padding: 10px 0; top: 50%; left: 50%; margin: -50px 0 0 -80px; z-index: 202; color: #fff; background: url("../img/mask40.png") repeat; border-radius: 3px; }
.loading img { width: 35px; height: 35px; margin-bottom: 8px; }
.pop { width: 410px; height: 320px; padding: 10px 40px; position: absolute; background: #fff; top: 50%; left: 50%; margin: -220px 0 0 -245px; z-index: 100; border-radius: 4px; color: #666; font-size: 14px; }
.pop p { line-height: 40px; }
.pop p.font20 { line-height: 80px; border-bottom: 1px solid #aaa; }
.pop p a { height: 38px; line-height: 38px; }
.pop p a.floatleft { border-color: #aaa; background: #fff; color: #888; width: 20%; }
.video_pop { width: 530px; height: 355px; position: fixed; left: 50%; top: 50%; margin: -176px 0 0 -265px; background: #000; z-index: 200; }
.doc_preview { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #111; z-index: 200; }
.doc_preview .header { height: 60px; line-height: 60px; background: #000; opacity: 1; color: #fff; }
.doc_preview .header a { color: #fff; }
.doc_view { position: absolute; top: 60px; width: 1000px; bottom: 0; left: 50%; margin-left: -500px; background: #fff; overflow-y: auto; }
.doc_btn_item { width: 1000px; margin: 0 auto; line-height: 60px; }
.doc_preview .header .off { top: -5px; right: 20px; }
/*表单图标*/
@font-face { font-family: 'oafont'; src: url('../oafont.eot?-klml34'); src: url('oafont.eot?#iefix-klml34') format('embedded-opentype'), url('oafont.woff?-klml34') format('woff'), url('oafont.ttf?-klml34') format('truetype'), url('oafont.svg?-klml34#oafont') format('svg'); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"], .ico-upd { font-family: 'oafont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; background: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-cross:before { content: "\e117"; }
.icon-check2:before { content: "\e116"; }
.icon-info:before { content: "\e640"; }
.icon-cloud-download2:before { content: "\e067"; }
.icon-close:before { content: "\e615"; }

#LogoDIV { padding-top: 5px; }
.bg-top, .bg-bottom { position: absolute; top: 0; width: 100%; }
.bg-bottom { bottom: 0; top: auto; }

.one .TitleDIV { font-size: 40px; color: #fff; }
.IndexInputBg { background-image: url(../image/IndexInputBg.png); background-repeat: no-repeat; background-position: left center; width: 472px; height: 44px; }
.IndexUserKey { padding: 6px; border: 0px; width: 90%; margin-top: 5px; margin-left: 5px; font-family: 'Microsoft YaHei'; color: #999; font-size: 16px; outline: none; }
.IndexCategory { float: left; width: 120px; height: 120px; margin: 15px; margin-bottom: 0px; cursor:pointer; }
.IndexCategory1 { background-image: url(image/IndexCategory1.png); background-repeat: no-repeat; background-position: center center; }
.IndexCategory2 { background-image: url(image/IndexCategory2.png); background-repeat: no-repeat; background-position: center center; }
.IndexCategory3 { background-image: url(image/IndexCategory3.png); background-repeat: no-repeat; background-position: center center; }
.IndexCategory4 { background-image: url(image/IndexCategory4.png); background-repeat: no-repeat; background-position: center center; }
.IndexCategory5 { background-image: url(image/IndexCategory5.png); background-repeat: no-repeat; background-position: center center; }
.IndexCategory6 { background-image: url(image/IndexCategory6.png); background-repeat: no-repeat; background-position: center center; }
.IndexCategory:hover .Description { display: block; }
.IndexCategory .Description div { line-height: 20px; }
.IndexCategory .Description { color: #fff; padding-top: 25px; width: 90px; padding-left: 18px; display: none; }
.IndexCategory .Description a { color: #fff; text-decoration: underline; font-weight: bold; }

.header .headerAction { padding-top: 10px; }
.header .headerAction .headerReg { animation-duration: 0.7s; animation-timing-function: ease-in-out; background-clip: padding-box; border: 1px solid #aaa; border-radius: 5px; color: #999; font-size: 14px; height: 18px; line-height: 18px; outline: 0 none; padding: 9px; vertical-align: middle; width: 255px; font-family: 'Microsoft YaHei'; }
.header .headerAction button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; cursor: pointer; outline: 0 none; }
.header .headerAction button { background-clip: padding-box; border: 1px solid #cfcfcf; border-radius: 4px; color: #1a1a1a; display: inline-block; font-size: 14px; height: 38px; line-height: 38px; margin-left: 8px; padding: 0 23px; text-align: center; vertical-align: middle; font-family: 'Microsoft YaHei'; }
.header button.headerBtnReg { background: none repeat scroll 0 0 #08f; border: 0 none; color: #fff; }

.IndexSpliter { background-image: url(../image/IndexSpliter.png); background-position: center center; background-repeat: no-repeat; height: 30px; text-align: center; font-size: 18px; color: #fcfcfc; margin-top: 10px; font-weight: bold; }
.IndexSpliter a,.IndexSpliter a:hover,.IndexSpliter a:visited { color:#fcfcfc !important;}
.wall_in .YinHao { background-image: url(../image/yinhao.png); background-position: center top; background-repeat: no-repeat; height: 50px; text-align: center; font-family: 'Microsoft YaHei'; font-size: 26px; color: #fff; }

.IndexClientBg { background-image: url(../image/IndexClientBg.png); background-position: right bottom; background-repeat: no-repeat; }

.three .TitleDIV { font-size: 28px; font-family: 'Microsoft YaHei'; color: #555; }
.four .TitleDIV { font-size: 32px; font-family: 'Microsoft YaHei'; color: #555; }

.SecureIcon { float: left; width: 160px; margin: 10px; }
.SecureIcon .Title { text-align: center; font-size: 16px; margin-top: 6px; font-weight: bold; color: #666; }
.SecureIcon .Description { text-align: center; margin-top: 8px; color: #555; }

.SecureIcons { background-image: url(../image/SecureIcons.png); background-repeat: no-repeat; width: 72px; height: 75px; }
.SecureIcons1 { background-position: -3px top; }
.SecureIcons2 { background-position: -86px top; }
.SecureIcons3 { background-position: -170px top; }
.SecureIcons4 { background-position: 0px -89px; }
.SecureIcons5 { background-position: -86px -89px; }


.PageHeaderPhone { background-image: url(../image/PageHeaderPhone.png); background-repeat: no-repeat; background-position: left center; width: 166px; height: 58px; margin-left: 20px; }

html { background-color:#E9E9E9; }
.wall_page { height:600px; }
.one { background-image:url(../image/bg-bottom-new.png); background-repeat:repeat-x; background-position:left bottom; }
.two { background-color: #369dcc; background-image:url(../image/bg-top.png); background-repeat:repeat; background-position:left top;  }
.three { background-color:#E9E9E9; }