.clearfix:after{ content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
input[type="text"]::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
input:-ms-input-placeholder{color:#aaa;}
input[type="checkbox"], input[type="radio"]{ vertical-align:-2px;}
.blod{ font-weight:bold;}
.tblue{ color:#29e;}
[class^="icon-app-"], [class*="icon-app-"]{ background:url(../images/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(../images/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;}
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;}
[class^="icon-item-"], [class*="icon-item-"]{ background:url(../images/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(../images/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(../images/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(../images/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;}

.top{ width:100%; position:absolute; top:0; left:0; right:0; z-index:999;}
.top a{ color:#fff;}
.top .cont{ margin:0 auto; width:90%;}
.top .logo{ background:url(../images/logo.png) no-repeat; margin:60px 0 0; width:145px; 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(../images/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;}
.indexad{ background:url(../images/indexad-bg.png) repeat; height:50px; line-height:50px; color:#fff; text-align:center; position:absolute; top:0; right:0; left:0; z-index:1000;}
.indexad .indexad_wrap{height:50px;width:527px;margin:0px auto;}
.indexad .indexad_wrap .indexad_txt{background:url(../images/indexad-text.png?v=20160321) no-repeat;float:left; width:394px;height:21px;  display:inline-block;margin:14px 0 0;}
.indexad a.indexad-a{ background:url(../images/indexad-a.png?v=20160126) no-repeat;float:right; width:116px; height:32px; line-height:32px; font-size:16px; color:#fff; display:inline-block; margin:9px 0 0 10px;}
.indexad a.indexad-a:hover{ background-position:0 -33px; text-decoration:none;}
.indexad a.indexad-topclose{ background:url(../images/indexad-topclose.png) no-repeat; float:right; width:13px; height:13px; font-size:0; line-height:0; margin:20px 20px 0 0;}
.indexad a.indexad-topclose:hover{ background-position:-13px 0;}
.indexad > img{ display:inline-block; vertical-align:middle;}
.indexad-fixed{ width:289px; height:129px; position:fixed; right:30px; bottom:240px;}
.indexad-fixed a.indexad-close{ position:absolute; top:-8px; right:6px;}
.indexad-fixed a.indexad-bg{background:url(../images/indexad.png?v=20151112) no-repeat;float:right;background-size:213px 129px;display: inline-block;width:213px;height:129px;}


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.topreg{ 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.topreg:hover{ text-decoration:none; background:#00a8ff;}
ul.nav a.topreg:active{ text-decoration:none; background:#07c; box-shadow:1px 2px 3px #0069b3 inset;}
ul.nav a.toplogin{ 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.toplogin: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; top:-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; top:0; display:block;}
ul.nav .subnav.static a{ padding:1px 12px 2px; color:#666; display:block;}
ul.nav .subnav.static a:hover{ color:#29e;}
.top.scroll{ position:fixed; background:#fff; background:rgba(255,255,255,0.97); min-height:52px; border-bottom:1px solid #ddd;}
.top.scroll a{ color:#666;}
.top.scroll .logo{ background-position:0 -34px; margin:7px 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 #E0DFDF; border:1px solid #E0DFDF\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:#fff; position:relative; overflow:hidden;}
.index-content.graybg{ background:#f2f4f5;}
.reghead{ width:640px; height:46px; margin:68px auto 0; z-index:998;}
.reghead input[type="text"]{ background:#fff; padding:0 15px; width:440px; height:46px; line-height:46px; font-size:16px; border:none 0; float:left; font-family:microsoft yahei; border-radius:2px;}
.reghead a{ background:#29e; display:inline-block; margin:0 0 0 10px; width:160px; 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{ margin:0 auto; width:700px; text-align:center; overflow:hidden; position:absolute; top:50%; 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(../images/index-videobg.png) no-repeat; width:280px; height:158px; margin:40px auto 0; text-align:center;}
a.index-video:hover{ background:url(../images/index-videobg-hover.png);}
a.index-video .index-videoplay{ background:url(../images/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(../images/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;}
.scroll-down a.scroll-arrow{ background:url(../images/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:60px 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(../images/app-startbg.png) center bottom no-repeat; padding:0 0 20px; height:130px; text-align:center; font-size:24px; line-height:1.8;}
.app-bottom{ background:url(../images/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{ 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:100px auto; padding:0; list-style:none; width:960px; font-size:18px; 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:130px;}
ul.item-list a{ color:#0c0c0d;}
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;}
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(../images/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 #E0DFDF; 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(../images/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:0 0 50px; text-align:center; font-size:38px;}
.regnum  > span{ display:inline-block;}
.regnum .num-wrap{ vertical-align:-15px;}
#number{ background:url(../images/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:40px auto; padding:0; list-style:none; width:940px;}
ul.logo-list li{ float:left; margin:0 0 25px 15px; width:136px; text-align:center;}
ul.logo-list li a{ display:block; opacity:0.8; filter:alpha(opacity=80);}
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(../images/index-bottombg.jpg) center top no-repeat; 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; list-style:none; width:960px;}
ul.foot-list li{ float:left; margin:0 0 0 95px; line-height:2; width:130px;}
ul.foot-list li .title{ margin:0 0 5px; font-size:18px;}
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:60px auto 20px; width:1000px; text-align:center; color:#666;} 
.copyright a{ color:#666;}
.copyright a:hover{ color:#29e;}
.sub-content{ margin:10px 0 0; min-height:280px;}
.sub-banner{ margin:52px 0 0; background:#29e;}
.sub-banner .news-banner{ background:url(../images/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(../images/sub-banner-contactbg.png);}
.sub-banner .news-banner.state{ background-image:url(../images/sub-banner-statebg.png);}
.sub-banner .news-banner.product{ background-image:url(../images/sub-banner-productbg.png);}
.sub-banner .news-banner.job{ background-image:url(../images/sub-banner-jobbg.png);}
.sub-banner h2{ margin:40px 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;}
.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 #E0DFDF;}
.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 #E0DFDF; 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:"宋体"; 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(../images/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 #E0DFDF; 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 #E0DFDF; 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 #E0DFDF; 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.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(../images/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(../images/video-arrowfoldbg.png) 305px center no-repeat; padding:5px 0 5px 20px; color:#333; min-height:29px;}
.video-title.open > a{ background:url(../images/video-arrowunfoldbg.png) 305px center no-repeat #f3f3f3;}
.video-title > a:hover{ text-decoration:none;}
ul.video-list{ margin:0; padding:0; list-style:none; font-size:12px; max-height:360px; 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 #E0DFDF; 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;}



#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;}