html,body{ 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;}
img{ border:none 0;}
form{ margin:0;}
a{ text-decoration:none; color:#29e; outline:none; transition:background-color 0.3s ease 0s, color 0.3s ease 0s;}
a:hover{ text-decoration:none;}
.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(../../img/refactor/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-logo-"], [class*="icon-logo-"]{ background:url(../../img/refactor/icon-logo.png) no-repeat; display:inline-block; width:116px; height:71px; vertical-align:middle; margin:0 5px;}
.icon-logo-01{ background-position:0 0;}
.icon-logo-02{ background-position:-116px 0;}
.icon-logo-03{ background-position:-232px 0;}
.icon-logo-04{ background-position:-348px 0;}
.icon-logo-05{ background-position:-464px 0;}
.icon-logo-06{ background-position:-580px 0;}
.icon-logo-07{ background-position:-696px 0;}
.icon-logo-08{ background-position:-812px 0;}
.icon-logo-09{ background-position:-928px 0;}
.icon-logo-10{ background-position:-1044px 0;}
.icon-logo-11{ background-position:0 -71px;}
.icon-logo-12{ background-position:-116px -71px;}
.icon-logo-13{ background-position:-232px -71px;}
.icon-logo-14{ background-position:-348px -71px;}
.icon-logo-15{ background-position:-464px -71px;}
.icon-logo-16{ background-position:-580px -71px;}
.icon-logo-17{ background-position:-696px -71px;}
.icon-logo-18{ background-position:-812px -71px;}
.icon-logo-19{ background-position:-928px -71px;}
.icon-logo-20{ background-position:-1044px -71px;}
.icon-logo-21{ background-position:0 -142px;}
.icon-logo-22{ background-position:-116px -142px;}
.icon-logo-23{ background-position:-232px -142px;}
.icon-logo-24{ background-position:-348px -142px;}
.icon-logo-25{ background-position:-464px -142px;}
.icon-logo-26{ background-position:-580px -142px;}
.icon-logo-27{ background-position:-696px -142px;}
.icon-logo-28{ background-position:-812px -142px;}
.icon-logo-29{ background-position:-928px -142px;}
.icon-logo-30{ background-position:-1044px -142px;}
ul.logo-list li a:hover .icon-logo-01{ background-position:0 -213px;}
ul.logo-list li a:hover .icon-logo-02{ background-position:-116px -213px;}
ul.logo-list li a:hover .icon-logo-03{ background-position:-232px -213px;}
ul.logo-list li a:hover .icon-logo-04{ background-position:-348px -213px;}
ul.logo-list li a:hover .icon-logo-05{ background-position:-464px -213px;}
ul.logo-list li a:hover .icon-logo-06{ background-position:-580px -213px;}
ul.logo-list li a:hover .icon-logo-07{ background-position:-696px -213px;}
ul.logo-list li a:hover .icon-logo-08{ background-position:-812px -213px;}
ul.logo-list li a:hover .icon-logo-09{ background-position:-928px -213px;}
ul.logo-list li a:hover .icon-logo-10{ background-position:-1044px -213px;}
ul.logo-list li a:hover .icon-logo-11{ background-position:0 -284px;}
ul.logo-list li a:hover .icon-logo-12{ background-position:-116px -284px;}
ul.logo-list li a:hover .icon-logo-13{ background-position:-232px -284px;}
ul.logo-list li a:hover .icon-logo-14{ background-position:-348px -284px;}
ul.logo-list li a:hover .icon-logo-15{ background-position:-464px -284px;}
ul.logo-list li a:hover .icon-logo-16{ background-position:-580px -284px;}
ul.logo-list li a:hover .icon-logo-17{ background-position:-696px -284px;}
ul.logo-list li a:hover .icon-logo-18{ background-position:-812px -284px;}
ul.logo-list li a:hover .icon-logo-19{ background-position:-928px -284px;}
ul.logo-list li a:hover .icon-logo-20{ background-position:-1044px -284px;}
ul.logo-list li a:hover .icon-logo-21{ background-position:0 -355px;}
ul.logo-list li a:hover .icon-logo-22{ background-position:-116px -355px;}
ul.logo-list li a:hover .icon-logo-23{ background-position:-232px -355px;}
ul.logo-list li a:hover .icon-logo-24{ background-position:-348px -355px;}
ul.logo-list li a:hover .icon-logo-25{ background-position:-464px -355px;}
ul.logo-list li a:hover .icon-logo-26{ background-position:-580px -355px;}
ul.logo-list li a:hover .icon-logo-27{ background-position:-696px -355px;}
ul.logo-list li a:hover .icon-logo-28{ background-position:-812px -355px;}
ul.logo-list li a:hover .icon-logo-29{ background-position:-928px -355px;}
ul.logo-list li a:hover .icon-logo-30{ background-position:-1044px -355px;}
[class^="icon-item-"], [class*="icon-item-"]{ background:url(../../img/refactor/icon-item.png) no-repeat; display:inline-block; width:70px; height:70px; vertical-align:middle; margin:0 5px;}
.icon-item-video{ background-position:0 -70px;}
.icon-item-offline{ background-position:-70px -70px;}
.icon-item-online{ background-position:-140px -70px;}
.icon-item-sns{ background-position:-210px -70px;}
ul.item-list a:hover .icon-item-video{ background-position:0 0;}
ul.item-list a:hover .icon-item-offline{ background-position:-70px 0;}
ul.item-list a:hover .icon-item-online{ background-position:-140px 0;}
ul.item-list a:hover .icon-item-sns{ background-position:-210px 0;}
[class^="icon-down-"], [class*="icon-down-"]{ background:url(../../img/refactor/icon-down.png) no-repeat; display:inline-block; width:80px; height:80px; vertical-align:middle; transition:background 0.3s ease 0s;}
.icon-down-windows{ background-position:0 -80px;}
.icon-down-mac{ background-position:-80px -80px;}
.icon-down-android{ background-position:-160px -80px;}
.icon-down-iphone{ background-position:-240px -80px;}
.icon-down-ipad{ background-position:-320px -80px;}
.icon-down-winphone{ background-position:-400px -80px;}
ul.down-list li a:hover .icon-down-windows{ background-position:0 0;}
ul.down-list li a:hover .icon-down-mac{ background-position:-80px 0;}
ul.down-list li a:hover .icon-down-android{ background-position:-160px 0;}
ul.down-list li a:hover .icon-down-iphone{ background-position:-240px 0;}
ul.down-list li a:hover .icon-down-ipad{ background-position:-320px 0;}
ul.down-list li a:hover .icon-down-winphone{ background-position:-400px 0;}
[class^="icon-pop-"], [class*="icon-pop-"]{ background:url(../../img/refactor/icon-pop.png) no-repeat; display:inline-block; width:20px; height:32px; vertical-align:middle;}
.icon-pop-left{ background-position:0 0;}
.icon-pop-right{ background-position:-20px 0;}
[class^="icon-nav-"], [class*="icon-nav-"]{ background:url(../../img/refactor/icon-nav.png) no-repeat; display:inline-block; width:9px; height:5px; vertical-align:middle; margin:0 0 0 5px;}
.icon-nav-arrow{ background-position:0 0;}
.top.scroll .icon-nav-arrow{ background-position:0 -7px;}
[class^="icon-index-"], [class*="icon-index-"]{ background:url(../../img/refactor/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;}
.top{ width:100%; position:absolute; top:0px; left:0; right:0;z-index:999;}
.top a{ color:#fff;}
.top .cont{ margin:0 auto; width:100%;}
.top .logo{ background:url(../../img/refactor/logo.png) no-repeat; margin:20px 0 0 30px; width:140px; height:34px; float:left;}
.top a.mobi-menu{ color:#333; margin:15px 0 0; float:right; display:none;}
.top a.mobi-menu:hover{ text-decoration:none; color:#1199ff;}
.top a.mobi-menu span{ background:url(../../img/refactor/mobi-menubg.png) 0 0 no-repeat; width:19px; height:14px; display:inline-block; vertical-align:-2px; margin:0 0 0 5px;}
.top a.mobi-menu:hover span{ background-position:0 -14px;}
.indexed{height:100px; color:#fff;text-align:center;margin:0 auto; }
.indexed{height:100px; color:#fff; text-align:center;margin:0 auto;position:absolute; top:0; right:0; left:0; z-index:1000;max-width:1920px;}
.indexed .indexed_wrap{height:100px;width:100%;background:url(../../img/refactor/topbanner.jpg) top center no-repeat;display:block;margin:0px auto; overflow:hidden;}
/* .indexed .indexed_wrap .indexed_txt{background:url(../images/indexed-text.png) no-repeat;float:left; width:669px;height:21px; display:inline-block;margin:14px 0 0;}
.indexed a.indexed-a{ background:url(../images/indexed-a.png) no-repeat;float:right; width:116px; height:32px; line-height:32px; font-size:16px; color:#fff; display:inline-block; margin:9px 0 0 10px;}
.indexed a.indexed-a:hover{ background-position:0 -33px; text-decoration:none;}
.indexed .indexed_wrap .indexed_value{background:url(../images/indexed-value.png) no-repeat;float:left; width:690px;height:21px; display:inline-block;margin:14px 0 0;}
.indexed a.indexed-b{ background:url(../images/indexed-b.png) no-repeat;float:right; width:116px; height:32px; line-height:32px; font-size:16px; color:#fff; display:inline-block; margin:9px 0 0 10px;}
.indexed a.indexed-b:hover{ background-position:0 -33px; text-decoration:none;} */
.indexed a.indexed-topclose{ background:url(../../img/refactor/indexed-topclose.png) no-repeat; position:absolute; top:10px; right:25px; width:13px; height:13px; font-size:0; line-height:0;z-index:1001;}
.indexed a.indexed-close:hover{ background-position:-13px 0;}
.indexed > img{ display:inline-block; vertical-align:middle;}
.indexed-fixed{ width:190px; height:129px; position:fixed; right:30px; bottom:240px; z-index: 10;}
.indexed-fixed a.indexed-close{ position:absolute; :-8px; right:6px;}
.indexed-fixed a.indexed-bg{background:url(../../img/refactor/indexed.png) no-repeat;float:right;background-size:213px 129px;display: inline-block;width:213px;height:129px;}
ul#Slide{ margin:0; padding:0; list-style:none; height:50px;}
ul#Slide li{ height:50px;}
ul.nav{ margin:70px 0 0; padding:0; list-style:none; color:#fff; float:right; display:block;}
ul.nav li{ margin:0 5px; float:left; position:relative;}
ul.nav li a{ padding:1px 12px 2px;}
ul.nav li a:hover{ color:#29e; text-decoration:none;}
ul.nav input[type="text"]{ background:#fff; margin:-9px 0 0 12px; padding:0 15px; width:250px; height:34px; line-height:34px; border:1px solid #b4b6b8; font-family:microsoft yahei; border-radius:2px; display:none;}
ul.nav a.reg{ background:#29e; display:inline-block; margin:-9px 0 0; padding:0; width:100px; float:left; height:36px; line-height:36px; text-align:center; color:#fff!important; border-radius:2px; display:none;}
ul.nav a.reg:hover{ text-decoration:none; background:#00a8ff;}
ul.nav a.reg:active{ text-decoration:none; background:#07c; box-shadow:1px 2px 3px #0069b3 inset;}
ul.nav a.login{ display:inline-block; margin:-10px 0 0 12px; padding:0; width:78px; height:34px; line-height:34px; border:1px solid #d4d7d9; text-align:center; color:#fff; border-radius:2px;}
ul.nav a.login:hover{ background:#0095ff; width:80px; height:36px; line-height:36px; border:none 0; text-decoration:none; color:#fff;}
ul.nav a.addvalue{ cursor:default; position:relative; z-index:1000;}
ul.nav a.addvalue:hover{ color:#fff;}
ul.nav .subnav{ background:#45494c; background:rgba(0,0,0,0.4); padding:30px 0 8px; line-height:2em; border-radius:2px; position:absolute; :-7px; right:0; left:0;}
ul.nav .subnav.hide{ display:none;}
ul.nav .subnav.static{ background:none; padding:0 0 0 20px; font-size:16px; line-height:1.8em; position:static; :0; display:block;}
ul.nav .subnav.static a{ padding:1px 12px 2px; color:#666; display:block;}
ul.nav .subnav.static a:hover{ color:#29e;}
.scroll{ position:fixed; background:#fff; background:rgba(255,255,255,0.97); min-height:50px; border-bottom:1px solid #ddd;}
.top.scroll a{ color:#333;}
.top.scroll .logo{ background-position:0 -34px; margin:5px 0 0 30px;}
.top.scroll #smallScreen .logo{ margin:5px 0 0;}
.top.scroll ul.nav{ margin:17px 0 0;}
.top.scroll ul.nav input[type="text"]{ display:block;}
.top.scroll ul.nav a.topreg{ display:inline-block;}
.top.scroll ul.nav a.toplogin{ background:#fff; display:inline-block; margin:-9px 0 0; padding:0; width:78px; float:left; height:34px; line-height:34px; border:1px solid #d4d7d9; text-align:center; color:#666; border-radius:2px;}
.top.scroll ul.nav a.toplogin:hover{ background:#f5f5f5; text-decoration:none;}
.top.scroll ul.nav a.toplogin:active{ background:#ebebeb;}
.top.scroll ul.nav .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;}
.top.scroll ul.nav a.addvalue:hover{ color:#666;}
.first-screen{ overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0;}
.first-screen .first-bg{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; overflow:hidden;}
.first-screen .first-bg img{ position:absolute; width:100%;}
.video-cover{ position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; background:rgba(10,20,30,0.75);}
.index-content{ /*background: url(../imgs/store@2x.png) top center no-repeat #0c4393;*/ position:relative; overflow:hidden;}
.index-content.graybg{ background:#f7f7f7;}
.reghead{ width:580px; height:46px; margin:68px auto 0; z-index:998;}
.reghead input[type="text"]{ background:#fff; padding:0 15px; width:400px; height:46px; line-height:46px; font-size:16px; border:none 0; float:left; font-family:microsoft yahei; border-radius:10px; margin:10px 0;}
.reghead a{ background:#29e ; display:inline-block; margin:0 0 0 210px; width:140px; float:left; font-size:16px; height:46px; line-height:46px; text-align:center; color:#fff; border-radius:2px; position:relative;}
.reghead a:hover{ text-decoration:none; background:#00a8ff;}
.reghead a:active{ text-decoration:none; background:#07c; box-shadow:1px 2px 3px #0069b3 inset;}
.reghead a .free{ position:absolute; top:-26px; right:0; padding:4px 8px; color:#fff;background:#5f5f5f; background:rgba(95,95,95,0.45); font-size:12px; line-height:1; border-radius:2px; display:none;}
.reghead a .free:after{ display:inline-block;width:0;height:0;line-height:0;font-size:0;border-style:solid dashed dashed dashed;border-width:5px 5px 0 5px;border-color:#5f5f5f transparent transparent transparent;border-color:rgba(95,95,95,0.45) transparent transparent transparent; content:""; position:absolute; left:16px; bottom:-5px;}
.reghead a:hover .free{ display:block;}
.reghead-error{ position:absolute; top:-37px; left:0; padding:2px 10px; color:#fff; background:#ff6c6c; display:none;}
.reghead-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:#ff6c6c transparent transparent transparent; content:""; position:absolute; left:20px; bottom:-9px;}
.banner_down{ position:absolute; top:60%; left:50%; text-align:center; z-index:997;}
.banner{ margin:0 auto; width:700px; text-align:center; overflow:hidden; position:absolute; top:60%; left:50%; margin:-215px 0 0 -350px; color:#fff; text-align:center; z-index:997;}
.banner h1.slogan{ margin:0; color:#fff; font-size:60px; text-align:center; letter-spacing:6px; font-weight:normal;}
.banner .slogan-small{ margin:30px 0 0; font-size:24px;}
a.index-video{ display:block; background:url(../../img/refactor/index-videobg.png) no-repeat; width:280px; height:158px; margin:40px auto 0; text-align:center;}
a.index-video:hover{ background:url(../../img/refactor/index-videobg-hover.png);}
a.index-video .index-videoplay{ background:url(../../img/refactor/index-videoplaybg.png) 0 0 no-repeat; margin:45px 0 0; width:66px; height:66px; display:inline-block;}
a.index-video:hover .index-videoplay{ background-position:-66px 0;}
#indexVideo{ position: fixed; background:url(../../img/refactor/loading.gif) center center no-repeat; background-size:32px 32px; width:430px; height:290px;z-index:10001; top:50%; margin-top:-145px;left:50%; margin-left:-215px; display:none;}
.video-close{ color:#29e; font-size:40px; line-height:1; top:3px; right:20px; position:fixed; z-index:10002;}
.video-close:hover{ color:#f00; text-decoration:none;}
.index-bg{ background:#000; bottom:0; height:100%; opacity:1; filter:alpha(opacity=100); position:fixed; right:0; width:100%; z-index:10000; display:none;}
.scroll-down{ width:90px; position:absolute; left:50%; bottom:10px; margin-left:-45px; text-align:center; z-index: 100;}
.scroll-down a.scroll-arrow{ background:url(../../img/refactor/scroll-arrowbg.png) 0 0 no-repeat; margin:10px 0 0; width:20px; height:11px; display:inline-block;}
.scroll-down a.scroll-arrow:hover{ background-position:0 -11px;}
.section{ margin:0 auto; width:1000px; overflow:hidden; position:relative;}
.app-mainline{ margin:80px 0 40px; font-weight:normal; font-size:48px; text-align:center;}
.home-title{ margin:120px 0 20px; font-size:30px; text-align:center; font-weight:normal;}
.app-start{ background:url(../../img/refactor/app-startbg.png) center bottom no-repeat; padding:0 0 20px; height:170px; text-align:center; font-size:24px; line-height:1.8;}
.app-bottom{ background:url(../../img/refactor/app-bottombg.png) center top no-repeat; margin:0 auto; padding:50px 0; text-align:center;}
a.app-toggle{ background:#29e; width:300px; height:52px; line-height:52px; font-size:18px; color:#fff; display:inline-block; text-align:center; border-radius:3px;}
a.app-toggle:hover{ text-decoration:none; background:#00a8ff;}
a.app-toggle:active{ text-decoration:none; background:#07c; box-shadow:1px 2px 3px #0069b3 inset;}
a.app-toggle .toggle-arrow{ background:url(../../img/refactor/toggle-arrowbg.png) no-repeat; width:19px; height:11px; display:inline-block; vertical-align:middle; margin:0 5px;}
a.app-toggle .toggle-arrow.up{ background-position:0 -11px;}
ul.item-list{ margin:80px auto; padding:0; list-style:none; width:1160px; font-size:16px; line-height:2.4;}
ul.item-list.sub-help{ margin-top:20px;}
ul.item-list li{ float:left; margin:0 30px 0 70px; text-align:center; width:180px;}
ul.item-list li a i{ margin: 0 0 10px;}
ul.item-list a{ color:#333;}
ul.item-list a:hover, ul.item-list a:hover .item-tip.nocolor{ text-decoration:none;}
ul.item-list a .item-intro{ font-size:14px; line-height:1.6; color:#999; white-space: nowrap;}
ul.item-list a .item-tip{ margin:5px 0 0; color:#29e; font-size:13px; line-height:1.6;}
ul.item-list a .item-tip.nocolor{ color:#0c0c0d;}
ul.item-list a:hover .item-tip{ text-decoration:underline;}
ul.app-list{ margin:0 auto; padding:20px 0; list-style:none; width:760px; background:url(../../img/refactor/app-listbg.png) center repeat-y;}
ul.app-list li{ background:#fff; float:left; margin:0 20px 20px 0; border-radius:4px;}
ul.app-list li.right{ float:right; margin:20px 0 0;}
ul.app-list li.fright{ float:right; margin:40px 0 0;}
ul.app-list li a{ display:inline-block; width:359px; min-height:104px; border:1px solid #eee; color:#666; position:relative; border-radius:3px; box-shadow:0 1px 0 0 #ddd; transition:all 0.3s ease 0s; cursor:default;}
ul.app-list li a:hover{ text-decoration:none; /* border:1px solid #29e; */}
ul.app-list li .app-intro{ margin:20px 15px 0 90px;}
ul.app-list li .app-title{ margin:0 0 8px; font-size:18px; line-height:1; color:#050505;}
ul.app-list li .app-point{ background:url(../../img/refactor/app-pointbg.png) 0 0 no-repeat; position:absolute; top:12px; right:-28px; width:28px; height:14px; display:inline-block;}
/*
ul.app-list li a:hover .app-point{ background-position:0 -28px;}
*/
ul.app-list li.fright .app-point, ul.app-list li.right .app-point{ background-position:0 -14px; left:-27px;}
/*
ul.app-list li.fright a:hover .app-point, ul.app-list li.right a:hover .app-point{ background-position:0 -42px;}
*/
.regnum{ margin:100px 0 0; text-align:center; font-size:38px;}
.regnum > span{ display:inline-block;}
.regnum .num-wrap{ vertical-align:-15px;}
#number{ background:url(../../img/refactor/regnumbg.png) repeat-x; font-style:normal; overflow:hidden; height:60px; float:left; position:relative;}
#number span{ margin:0 6px 0 0; min-width:34px; line-height:60px; text-align:center; float:left; top:0; left:0; position:relative;}
ul.logo-list{ margin:60px auto; padding:0; list-style:none; width:1100px;}
ul.logo-list li{ float:left; margin:0 0 35px 42px; width:136px; text-align:center;}
ul.logo-list li a{ display:block; opacity:0.8; filter:alpha(opacity=80); cursor: default;}
ul.logo-list li a:hover{ opacity:1; filter:alpha(opacity=100);}
.down-title{ margin:90px 0 0; font-size:36px; color:#0c0c0d; text-align:center;}
ul.down-list{ margin:30px auto 0; padding:0; list-style:none; width:800px; font-size:16px;}
ul.down-list li{ margin:0 0 0 45px; float:left; text-align:center;}
ul.down-list li a{ display:block; position:relative; width:80px;}
ul.down-list li a i{ display:block;}
ul.down-list li a div{ margin:4px 0 0; white-space:nowrap;}
.down-tip{ margin:40px 0 90px; text-align:center; color:#0c0c0d;}
.index-bottom{ background:url(../../img/refactor/index-bottombg.png) center top no-repeat #0daeff; height:371px; text-align:center; color:#fff;}
.index-bottom .bottom-title{ margin:110px 0 30px; font-size:36px;}
a.bottom-reg{ width:200px; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; border:2px solid #fff; border:2px solid rgba(255, 255, 255, 0.8); border-radius:4px; display:inline-block;}
a.bottom-reg:hover{ text-decoration:none; color:#fff; background:rgba(255,255,255,0.1); border:2px solid #fff;}
.foot{ background:#2d2e2e; overflow:hidden; color:#fff;}
.foot a{ color:#aaa;}
.foot a:hover{ text-decoration:none; color:#29e;}
ul.foot-list{ margin:60px auto 0; padding:0 0 40px; list-style:none; width:1200px;}
ul.foot-list li{ float:left; margin:0 0 0 95px; line-height:2; width:130px; font-size: 12px;}
ul.foot-list li .title{ margin:0 0 5px; font-size:14px;}
ul.foot-list li .wechat{ position:relative;}
ul.foot-list li .wechat-qrcode{ width:100px; height:100px; position:absolute; top:-105px; left:-23px; display:none;}
ul.foot-list li .wechat-qrcode img{ max-width:100%; border:2px solid #fff;}
ul.foot-list li .wechat:hover .wechat-qrcode{ display:block;}
.copyright{ margin:0 auto; padding: 20px 0; text-align:center; color:#666; font-size: 12px;}
.copyright a{ color:#666;}
.copyright a:hover{ color:#29e;}
.sub-content{ margin:10px 0 0; min-height:280px;}
.sub-banner{ margin:51px 0 0; background:#29e;}
.sub-banner .news-banner{ background:url(../../img/refactor/sub-banner-newbg.png) right center no-repeat; margin:0 auto; width:1000px; height:210px; color:#fff; overflow:hidden; text-align:left;}
.sub-banner .news-banner.contact{ background-image:url(../../img/refactor/sub-banner-contactbg.png);}
.sub-banner .news-banner.state{ background-image:url(../../img/refactor/sub-banner-statebg.png);}
.sub-banner .news-banner.product{ background-image:url(../../img/refactor/sub-banner-productbg.png);}
.sub-banner .news-banner.job{ background-image:url(../../img/refactor/sub-banner-jobbg.png);}
.sub-banner h2{ margin:65px 0 0 0; font-size:50px; font-weight:normal;}
.sub-banner h4{ margin:10px 0 0; font-size:20px; font-weight:normal; line-height:1.4; display:none;}
.sub-nav{ margin:15px auto 0; padding:0 0 5px; font-size:16px; color:#999; text-align:left;}
.sub-nav a{ color:#999;}
.sub-nav a:hover{ text-decoration:none; color:#29e;}
.sub-nav .sub-gt{ font-family:simsun; margin:0 5px;}
.select-date{ background:#f1f1f1; margin:20px 0 0; padding:5px 10px; display:inline-block; border-radius:5px;}
.select-date select{ padding:2px; width:70px; height:23px; border:1px solid #999; border-radius:3px; font-size:16px; text-align:center;}
.jobs-wrap{ margin:30px 0 40px; position:relative; min-height:280px;}
ul.jobtype-list{ margin:0; padding:0; list-style:none;}
ul.jobtype-list li{ text-indent:-75px; padding-left:75px;}
ul.jobtype-list li a{ margin:0 12px 0 0; color:#666; white-space:nowrap;}
ul.jobtype-list li a:hover, ul.jobtype-list li a.selected{ text-decoration:none; color:#29e;}
ul.jobtype-list li .type{ color:#333;}
.jobs-tab{ margin:30px 0 30px; min-height:280px;}
.jobs-tab table{ collapse:separate; border-spacing:0; width:100%; border-top:1px solid #ccc; border-radius:2px 2px 0 0;}
.jobs-tab table thead th{ padding:2px 5px; border-bottom:1px solid #ccc; text-align:left; background:#fcfcfc; line-height:2.6; font-weight:normal;}
.jobs-tab table tbody td{ padding:8px 5px; border-bottom:1px solid #eee;}
.jobs-tab table tbody tr:hover{ background:#f5f8fa; cursor:pointer;}
.pop-wrap{ background:#fff; width:680px; height:350px; border:1px solid #e1e1e1; box-shadow:0px 0px 2px 0px #eee; position:fixed; top:50%; left:50%; margin-top:-175px; margin-left:-340px; z-index:1001;}
.pop-bg{ background:#999; opacity:0.1; filter:alpha(opacity=10); width:100%; height:100%; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000;}
.pop-content{ margin:20px 5px 0 50px; height:280px; overflow-y:auto;}
.pop-close{ font-family:arial; font-size:18px; line-height:1; font-weight:bold; position:absolute; top:2px; right:8px; color:#cfd9e3;}
.pop-close:hover{ text-decoration:none;}
.pop-left{ position:absolute; top:160px; left:15px;}
.pop-right{ position:absolute; top:160px; right:25px;}
.job-title{ font-size:28px;}
.job-name{ margin:0 50px 0 0; color:#636363;}
.job-intro{ margin:15px 50px 5px 0; padding:0 0 0 5px; color:#636363; font-size:12px; line-height:1; border-left:2px solid #449ef3;}
ul.job-list{ margin:0 50px 0 0; padding:0; list-style:none; line-height:2; color:#636363; font-size:12px;}
ul.job-list li{ list-style:inside disc; font-size:16px;}
ul.job-list li.title{ margin:20px 0 0; list-style:none; font-size:18px;}
.job-send{ margin:30px 0;}
a.job-maito{ background:#29e; color:#fff; display:inline-block; width:320px; height:48px; line-height:48px; text-align:center; border-radius:3px; font-size:18px;}
a.job-maito:hover{ background:#00a8ff; text-decoration:none;}
a.job-maito:active{ background:#07c; box-shadow:1px 2px 3px #0069b3 inset; text-decoration:none;}
.job-nodata{ margin:80px 0 120px; text-align:center;}
.job-share{ position:absolute; right:135px; bottom:12px;}
.appshow-name{ margin:0 50px 0 0; color:#636363; text-align:center;}
.appshow-intro{ margin:15px 50px 15px 0; padding:0; color:#636363; font-size:12px;}
ul.appshow-list{ margin:0 50px 0 0; padding:0; list-style:inside decimal; line-height:1.8; color:#636363; font-size:12px;}
.appshow-title{ margin:10px 0 2px;}
.appshow-feedback{ margin:0 50px 0 0; padding:0; line-height:2; color:#636363; font-size:12px;}
.appshow-video{ margin:15px 50px 15px 0; font-size:12px;}
.appshow-textr{ text-align:right;}
.client-name{ margin:0 50px 0 0; color:#636363; text-align:center;}
.client-intro{ margin:15px 50px 15px 0; padding:0; color:#636363; font-size:12px;}
.news-wrap{ margin:30px 0 40px; position:relative; min-height:280px; font-size:14px;}
dl.news-list{ margin:0; padding:0;}
dl.news-list.onlytitle dd .new-title{ min-height:39px;}
dl.news-list dt{ margin:-4px 0 0; width:50px; float:left; font-size:20px; color:#999;}
dl.news-list dd{ margin-left:75px; padding:0; border-left:2px dotted #e8e8e8;}
dl.news-list dd .new-title{ margin:1px 0 0;}
dl.news-list dd .new-title a, dl.news-list dd .new-title span{ background:url(../../img/refactor/news-listddbg.png) left 10px no-repeat; margin:0 0 0 -4px; padding:0 0 0 32px; font-size:16px; color:#515151; display:inline-block;}
dl.news-list.onlytitle dd .new-title a, dl.news-list.onlytitle dd .new-title span{ padding-bottom:9px;}
dl.news-list dd .new-title a:visited{ color:#551a8b;}
dl.news-list dd .new-title a:hover{ text-decoration:none; color:#29e;}
dl.news-list dd .new-title a:active{ color:#e00;}
dl.news-list dd .new-text{ margin:0 0 0 28px; color:#999;}
dl.news-list dd .new-text p{ margin:0;}
dl.news-list dd .new-date{ margin:2px 0 0 28px; padding:0 0 8px; color:#999;}
.news-load{ margin:40px 0 50px; text-align:center;}
a.load-more{ width:100%; height:40px; line-height:40px; border:1px solid #ccc; font-size:16px; color:#999; display:inline-block; border-radius:2px; box-sizing:border-box;}
a.load-more:hover{ color:#29e; border:1px solid #29e; text-decoration:none;}
.newde-back{ position:absolute; top:20px; left:10px; display:inline-block; width:60px; height:22px; line-height:22px; font-size:12px; text-align:center; border:1px solid #eee; border-radius:3px; color:#999;}
.newde-back:hover{ text-decoration:none;}
.newde-title{ padding:0; text-align:center; font-size:28px;}
.newde-tip{ margin:5px 0 0; text-align:center; font-size:16px; color:#999;}
.newde-cont{ margin:25px 0 35px; color:#666; font-size:111%;}
.newde-cont.weekly-cont{ width:650px; margin-right:auto; margin-left:auto;}
.font-change{ margin:0; float:right; line-height:1;}
.font-change a{ color:#999;}
.font-change a:hover{ color:#666;}
.font-change a sup{ line-height:1;}
.font-change a.font-normal{ width:24px; height:24px; line-height:24px; display:inline-block; text-align:center; border:1px dashed #c4c4c4;}
.font-change a.font-large{ width:24px; height:24px; line-height:24px; display:inline-block; text-align:center; border:1px dashed #c4c4c4;}
.font-change a.active{ border:1px solid #c4c4c4; background:#f1f1f1; color:#666;}
.tattle-wrap{ margin:30px 0 30px; position:relative; min-height:280px;}
.tattle-back{ position:absolute; top:20px; left:10px; display:inline-block; width:60px; height:22px; line-height:22px; font-size:12px; text-align:center; border:1px solid #eee; border-radius:3px; color:#999;}
.tattle-back:hover{ text-decoration:none;}
.tattle-title{ font-size:28px; text-align:center;}
.tattle-year{ margin:20px 0 0 55px; padding:0 0 0 40px; font-size:18px;}
ul.tattle-list{ margin:0; padding:0 0 0 100px; list-style:none; font-size:16px;}
ul.tattle-list li{ float:left; width:360px; padding:0 0 10px 50px;}
ul.tattle-list li a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#515151;}
ul.tattle-list li a:visited{ color:#551a8b;}
ul.tattle-list li a:hover{ text-decoration:none; color:#29e;}
ul.tattle-list li a:active{ color:#e00;}
.tattlede-title{ padding:20px 0 0; font-size:18px; color:#666;}
.tattlede-back{ position:absolute; top:20px; right:10px;}
.tattlede-cont{ margin:25px 0 35px; font-size:12px; color:#999;}
.tattlede-tip{ margin:5px 0 0; font-size:12px;}
.tattlede-oper{ margin:20px 0 30px; text-align:center;}
.tattlede-oper a{ margin:0 3px; display:inline-block; width:80px; height:22px; line-height:22px; font-size:12px; text-align:center; border:1px solid #eee; border-radius:3px; color:#999;}
.tattlede-oper a:hover{ text-decoration:none;}
.about-title{ margin:30px 0 0; font-size:28px;}
.about-con{ margin:10px 0 0; font-size:16px; text-indent:2em;}
ul.intro-list{ margin:25px 0 0; padding:0; list-style:none; font-size:16px; color:#666;}
ul.intro-list li{ margin:0 0 10px; text-indent:2em;}
ul.intro-list li.sub{ margin:0;}
ul.history-list{ margin:20px 20px 0; padding:0; list-style:none; font-size:12px;}
ul.history-list li{ line-height:2;}
ul.history-list li.year{ margin:20px 0 5px;}
.about-contact{ margin:30px 0; border-top:1px solid #ccc;}
ul.contact-list{ margin:20px 0 30px 0; padding:0 10px 0 0; list-style:none; width:480px; float:left;}
ul.contact-list li{ padding:0 0 0 45px; text-indent:-45px;font-size:16px;}
ul.contact-list li.title{ margin:0 0 10px; font-size:18px;}
.contact-map{ float:right; width:450px; height:250px; margin:28px 0 0;}
ul.statement-list{ margin:30px 0 40px; padding:0; list-style:none; font-size:16px; color:#666;}
ul.statement-list li{ margin:5px 0; text-indent:0em;}
ul.statement-list li.texindent{text-indent:2em;}
ul.statement-list li.title{ margin:15px 0 5px; color:#333; font-size:18px; text-indent:0;}
ul.statement-list li.child{ text-indent:1em; list-style:inside circle;}
ul.statement-list li.bold{font-weight:bold;}
ul.statement-list li .bold{font-weight:bold;}
ul.statement-list li .wide{width:25px;float:left;}
ul.statement-list li.tex_underline{text-decoration:underline;}
ul.statement-list li .tex_underline{text-decoration:underline;}
ul.statement-list li ol{ margin:0; padding:0 0 0 2em; list-style:disc inside;}
ul.statement-list li ol li{ margin:0; text-indent:0;}
.help-wrap{ margin:67px 0 0;}
.video-wrap{ margin:30px 0 0;}
.video-show{ background:url(../../img/refactor/loading.png) center center no-repeat #000; margin:0; width:660px; height:481px; float:left;}
.video-oper{ float:left; width:339px; height:479px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden;}
.video-title{ background:#fbfbfb; font-size:18px; border-bottom:1px solid #ccc;}
.video-title > a{ display:block; background:url(../../img/refactor/video-arrowfoldbg.png) 305px center no-repeat; padding:5px 0 5px 20px; color:#333; min-height:29px;}
.video-title.open > a{ background:url(../../img/refactor/video-arrowunfoldbg.png) 305px center no-repeat #f3f3f3;}
.video-title > a:hover{ text-decoration:none;}
ul.video-list{ background:#fff; margin:0; padding:0; list-style:none; font-size:12px; height:400px; overflow:auto;}
ul.video-list li{ margin:0; padding:0;}
ul.video-list li a{ display:block; background:#fff; color:#333; padding:15px; overflow:hidden;}
ul.video-list li a:hover{ text-decoration:none; background:#ebf4fb;}
ul.video-list li a .video-pic{ float:left; width:92px; height:60px;}
ul.video-list li a .video-pic img{ display:block; max-width:100%;}
ul.video-list li a .video-pic .video-hover{ position:relative; top:-60px; left:0; width:92px; height:60px; display:none;}
ul.video-list li a:hover .video-pic .video-hover{ display:block;}
ul.video-list li a .video-text{ margin:0 0 0 105px; line-height:1.8;}
ul.video-list li a.cur{ background:#3f90cf; color:#fff;}
.help-title{ margin:50px 0 10px 20px; font-size:18px;}
.help-tab{ margin:10px 0 0 20px;}
.help-tab table{ border-collapse:separate; border-spacing:0; width:100%;}
.help-tab table td{ padding:10px 0;}
a.help-apply{ width:87px; height:26px; background:#389cff; color:#fff; text-align:center; display:block; border-radius:3px;}
a.help-apply:hover{ text-decoration:none;}
ul.help-list{ margin:60px auto 30px; padding:0; width:972px; list-style:none;}
ul.help-list li{ margin:0 13px 0 0; text-align:center; float:left;}
ul.help-list li a{ display:block; padding:30px 0; width:230px; border-radius:3px; background:#dfeeff; color:#529fef;}
ul.help-list li a:hover{ text-decoration:none;}
ul.help-list li a.sns{ background:#fff9db; color:#ffae00;}
ul.help-list li a.online{ background:#def9e7; color:#54d37c;}
ul.help-list li a.tel{ background:#ffe5e5; color:#ff9090; cursor:default;}
.update-wrap{ margin:10px 0 30px; position:relative; min-height:280px;}
.update-title{ margin:20px 250px 5px 0; padding:0; list-style:none;}
.update-cont{ margin:0 250px 0 80px; color:#999;}
.update-qrcode{ position:absolute; top:0; right:20px; text-align:right;}
.qrcode-title{ margin:0 0 12px; font-size:18px; line-height:1.4; color:#515151;}
.update-back{ position:absolute; top:20px; left:10px; display:inline-block; width:60px; height:22px; line-height:22px; font-size:12px; text-align:center; border:1px solid #eee; border-radius:3px; color:#999;}
.update-back:hover{ text-decoration:none;}
.updatede-title{ padding:20px 0 0; font-size:18px; color:#666; text-align:center;}
.updatede-tip{ margin:5px 0 0; text-align:center; font-size:12px;}
.updatede-cont{ margin:25px 0 35px; font-size:12px; color:#999;}
.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;}
.right-fixed{ position:fixed; right:0; bottom:60px; display:none;z-index:100; opacity:0.9; filter:alpha(opacity=90);}
.right-fixed a.fix-online{ background:url(../../img/refactor/right-fixbg.png) 0px 0 no-repeat; width:76px; height:76px; display:block;}
.right-fixed a.fix-online:hover{ background-position:-76px 0;}
.right-fixed a.fix-chat{ background:url(../../img/refactor/right-fixbg.png) 0px -76px no-repeat; width:76px; height:76px;display:block; margin:1px 0 0;}
.right-fixed a.fix-chat:hover{ background-position:-76px -76px;}
.right-fixed a.fix-backtop{ background:url(../../img/refactor/right-fixbg.png) 0px -152px no-repeat; width:76px; height:76px; display:block; margin:1px 0 0;}
.right-fixed a.fix-backtop:hover{ background-position:-76px -152px;}
.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 20px;}
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: 85px 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;}
.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:#333;}
ul.workflow-list li a:hover .workflowname{ color:#333;}
ul.workflow-list li a .workflowintro{ margin: 10px 0 0; font-size: 14px; line-height: 1.8; color: #666;}
.slidetitle{ padding: 100px 0 0; font-size: 38px; text-align: center;}
.casetitle{ padding: 100px 0 70px; font-size: 38px; text-align: center;}
.casewrap{ width: 1192px; margin: 0 auto; }
.casewrap .caseitem{ background: #f7f7f7; width: 286px; height: 200px; margin: 0 6px 12px; 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: 14px; 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;}
.casewrap .caseitem:hover { text-decoration: none; }
.caseBtn { display: block; width: 176px; height: 40px; line-height: 40px; margin: 78px auto 100px; text-align: center; border: 1px solid #ccc; border-radius: 2px; color: #333; }
.caseBtn:hover { text-decoration: none; background: #1396F1; border-color: #1396F1; color: #fff; }
.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(../../img/refactor/pagespcbg.png) no-repeat; width: 729px; height: 610px; position: absolute; top: 71px; left: 103px;}
#secondSlide.appwrap .pagespcbg{ left: 473px;}
.appwrap .pagesmobibg{ background: url(../../img/refactor/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:-920px;}
#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(../../img/refactor/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{ min-width: 1000px; /*max-width: 1920px;*/height: 500px; position: relative;}
.bannerwrap .bannerlist{ height: 500px; position: relative;}
.bannerwrap .bannersrc{ width: 100%; height: 500px; position: absolute; top: 0; opacity:0; filter:alpha(opacity=0);}
.bannerwrap .banner01{ background: url(../../img/banner.png) top center no-repeat #1a222d;}
.bannerwrap .banner02{ background: url(../../img/banner2.png) top center no-repeat #856adb;}
.bannerwrap .banner03{ background: url(../../img/banner3.png) top center no-repeat #00b3ff;}
.bannerwrap .banner04{ background: url(../../img/banner.png) top center no-repeat #1a1a1c;}
.bannerwrap .banner05{ background: url(../../img/banner.png) top center no-repeat #0c4393;}
.bannerwrap .banner_services{ background: url(../../img/banner_services.png) top center no-repeat #1a222d;}
.bannerwrap .banner_case{ background: url(../../img/banner_case.png) top center no-repeat #1a222d;}
.bannerwrap .banner_5g{ background: url(../../img/banner_5g.png) top center no-repeat #1a222d;}
.bannerwrap .banner_partner{ background: url(../../img/banner_partner.png) top center no-repeat #1a222d;}
.bannerwrap .banner_case02{ background: url(../../img/banner_case2.png) top center no-repeat #1a222d;}
.bannerwrap .banner_product{ background: url(../../img/product.png) top center no-repeat #00b3ff;}
.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: 100%; height: 100%;/* 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: 100%; height: 100%; 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:41%; 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: 38%;}
.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(../../img/refactor/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(../../img/refactor/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(../../img/refactor/esms01bg.jpg) 710px bottom no-repeat;}
.esmscont02{ background: url(../../img/refactor/esms02bg.jpg) 85px 70px no-repeat;}
.esmscont03{ background: url(../../img/refactor/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(../../img/refactor/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:#ffffff;}
.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: 16px;}
ul.foot-list li .title{ margin:0 0 5px; font-size:18px; color: #ffffff;}
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(../../img/refactor/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(../../img/refactor/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(../../img/refactor/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(../../img/refactor/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(../../img/refactor/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(../../img/refactor/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(../../img/refactor/price_bot02.jpg) no-repeat;background-size:14px 14px;width:14px;height:14px;}
.price_ullist li a{color:#3baafb;}
/* add style 20170206 end*/
/* retina兼容 */
@media only screen and (-webkit-min-device-pixel-ratio :1.5),(min-resolution:120dpi),(-ms-high-contrast:active),(-ms-high-contrast:none){
.top .logo{ background:url(../../img/refactor/LOGO-2.png) no-repeat; /*background-size:145px 68px;*/}
.top a.mobi-menu span{ background:url(../../img/refactor/mobi-menubg@2x.png) 0 0 no-repeat; background-size:19px 28px;}
ul.app-list li .app-point{ background:url(../../img/refactor/app-pointbg@2x.png) 0 0 no-repeat; background-size:27px 56px;}
[class^="icon-item-"], [class*="icon-item-"]{ background:url(../../img/refactor/icon-item@2x.png) no-repeat; background-size:280px 140px;}
.icon-item-video{ background-position:0 -70px;}
.icon-item-offline{ background-position:-70px -70px;}
.icon-item-online{ background-position:-140px -70px;}
.icon-item-sns{ background-position:-210px -70px;}
[class^="icon-app-"], [class*="icon-app-"]{ background:url(../../img/refactor/icon-app@2x.png) no-repeat; background-size:620px 308px;}
.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;}
[class^="icon-down-"], [class*="icon-down-"]{ background:url(../../img/refactor/icon-down@2x.png) no-repeat; background-size:480px 160px;}
.icon-down-windows{ background-position:0 -80px;}
.icon-down-mac{ background-position:-80px -80px;}
.icon-down-android{ background-position:-160px -80px;}
.icon-down-iphone{ background-position:-240px -80px;}
.icon-down-ipad{ background-position:-320px -80px;}
.icon-down-winphone{ background-position:-400px -80px;}
ul.down-list li a:hover .icon-down-windows{ background-position:0 0;}
ul.down-list li a:hover .icon-down-mac{ background-position:-80px 0;}
ul.down-list li a:hover .icon-down-android{ background-position:-160px 0;}
ul.down-list li a:hover .icon-down-iphone{ background-position:-240px 0;}
ul.down-list li a:hover .icon-down-ipad{ background-position:-320px 0;}
ul.down-list li a:hover .icon-down-winphone{ background-position:-400px 0;}
a.app-toggle .toggle-arrow{ background:url(../../img/refactor/toggle-arrowbg@2x.png) no-repeat; background-size:19px 22px;}
.app-start{ background:url(../../img/refactor/app-startbg@2x.png) center bottom no-repeat; background-size:12px 12px;}
.right-fixed a.fix-online{ background:url(../../img/refactor/right-fixbg@2x.png) 0px 0 no-repeat;background-size:152px 228px;}
.right-fixed a.fix-online:hover{ background-position:-76px 0;}
.right-fixed a.fix-chat{ background:url(../../img/refactor/right-fixbg@2x.png) 0px -76px no-repeat; background-size:152px 228px;}
.right-fixed a.fix-chat:hover{ background-position:-76px -76px;}
.right-fixed a.fix-backtop{ background:url(../../img/refactor/right-fixbg@2x.png) 0px -152px no-repeat; background-size:152px 228px;}
.right-fixed a.fix-backtop:hover{ background-position:-76px -152px;}
[class^="icon-logo-"], [class*="icon-logo-"]{ background:url(../../img/refactor/icon-logo@2x.png) no-repeat; background-size:1160px 426px;}
.icon-logo-01{ background-position:0 0;}
.icon-logo-02{ background-position:-116px 0;}
.icon-logo-03{ background-position:-232px 0;}
.icon-logo-04{ background-position:-348px 0;}
.icon-logo-05{ background-position:-464px 0;}
.icon-logo-06{ background-position:-580px 0;}
.icon-logo-07{ background-position:-696px 0;}
.icon-logo-08{ background-position:-812px 0;}
.icon-logo-09{ background-position:-928px 0;}
.icon-logo-10{ background-position:-1044px 0;}
.icon-logo-11{ background-position:0 -71px;}
.icon-logo-12{ background-position:-116px -71px;}
.icon-logo-13{ background-position:-232px -71px;}
.icon-logo-14{ background-position:-348px -71px;}
.icon-logo-15{ background-position:-464px -71px;}
.icon-logo-16{ background-position:-580px -71px;}
.icon-logo-17{ background-position:-696px -71px;}
.icon-logo-18{ background-position:-812px -71px;}
.icon-logo-19{ background-position:-928px -71px;}
.icon-logo-20{ background-position:-1044px -71px;}
.icon-logo-21{ background-position:0 -142px;}
.icon-logo-22{ background-position:-116px -142px;}
.icon-logo-23{ background-position:-232px -142px;}
.icon-logo-24{ background-position:-348px -142px;}
.icon-logo-25{ background-position:-464px -142px;}
.icon-logo-26{ background-position:-580px -142px;}
.icon-logo-27{ background-position:-696px -142px;}
.icon-logo-28{ background-position:-812px -142px;}
.icon-logo-29{ background-position:-928px -142px;}
.icon-logo-30{ background-position:-1044px -142px;}
ul.logo-list li a:hover .icon-logo-01{ background-position:0 -213px;}
ul.logo-list li a:hover .icon-logo-02{ background-position:-116px -213px;}
ul.logo-list li a:hover .icon-logo-03{ background-position:-232px -213px;}
ul.logo-list li a:hover .icon-logo-04{ background-position:-348px -213px;}
ul.logo-list li a:hover .icon-logo-05{ background-position:-464px -213px;}
ul.logo-list li a:hover .icon-logo-06{ background-position:-580px -213px;}
ul.logo-list li a:hover .icon-logo-07{ background-position:-696px -213px;}
ul.logo-list li a:hover .icon-logo-08{ background-position:-812px -213px;}
ul.logo-list li a:hover .icon-logo-09{ background-position:-928px -213px;}
ul.logo-list li a:hover .icon-logo-10{ background-position:-1044px -213px;}
ul.logo-list li a:hover .icon-logo-11{ background-position:0 -284px;}
ul.logo-list li a:hover .icon-logo-12{ background-position:-116px -284px;}
ul.logo-list li a:hover .icon-logo-13{ background-position:-232px -284px;}
ul.logo-list li a:hover .icon-logo-14{ background-position:-348px -284px;}
ul.logo-list li a:hover .icon-logo-15{ background-position:-464px -284px;}
ul.logo-list li a:hover .icon-logo-16{ background-position:-580px -284px;}
ul.logo-list li a:hover .icon-logo-17{ background-position:-696px -284px;}
ul.logo-list li a:hover .icon-logo-18{ background-position:-812px -284px;}
ul.logo-list li a:hover .icon-logo-19{ background-position:-928px -284px;}
ul.logo-list li a:hover .icon-logo-20{ background-position:-1044px -284px;}
ul.logo-list li a:hover .icon-logo-21{ background-position:0 -355px;}
ul.logo-list li a:hover .icon-logo-22{ background-position:-116px -355px;}
ul.logo-list li a:hover .icon-logo-23{ background-position:-232px -355px;}
ul.logo-list li a:hover .icon-logo-24{ background-position:-348px -355px;}
ul.logo-list li a:hover .icon-logo-25{ background-position:-464px -355px;}
ul.logo-list li a:hover .icon-logo-26{ background-position:-580px -355px;}
ul.logo-list li a:hover .icon-logo-27{ background-position:-696px -355px;}
ul.logo-list li a:hover .icon-logo-28{ background-position:-812px -355px;}
ul.logo-list li a:hover .icon-logo-29{ background-position:-928px -355px;}
ul.logo-list li a:hover .icon-logo-30{ background-position:-1044px -355px;}
dl.news-list dd .new-title a, dl.news-list dd .new-title span{ background:url(../../img/refactor/news-listddbg@2x.png) left 10px no-repeat; background-size:6px 6px;}
.sub-banner .news-banner{ background:url(../../img/refactor/sub-banner-newbg@2x.png) right center no-repeat; background-size:184px 144px;}
.sub-banner .news-banner.contact{ background-image:url(../../img/refactor/sub-banner-contactbg@2x.png); background-size:184px 144px;}
.sub-banner .news-banner.state{ background-image:url(../../img/refactor/sub-banner-statebg@2x.png); background-size:184px 144px;}
.sub-banner .news-banner.product{ background-image:url(../../img/refactor/sub-banner-productbg@2x.png); background-size:184px 144px;}
.sub-banner .news-banner.job{ background-image:url(../../img/refactor/sub-banner-jobbg@2x.png); background-size:184px 144px;}
.video-show{ background:url(../../img/refactor/loading@2x.png); background-size:112px 20px;}
.video-title > a{ background:url(../../img/refactor/video-arrowfoldbg@2x.png) 305px center no-repeat; background-size:14px 8px;}
.video-title.open > a{ background:url(../../img/refactor/video-arrowunfoldbg@2x.png) 305px center no-repeat #f3f3f3; background-size:14px 8px;}
a.index-video .index-videoplay{ background:url(../../img/refactor/index-videoplaybg@2x.png) 0 0 no-repeat; background-size:132px 66px;}
.scroll-down a.scroll-arrow{ background:url(../../img/refactor/scroll-arrowbg@2x.png) 0 0 no-repeat; background-size:20px 22px;}
.app-bottom{ background:url(../../img/refactor/app-bottombg@2x.png) center top no-repeat; background-size:6px 40px;}
#number{ background:url(../../img/refactor/regnumbg@2x.png) repeat-x; background-size:40px 60px;}
[class^="icon-nav-"], [class*="icon-nav-"]{ background:url(../../img/refactor/icon-nav@2x.png) no-repeat; background-size:20px 20px;}
.icon-nav-arrow{ background-position:0 0;}
.top.scroll .icon-nav-arrow{ background-position:0 -7px;}
.indexed-fixed a.indexed-bg{background:url(../../img/refactor/indexed@2x.png) no-repeat;background-size:213px 129px;}
.indexed .indexed_wrap{background:url(../../img/refactor/topbanner@2x.jpg) no-repeat top center;background-size:1920px 100px;}
/* .indexed .indexed_wrap .indexed_txt{background:url(../images/indexed-text@2x.png) no-repeat;background-size:669px 21px;}
.indexed a.indexed-a{ background:url(../images/indexed-a@2x.png) no-repeat;background-size:116px 65px;}
.indexed a.indexed-a:hover{ background-position:0 -33px; }
.indexed .indexed_wrap .indexed_value{background:url(../images/indexed-value@2x.png) no-repeat;background-size:690px 21px;}
.indexed a.indexed-b{ background:url(../images/indexed-b@2x.png) no-repeat;background-size:116px 65px;}
.indexed a.indexed-b:hover{ background-position:0 -33px; } */
.indexed a.indexed-topclose{ background:url(../../img/refactor/indexed-topclose@2x.png) no-repeat;background-size:26px 13px; }
.indexed a.indexed-topclose:hover{ background-position:-13px 0;}
/* add for 2016version by cyz */
[class^="icon-index-"], [class*="icon-index-"]{ background:url(../../img/refactor/icon-index@2x.png) no-repeat; background-size: 1040px 1070px;}
.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);}
.bannerwrap .banner01{ background: url(../../img/banner.png) top center no-repeat #1a222d; background-size: 1920px 620px;}
.bannerwrap .banner02{ background: url(../../img/banner2.png) top center no-repeat #856adb; background-size: 1920px 620px;}
.bannerwrap .banner03{ background: url(../../img/banner3.png) top center no-repeat #00b3ff; background-size: 1920px 620px;}
.bannerwrap .banner04{ background: url(../../img/refactor/banner-4@2x.png) top center no-repeat #1a1a1c; background-size: 1920px 620px;}
.bannerwrap .banner05{ background: url(../img/refactor/banner05@2x.jpg) top center no-repeat #0c4393; background-size: 1920px 620px;}
.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-bottom{ background:url(../../img/refactor/index-bottombg@2x.png) center top no-repeat #0daeff; background-size: 2880px 371px;}
/* support foot start */
[class^="icon-support-"], [class*="icon-support-"]{ background:url(../../img/refactor/icon-support.png) no-repeat; background-size: 800px 609px;}
.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;}
}
/* 响应 1920-2880 */
@media (min-width: 1921px) and (max-width: 2880px){
.top .cont{ margin:0 auto; width:1920px;}
.top.scroll .cont{ margin:0 auto; width:100%;}
}
/* 响应 pad 770-1000 */
@media (min-width: 770px) and (max-width: 1000px){
.section{ width:770px;}
ul.nav input[type="text"]{ width:160px;}
ul.logo-list{ width:660px;}
ul.logo-list li{ margin:0 0 25px 25px;}
ul.item-list{ width:770px;}
ul.item-list li{ margin:0 30px;}
ul.down-list{ width:770px;}
ul.down-list li{ margin:0 0 0 38px;}
ul.foot-list{ width:770px;}
ul.foot-list li{margin:0 0 0 56px;}
.copyright{ width:770px;}
.sub-banner .news-banner{ margin:0 auto; width:770px; height:210px;}
.sub-banner .news-banner h2{ margin:40px 0 0 0; font-size:44px; font-weight:normal;}
.sub-banner .news-banner h4{ margin:0; font-size:20px; font-weight:normal;}
ul.contact-list{ width:310px;}
.video-show{ width:510px; height:370px;}
.video-oper{ width:259px; height:368px;}
ul.video-list{ max-height:249px;}
.video-title > a{ background-position:225px center;}
.video-title.open > a{ background-position:225px center;}
.tattle-year{ margin-left:0; padding-left:30px;}
ul.tattle-list{ padding:0 0 0 30px;}
ul.tattle-list li{ width:310px;}
.top.scroll ul.nav input[type="text"]{ display:none;}
}
/* 响应 mobi 300-769 */
@media (min-width: 300px) and (max-width: 769px){
.section{ width:320px;}
.top { position:fixed; background:#fff; background:rgba(255,255,255,0.9); min-height:52px; border-bottom:1px solid #eee;}
.top .logo{ background-position:0 -34px; margin:7px 0 0;}
.indexed, .indexed-fixed, .fix-QRcode{ display:none!important;}
ul.nav, .top.scroll ul.nav{ position:absolute; top:50px; left:0; margin:0; padding:10px 0; border-top:1px solid #ccc; width:100%; float:none; background:rgba(255,255,255,0.97); display:none;}
ul.nav li{ float:none; width:100%;}
ul.nav li > a, ul.nav a.toplogin, ul.nav a.toplogin:hover, .top.scroll ul.nav a.toplogin, .top.scroll ul.nav a.toplogin:hover, ul.nav li > a, ul.nav a.topreg, ul.nav a.topreg:hover, .top.scroll ul.nav a.topreg, .top.scroll ul.nav a.topreg:hover{ color:#5d646f!important; border:none 0; background:none; margin:0; padding:0; line-height:inherit; width:auto; height:auto; text-align:left; padding:5px 15px; display:block; float:none; font-size:16px;}
ul.nav li > a:hover, ul.nav a.toplogin:hover, .top.scroll ul.nav a.toplogin:hover, ul.nav a.topreg:hover, .top.scroll ul.nav a.topreg:hover{ color:#29e!important;}
.top.scroll ul.nav .subnav{ background:none; padding:0 0 0 20px; box-shadow:none; line-height:1.8em; font-size:16px;}
ul.nav li > a.addvalue:hover{ color:#666!important;}
ul.nav .subnav.static a{ padding:1px 12px 2px; color:#666; font-size:16px;}
ul.nav .subnav.static a:hover{ color:#29e;}
.icon-nav-arrow{ display:none;}
.top.scroll ul.nav input[type="text"]{ display:none;}
.top a.mobi-menu{ display:inline-block;}
.app-mainline{ font-size:36px; margin:50px 0 30px;}
.app-mainline span{ display:block;}
ul.logo-list{ width:320px;}
ul.item-list{ width:320px; margin:20px auto 50px; line-height:2;}
ul.item-list li{ margin:0 15px; width:130px;}
ul.item-list li a{ display:block; margin:30px 0 0;}
ul.down-list{ width:320px; margin:10px auto 0;}
ul.down-list li{ margin:20px 0 0 21px;}
.down-title{ margin:50px 0 0;}
.down-tip{ margin:30px 12px 50px;}
.index-bottom .bottom-title{ font-size:28px;}
ul.foot-list{ width:320px; margin-top:10px;}
ul.foot-list li{margin:0 0 0 30px;}
ul.foot-list li .title{ margin-top:40px;}
.copyright{ width:320px;}
.banner{ top:56%; width:320px; margin:-210px 0 0 -160px;}
.banner h1.slogan span{ display:block; font-size:50px;}
.banner .slogan-small{ margin:20px 0 0;}
a.index-video{ width:140px; height:79px; background-size:140px 79px; margin:10px auto 0;}
a.index-video:hover{we background-size:140px 79px;}
a.index-video .index-videoplay{ margin:24px 0 0; width:33px; height:33px; background-size:66px 33px;}
a.index-video:hover .index-videoplay{ background-position:-33px 0;}
.reghead{ width:300px; margin:20px auto 0;}
.reghead input[type="text"]{ display:block; width:270px;}
.reghead a{ display:block; width:300px; margin:20px 0 0;}
.reghead a:hover .free{ display:none;}
.scroll-down{ bottom:5px;}
ul.app-list{ width:300px;}
ul.app-list li a{ width:129px; height:225px;}
ul.app-list li a [class^="icon-app-"], ul.app-list li a [class*="icon-app-"]{ display:block; margin:15px auto 0; float:none;}
ul.app-list li .app-intro{ margin:15px;}
ul.app-list li .app-title{ text-align:center;}
.regnum em{ display:block;}
.sub-banner .news-banner{ background-size:130px auto; width:320px; height:160px;}
.sub-banner .news-banner.contact{ background-size:130px auto;}
.sub-banner .news-banner.job{ background-size:130px auto;}
.sub-banner .news-banner.product{ background-size:130px auto;}
.sub-banner .news-banner.state{ background-size:130px auto;}
.sub-banner .news-banner h2{ margin:40px 0 0 0; font-size:24px; font-weight:normal;}
.sub-banner .news-banner h4{ font-size:16px; font-weight:normal;}
.video-show{ width:320px; height:232px;}
.video-oper{ width:320px; height:auto; border:none;}
ul.video-list{ max-height:auto;}
.video-title > a{ background-position:295px center;}
.video-title.open > a{ background-position:295px center;}
ul.invite-list{ width:320px;}
ul.invite-list li{ padding:0;}
ul.invite-list textarea{ width:298px;}
ul.invite-list input{ width:298px; padding:5px 10px;}
ul.invite-list .invite-left{ float:none; text-align:left; line-height:36px; margin:10px 0 0;}
ul.invite-list .invite-right{ margin-left:0;}
ul.invite-list input.authcode{ width:110px;}
ul.invite-list img{ height:40px; vertical-align:-14px;}
ul.invite-list a.invite-btn{ width:320px; margin:20px 0 0;}
dl.news-list dd{ margin-left:60px;}
dl.news-list dd .new-title a{ padding-left:20px;}
dl.news-list dd .new-text{ margin-left:16px;}
dl.news-list dd .new-date{ margin-left:16px;}
dl.news-list.onlytitle dd{ margin-left:60px;}
dl.news-list.onlytitle dd .new-title a, dl.news-list.onlytitle dd .new-title span{ padding-left:20px;}
ul.contact-list{ margin-bottom:0; width:310px;}
.tattle-year{ margin-left:0; padding-left:0;}
ul.tattle-list{ padding-left:0;}
ul.tattle-list li{ width:270px;}
.phonenone{ display:none;}
.video-cover{ opacity:1; background:url(../img/refactor/banner.jpg) no-repeat;}
.index-bottom{ height:300px; background-size:auto 300px;}
.index-bottom .bottom-title{ margin:90px 0 30px;}
#largeScreen{ display:none;}
#smallScreen{ display:block;}
}
/* banner响应横屏 mobi 320-769 */
@media (max-height: 320px) and (max-width: 770px){
.banner{ width:480px; margin:-85px 0 0 -240px;}
.banner h1.slogan{ line-height:1.2; font-size:40px; margin-top:0;}
.banner h1.slogan span{ display:inline-block;}
.banner .slogan-small{ margin:0;}
.reghead{ width:480px; margin:8px auto 0;}
.reghead input[type="text"]{ display:inline-block; width:295px;}
.reghead a{ display:inline-block; width:130px; margin:0 0 0 20px;}
a.index-video{ margin-top:0; top:43%;}
.scroll-down{ bottom:0;}
.scroll-down .scroll-arrow{ margin:5px 0 0;}
.indexed, .indexed-fixed, .fix-QRcode{ display:none!important;}
#largeScreen{ display:none;}
#smallScreen{ display:block;}
}
@media (min-width: 1920px){
.indexed{width:1920px; position:relative;}
}