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

[class^="icon-index-"], [class*="icon-index-"]{ background:url(https://s.e7wei.com/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;}
a.hover .icon-index-navarrow{ background-position: -264px -135px; background-position: -264px -158px\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;}

.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:#f7f7f7;}
.reghead{ width:580px; height:46px; z-index:998; position: absolute; top: 480px; left: 50%;border: 1px solid #f4f4f4; border-radius: 25px; background: #fff;}
.reghead input[type="text"]{ background:#fff; padding:0 15px; width:395px; height:46px; line-height:46px; font-size:16px; border:none 0; float:left; font-family:microsoft yahei; border-radius:2px;}
.reghead input[type="text"]:focus {outline: none;} 
.reghead a{ background:#29e; display:inline-block; margin:0 0 0 10px; 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{ 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;}
.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(https://s.e7wei.com/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(https://s.e7wei.com/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(https://s.e7wei.com/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(https://s.e7wei.com/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(https://s.e7wei.com/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(https://s.e7wei.com/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(https://s.e7wei.com/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;}

.sub-content{ margin:10px 0 0; min-height:280px;}
.sub-banner{ margin:51px 0 0; background:#29e;}
.sub-banner .news-banner{ background:url(https://s.e7wei.com/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(https://s.e7wei.com/sub-banner-contactbg.png);}
.sub-banner .news-banner.state{ background-image:url(https://s.e7wei.com/sub-banner-statebg.png);}
.sub-banner .news-banner.product{ background-image:url(https://s.e7wei.com/sub-banner-productbg.png);}
.sub-banner .news-banner.job{ background-image:url(https://s.e7wei.com/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(https://s.e7wei.com/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.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(https://s.e7wei.com/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(https://s.e7wei.com/video-arrowfoldbg.png) 305px center no-repeat; padding:5px 0 5px 20px; color:#333; min-height:29px;}
.video-title.open > a{ background:url(https://s.e7wei.com/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 #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; opacity:0.9;z-index:99; filter:alpha(opacity=90);}
.right-fixed a.fix-online{ background:url(https://s.e7wei.com/right-fixbg870c.png?v=20121211) -48px 0 no-repeat; width:48px; height:48px; display:block;}
.right-fixed a.fix-online:hover{ background-position:0 0;}
.right-fixed a.fix-backtop{ background:url(https://s.e7wei.com/right-fixbg870c.png?v=20121211) -48px -48px no-repeat; width:48px; height:48px; display:block; margin:1px 0 0;}
.right-fixed a.fix-backtop:hover{ background-position:0 -48px;}
.right-fixed a.fix-QRcode{ background:url(https://s.e7wei.com/right-fixbg870c.png?v=20121211) -48px -96px no-repeat; width:48px; height:48px; display:block; margin:1px 0 0;}
.right-fixed a.fix-QRcode:hover{ background-position:0 -96px;}
.downQRcode{ position:absolute; top:-44px; right:69px; background:#fff; width:144px; height:190px; text-align:center; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.1); display:none;}
.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;}

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{ min-width: 1000px;}
.casewrap .caseitem{ background: #f7f7f7; width: 20%; float: left; position: relative; display: block; color: #fff; overflow: hidden; *text-decoration:none; *cursor:pointer;}
.casewrap .caseitem img{ width: 100%; display: block;}
.casewrap .caseitem .caseintro{ margin:-40px 0 0; height: 100%;  position: absolute;  right: 0; top: 100%; left: 0; box-sizing:border-box; transition:top 0.3s ease 0.1s; z-index:1;}
.casewrap .caseitem.hover .caseintro{ top:80px; *top:50px;}
.casewrap .caseitem .introtitle{ height: 40px; line-height: 40px; font-size: 16px; font-size:16px\9; *font-size:14px; text-align: center;}
.casewrap .caseitem .introtext{ padding:0 20px; *font-size:12px;}
.casewrap .caseitem .casebg{ background:#000; opacity:0.6; filter:alpha(opacity=60); margin:-40px 0 0; height: 100%;  position: absolute;  right: 0; top: 100%; left: 0; box-sizing:border-box; transition:top 0.3s ease 0.1s;}
.casewrap .caseitem.hover .casebg{ top:40px;}
.newdowntitle{ padding: 100px 0 0; font-size: 38px; text-align: center;}

.appwrap{ margin: 0 auto; width: 1360px; height: 710px; position: relative;}
.appwrap .pagespcbg{ background: url(https://s.e7wei.com/pagespcbg.png); width: 936px; height: 512px; position: absolute; top: 66px; left: 0;}
#secondSlide.appwrap .pagespcbg{ left: 370px;}
.appwrap .pagesmobibg{ background: url(https://s.e7wei.com/pagesmobibg.png); width: 238px; height: 434px; position: absolute; top: 166px; left: 740px; z-index: 1;}
#secondSlide.appwrap .pagesmobibg{ left: 1110px;}
.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:117px; left: 644px; 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(../../../index.html)  no-repeat;}
.section-focus-pic .controler2 .prev{left: -80px;}
.section-focus-pic .controler2 .prev i{ background-position: -252px 0;}
.section-focus-pic .controler2 .next{right:-100px;}
.section-focus-pic .controler2 .next i{ background-position: -287px 0;}
ul.newdown-list{ margin: 0 auto; padding: 70px 0 90px; list-style: none; width: 1080px;}
ul.newdown-list li{ width: 180px; float: left; text-align: center;}
ul.newdown-list li.scandown{ width: 360px; margin: -15px 0 0;}
ul.newdown-list li a{ color: #333;}
ul.newdown-list li a:hover{ color: #29e; text-decoration: none;}
ul.newdown-list li a div{ margin: 5px 0 0; font-size: 16px;}
a.bannerplay{ display:block; width:56px; height:56px; margin:40px auto 0; text-align:center;}
.togglelist{ width: 200px; margin-left: -100px; text-align: center; position: absolute; left: 50%; bottom: 20px; z-index: 998;}
.togglelist a{ margin: 0 3px;}
.bannerwrap{ margin: 0 auto; min-width: 1000px; max-width: 1920px; height: 760px; position: relative;}
.bannerwrap .bannerlist{ height: 760px; position: relative;}
.bannerwrap .bannersrc{ width: 100%; height: 760px; position: absolute; top: 0; opacity:0; filter:alpha(opacity=0);}
.bannerwrap .banner01{ background: url(https://s.e7wei.com/banner01.jpg) top center no-repeat #1a222d;}
.bannerwrap .banner02{ background: url(https://s.e7wei.com/banner02.jpg) top center no-repeat #856adb;}
.bannerwrap .banner03{ background: url(https://s.e7wei.com/banner03.jpg) top center no-repeat #00b3ff;}
.bannerwrap .banner04{ background: url(https://s.e7wei.com/banner04.jpg) top center no-repeat #1a1a1c;}
.bannerwrap .banner05{ background: url(https://s.e7wei.com/banner05.jpg) top center no-repeat #0c4393;}
.bannerwrap .qyqintro{ width: 600px; height: 360px; position: absolute; top: 162px; left: 50%; margin-left: -300px; color: #fff; text-align: center;}
.bannerwrap .qyqintro .title{ font-size: 56px; letter-spacing: 6px;}
.bannerwrap .qyqintro .tip{ margin: 10px 0 0; font-size: 24px;}
.bannerwrap .qyqintro a.into{ background: #00aaff; margin: 40px 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: #29e; color: #fff; text-decoration: none;}
.bannerwrap .xyintro{ width: 800px; height: 360px; position: absolute; top: 136px; left: 50%; margin-left: -400px; color: #fff; text-align: center;}
.bannerwrap .xyintro .title{ font-size: 56px;}
.bannerwrap .xyintro .tip{ margin: 0; font-size: 24px; letter-spacing: 2px;}
.bannerwrap .xyintro .xyimg{ width: 96px; height: 95px; position: absolute; top:-60px; right: -8px;}
.bannerwrap .xyintro .xyimg img{ width: 100%;}
.bannerwrap .xyintro .tostudy{ background:#ffa13c; margin: 20px 0 0; display: inline-block; width: 200px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; border-radius: 2px;}
.bannerwrap .xyintro .tostudy:hover{ background:#ed7d45; 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: 680px; height: 240px; position: absolute; top: 200px; left:50%; margin-left: -3px; color: #fff;}
.bannerwrap .appintro .version{ font-size: 48px;}
.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: 410px; left: 48%;}
.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;}

/* retina兼容 */
@media only screen and (-webkit-min-device-pixel-ratio :1.5),(min-resolution:120dpi),(-ms-high-contrast:active),(-ms-high-contrast:none){
ul.app-list li .app-point{ background:url(https://s.e7wei.com/app-pointbg%402x.png) 0 0 no-repeat; background-size:27px 56px;}

[class^="icon-item-"], [class*="icon-item-"]{ background:url(https://s.e7wei.com/icon-item%402x.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(https://s.e7wei.com/icon-app%402x.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(https://s.e7wei.com/icon-down%402x.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(https://s.e7wei.com/toggle-arrowbg%402x.png) no-repeat; background-size:19px 22px;}
.app-start{ background:url(https://s.e7wei.com/app-startbg%402x.png) center bottom no-repeat; background-size:12px 12px;}
.right-fixed a.fix-online{ background:url(https://s.e7wei.com/right-fixbg%402x870c.png?v=20121211) -48px 0 no-repeat; background-size:96px 144px;}
.right-fixed a.fix-online:hover{ background-position:0 0;}
.right-fixed a.fix-backtop{ background:url(https://s.e7wei.com/right-fixbg%402x870c.png?v=20121211) -48px -48px no-repeat; background-size:96px 144px;}
.right-fixed a.fix-backtop:hover{ background-position:0 -48px;}
.right-fixed a.fix-QRcode{ background:url(https://s.e7wei.com/right-fixbg%402x870c.png?v=20121211) -48px -96px no-repeat; background-size:96px 144px;}
.right-fixed a.fix-QRcode:hover{ background-position:0 -96px;}
[class^="icon-logo-"], [class*="icon-logo-"]{ background:url(https://s.e7wei.com/90123AKY3XW5D8C.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{ cursor: pointer; }
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-nav-"], [class*="icon-nav-"]{ background:url(https://s.e7wei.com/icon-nav%402x.png) no-repeat; background-size:20px 20px;}
.icon-nav-arrow{ background-position:0 0;}
.indexad-fixed a.indexad-bg{background:url(https://s.e7wei.com/indexad%402xcddb.png?v=20151112) no-repeat;background-size:213px 129px;}

.indexad .indexad_wrap .indexad_txt{background:url(https://s.e7wei.com/indexad-text%402xc6ca.png?v=20160517) no-repeat;background-size:669px 21px;}
.indexad a.indexad-a{ background:url(https://s.e7wei.com/indexad-a%402xc6ca.png?v=20160517) no-repeat;background-size:116px 65px;}
.indexad a.indexad-a:hover{ background-position:0 -33px; }

.indexad .indexad_wrap .indexad_value{background:url(https://s.e7wei.com/indexad-value%402xc6ca.png?v=20160517) no-repeat;background-size:690px 21px;}
.indexad a.indexad-b{ background:url(https://s.e7wei.com/indexad-b%402xc6ca.png?v=20160517) no-repeat;background-size:116px 65px;}
.indexad a.indexad-b:hover{ background-position:0 -33px; }
.indexad a.indexad-topclose{ background:url(https://s.e7wei.com/indexad-topclose%402x.png) no-repeat;background-size:26px 13px; }
.indexad a.indexad-topclose:hover{ background-position:-13px 0;}
/* add for 2016version by cyz */
[class^="icon-index-"], [class*="icon-index-"]{ background:url(https://s.e7wei.com/icon-index%402x.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;}
a.hover .icon-index-navarrow{ background-position: -264px -135px; background-position: -264px -158px\9; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.bannerwrap .banner01{ background: url(https://s.e7wei.com/banner01%402x.jpg) top center no-repeat #1a222d; background-size: 1920px 760px;}
.bannerwrap .banner02{ background: url(https://s.e7wei.com/banner02%402x.jpg) top center no-repeat #856adb; background-size: 1920px 760px;}
.bannerwrap .banner03{ background: url(https://s.e7wei.com/banner03%402x.jpg) top center no-repeat #00b3ff; background-size: 1920px 760px;}
.bannerwrap .banner04{ background: url(https://s.e7wei.com/banner04%402x.jpg) top center no-repeat #1a1a1c; background-size: 1920px 760px;}
.bannerwrap .banner05{ background: url(https://s.e7wei.com/banner05%402x.jpg) top center no-repeat #0c4393; background-size: 1920px 760px;}
.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(https://s.e7wei.com/120201456T34HA32.png) center top no-repeat #0daeff; background-size: 2880px 371px;}
}


/* 响应 1920-2880 */
@media (min-width: 1921px) and (max-width: 2880px){
.casewrap .caseitem.hover .caseintro{ top:120px;}
}
/* 响应 pad 1681-1920 */
@media (min-width: 1681px) and (max-width: 1920px){

}
/* 响应 pad 1361-1680 */
@media (min-width: 1367px) and (max-width: 1680px){
.casewrap .caseitem.hover .caseintro{ top:60px;}
}
/* 响应 pad 1000-1360 */
@media (min-width: 1201px) and (max-width: 1366px){
.casewrap .caseitem .introtitle{ font-size:14px;}
.casewrap .caseitem .introtext{ font-size:12px;}
.casewrap .caseitem .caseintro{ margin-top:-40px;}
.casewrap .caseitem.hover .caseintro{ top:55px;}
}
/* for 1000- 1280*/
@media only screen and (max-width: 1200px){
.casewrap .caseitem .introtitle{ font-size:14px;}
.casewrap .caseitem .introtext{ font-size:12px;}
.casewrap .caseitem .caseintro{ margin-top:-30px;}
.casewrap .caseitem.hover .caseintro{ top:30px;}
.casewrap .caseitem .introtitle{ height:30px; line-height:30px;}
.casewrap .caseitem .introtext{ padding:0 10px; line-height:1.4;}
.casewrap .caseitem .casebg{ margin-top:-30px;}
.casewrap .caseitem.hover .casebg{ top:30px;}
}
/* 响应 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;}
}

/* 响应 mobi 300-769 */
@media (min-width: 300px) and (max-width: 769px){
.section{ width:320px;}
.indexad, .indexad-fixed, .fix-QRcode{ display:none!important;}
.icon-nav-arrow{ display:none;}
.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{ 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(https://s.e7wei.com/banner.jpg) no-repeat;}
.index-bottom{ height:300px; background-size:auto 300px;}
.index-bottom .bottom-title{ margin:90px 0 30px;}
}

/* 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;}
.indexad, .indexad-fixed, .fix-QRcode{ display:none!important;}
}