global.css 66 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758
  1. @charset "utf-8";
  2. /*Reset 样式初始化*/
  3. html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
  4. br, input, button, textarea, h1, h2, h3, h4, h5,em{
  5. padding: 0;
  6. margin: 0;
  7. font-weight: normal;
  8. font-style: normal;
  9. font-size: 12px;
  10. font-family:"微软雅黑","Tahoma";
  11. vertical-align: baseline;
  12. text-align:justify;
  13. word-wrap:break-word;
  14. text-justify:inter-ideograph
  15. }
  16. body{text-align:center}
  17. ul, ol, li, h1 {
  18. line-height:normal;
  19. list-style-image:none;
  20. list-style-position:outside;
  21. list-style-type:none
  22. }
  23. dl {
  24. margin:0
  25. }
  26. dd {
  27. margin-left:0
  28. }
  29. a {
  30. outline:none;
  31. }
  32. a img {
  33. border:0 none
  34. }
  35. img {
  36. vertical-align:middle;
  37. border:0px
  38. }
  39. table {
  40. border-collapse:collapse
  41. }
  42. .clearfix:after {
  43. content:".";
  44. display:block;
  45. height:0;
  46. clear:both;
  47. visibility:hidden
  48. }
  49. .clearfix {
  50. display:inline-block;
  51. overflow:hidden
  52. }
  53. .clearfix {
  54. display:block
  55. }
  56. body {color:#666}
  57. a {color:#1570A6;text-decoration:none}
  58. a:hover {color:#083047;text-decoration:underline}
  59. .width1020{width:1020px;margin:0 auto}
  60. .width1060{width:1020px;margin:0 auto;background:#fff;padding:0 20px 20px 20px}
  61. /**/
  62. .clearB {clear:both}
  63. .fL {float:left}
  64. .fR {float:right}
  65. :link, *:visited, *:hover, *:active, *:focus {
  66. -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  67. -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  68. transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  69. -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  70. }
  71. .colRed {color:#f70000}
  72. .colOrange {color:#ed8b00}
  73. .colYel {color:#d9a601}
  74. .colGreen{color:#17ab0c}
  75. .colGray{color:#999}
  76. .colBlue{color:#3172d9}
  77. .colKoi{color:#E36335}
  78. .hide {display:none}
  79. /*scroll*/
  80. .scrollgeneric {
  81. line-height:1px;
  82. font-size:1px;
  83. position:absolute;
  84. top:0;
  85. left:0
  86. }
  87. .vscrollerbase {
  88. width:10px;
  89. background-color:#eee;
  90. }
  91. .vscrollerbar {
  92. width:10px;
  93. background-color:#5da6d9
  94. }
  95. .hscrollerbase {
  96. height:10px;
  97. background-color:#eee;
  98. z-index:99;
  99. }
  100. .hscrollerbar {
  101. height:10px;
  102. background-color:#5da6d9;
  103. }
  104. .scrollerjogbox {
  105. width:10px;
  106. height:10px;
  107. top:auto;
  108. left:auto;
  109. bottom:0;
  110. right:0;
  111. background-color:#eee;
  112. }
  113. .vscrollerbar, .hscrollerbar{padding:1px}
  114. /*头部*/
  115. .wrapHeader{
  116. background:#eef2f5;
  117. height:48px
  118. }
  119. .mainLogo {
  120. width:291px;
  121. height:47px;
  122. background:url(scIcons.png) no-repeat 0 0
  123. }
  124. .mainNav li{
  125. float:left;
  126. margin-left:1px
  127. }
  128. .mainNav li a{
  129. padding:0 20px;
  130. height:48px;
  131. display:inline-block;
  132. *dislpay:inline;
  133. zoom:1;
  134. line-height:48px;
  135. text-align:center;
  136. color:#666666
  137. }
  138. .mainNav li a:hover{
  139. background:#f8f9fb;
  140. font-size:12px
  141. }
  142. .mainNav li a.now{
  143. background:#fff;
  144. font-size:12px;
  145. font-weight: 600
  146. }
  147. .mainNav li a.now:hover{
  148. cursor: default;
  149. }
  150. .mainNav li.search {
  151. position: relative;
  152. }
  153. .mainNav li.search .topSerach{
  154. position: absolute;
  155. right:-3px;
  156. z-index: 999;
  157. background:#FFFFFF;
  158. border:3px solid #333333;
  159. border-top:none;
  160. padding:10px;
  161. width:200px;
  162. display:none
  163. }
  164. li.search .topSerach input.serachInput{
  165. width:135px;
  166. padding:0 5px;
  167. height:20px;
  168. border:1px solid #333;
  169. }
  170. li.search .topSerach input[type=submit]{
  171. width:53px;
  172. text-align: center;
  173. background-color: #333;
  174. color:#fff;
  175. border:none;
  176. height:22px;
  177. float:right;
  178. }
  179. li.search .topSerach input[type=submit]:hover{
  180. background-color: #000
  181. }
  182. li.search .topSerach input[type=submit]:active{
  183. background-color: #666
  184. }
  185. /**/
  186. .wrapContent{
  187. background:url(contentBg-index.jpg) no-repeat center top;
  188. border-top:3px solid #333333
  189. }
  190. .pageTitle {
  191. margin:45px auto 45px;
  192. color:#fff;
  193. position:relative
  194. }
  195. .pageTitle h1 {
  196. font-size:38px;
  197. padding:15px 10px;
  198. float:left;
  199. background:url(titleBg-gray.png) repeat
  200. }
  201. .pageTitle h2 {
  202. font-size:18px;
  203. padding:8px 10px;
  204. background:url(titleBg-black.png) repeat;
  205. color:#fff;
  206. float:left;
  207. margin:0 0 1px 0
  208. }
  209. .productBg{
  210. border-color:#ff6501;
  211. background-image: url(contentBg-product.jpg);
  212. }
  213. .productBg .pageTitle h1{
  214. background:url(titleBg-orange.png) repeat
  215. }
  216. .aboutUsBg{
  217. border-color:#b2005e;
  218. background-image: url(contentBg-aboutUs.jpg);
  219. }
  220. .aboutUsBg .pageTitle h1{
  221. background:url(titleBg-pink.png) repeat
  222. }
  223. .trainBg{
  224. border-color:#2daebf;
  225. background-image: url(contentBg-train.jpg);
  226. }
  227. .trainBg .pageTitle h1{
  228. background:url(titleBg-green.png) repeat
  229. }
  230. .contactBg{
  231. border-color:#f8b62a;
  232. /*background-image: url(contentBg-contact.jpg);*/
  233. }
  234. .contactBg .pageTitle h1{
  235. background:url(titleBg-yellow.png) repeat
  236. }
  237. .newsBg{
  238. border-color:#12629c;
  239. background: url(contentBg-index.jpg) no-repeat center top;
  240. }
  241. .newsBg .pageTitle h1{
  242. background:url(titleBg-blue.png) repeat
  243. }
  244. .wrapFooter {
  245. background:#f8f8f8;
  246. }
  247. .contentBottom {
  248. background:#4d4d4d;
  249. width:1060px;
  250. margin:0 auto;
  251. position:relative
  252. }
  253. .contentBottom .indexNewsList{
  254. width:480px;
  255. margin:15px
  256. }
  257. .contentBottom .indexNewsList dt{
  258. font-size:14px;
  259. font-weight:600;
  260. color:#999
  261. }
  262. .contentBottom .indexNewsList dd{
  263. margin:0 0 3px 0
  264. }
  265. .contentBottom .indexNewsList dd span{
  266. color:#999;
  267. margin:0 0 0 10px
  268. }
  269. .contentBottom .indexNewsList a{
  270. color:#fff
  271. }
  272. .contentBottom .indexNewsList a:hover{
  273. text-decoration:underline;
  274. }
  275. .contentBottom .indexerwei{
  276. position: absolute;
  277. top:-245px;
  278. right:-75px;
  279. background: url(indexerwei.png) no-repeat;
  280. width:62px;
  281. height:31px;
  282. padding:141px 0 0 0;
  283. }
  284. .contentBottom .indexerwei a{
  285. float:left;
  286. margin:0 0 0 1px;
  287. }
  288. .contentBottom .indexerwei a.sina{
  289. width:29px;
  290. height:30px;
  291. }
  292. .contentBottom .indexerwei a.sina:hover{
  293. background: url(indexerwei.png) no-repeat -1px -172px;
  294. }
  295. .contentBottom .indexerwei a.tx{
  296. width:30px;
  297. height:30px;
  298. }
  299. .contentBottom .indexerwei a.tx:hover{
  300. background: url(indexerwei.png) no-repeat -31px -172px;
  301. }
  302. .security_click {
  303. position: absolute;
  304. top: 4px;
  305. left: 3px;
  306. width: 54px;
  307. height: 54px;
  308. }
  309. .newsPanel {
  310. padding:35px 0 35px 30px;
  311. position:relative
  312. }
  313. .newsPanel .newsIcon{
  314. position:absolute;
  315. background:url(scIcons.png) no-repeat 0 -47px;
  316. width:24px;
  317. height:18px;
  318. left:10px;
  319. top:15px
  320. }
  321. .newsPanel a{
  322. color:#fff
  323. }
  324. .newsPanel a:hover{
  325. color:#ccc
  326. }
  327. .weiboPanel {
  328. width:350px;
  329. background:url(scIcons.png) no-repeat -203px -47px;
  330. padding-left:87px;
  331. margin-top:5px
  332. }
  333. .newsExtra{
  334. background:#666666;
  335. position:absolute;
  336. top:-200px;
  337. width:550px;
  338. opacity: 0;
  339. -moz-opacity: 0;
  340. filter:alpha(opacity=0);
  341. display:none;
  342. z-index:9999;
  343. }
  344. .newsExtra h2{
  345. background:#333333;
  346. color:#fff;
  347. padding:5px 20px
  348. }
  349. .newsExtra h2 a{
  350. color:#ff6501
  351. }
  352. .newsExtra .extraItem li{
  353. border-bottom:1px solid #fff;
  354. height:56px;
  355. line-height:56px;
  356. padding:0 20px;
  357. position:relative
  358. }
  359. .newsExtra .extraItem li:hover{
  360. background:#4D4D4D
  361. }
  362. .newsExtra .extraItem li span{
  363. position:absolute;
  364. right:15px;
  365. top:5px;
  366. font-size:9px;
  367. color:#999;
  368. height:12px;
  369. line-height:12px
  370. }
  371. .extraItem li a{
  372. color:#fff
  373. }
  374. .newsExtra .extraBottom{
  375. background:url(scIcons.png) no-repeat -59px -132px;
  376. width:36px;
  377. height:24px;
  378. position:absolute;
  379. right:0;
  380. bottom:-24px;
  381. border-bottom:1px solid #5e5e5e
  382. }
  383. .fContant{
  384. width:1060px;
  385. margin:0 auto;
  386. position: relative;
  387. background-color: #F8F8F8
  388. }
  389. .fContant div {
  390. height:47px;
  391. background:url(scIcons.png) no-repeat -243px -126px;
  392. padding:0 0 0 50px;
  393. margin:25px 0 25px 20px
  394. }
  395. .fContant div b{font-size:30px;line-height:25px;color:#333}
  396. .fContant div.exqq {
  397. background:url(scIcons.png) no-repeat -243px -173px;
  398. margin-left:120px;
  399. margin-right:120px
  400. }
  401. .fContant div.tel2 {
  402. background-position:-243px -220px;
  403. }
  404. .fContant .search{
  405. background:none;
  406. margin:40px 20px 0 0
  407. }
  408. .fContant .search input{
  409. height:26px;
  410. line-height:26px;
  411. border:1px solid #bbb;
  412. border-right:none;
  413. padding:0 5px;
  414. width:240px;
  415. vertical-align:top;
  416. color:#666
  417. }
  418. .fContant .search button{
  419. height:28px;
  420. line-height:28px;
  421. text-align:center;
  422. background:#fc9200;
  423. border:none;
  424. padding:0 10px;
  425. color:#fff
  426. }
  427. .fContant .search button:hover{
  428. background:#ff6501;
  429. font-weight:600;
  430. cursor:pointer
  431. }
  432. .bottomNav {
  433. background:#333;
  434. height:48px
  435. }
  436. .subNav li{
  437. float: left
  438. }
  439. .subNav li a{
  440. height:48px;
  441. line-height:48px;
  442. color:#fff;
  443. width:80px;
  444. text-align:center;
  445. display:inline-block;
  446. *display:inline;
  447. zoom:1
  448. }
  449. .subNav li a:hover{
  450. color:#f2f2f2;
  451. background:#3b3b3b
  452. }
  453. .copyRight {
  454. color:#bcbcbc;
  455. line-height:48px
  456. }
  457. .sideBar{
  458. width:150px;
  459. border-top:8px solid #ff6501;
  460. margin:0 0 0 20px;
  461. padding:50px 0 0 0
  462. }
  463. .sideBar h2{
  464. border-bottom:1px solid #999;
  465. padding:0 0 5px 0;
  466. margin:0 0 15px 0
  467. }
  468. .sideBar li{
  469. margin:0 0 15px 0
  470. }
  471. .sideBar li a{
  472. color:#ff6501;
  473. font-weight:600
  474. }
  475. .sideBar li a.now{
  476. color:#333
  477. }
  478. .sideBar li a:hover{
  479. color:#ca5000
  480. }
  481. .sideBar li a.now:hover{
  482. color:#333;
  483. cursor:default
  484. }
  485. .mainContent {
  486. margin:0 0 0 210px
  487. }
  488. .mainContent .title{
  489. padding:30px 0 0 0
  490. }
  491. .mainContent .title b{
  492. font-size:30px;
  493. color:#333;
  494. vertical-align: bottom;
  495. margin:0 0 0 20px
  496. }
  497. .mainContent .productTab,.dSoftInof .productTab{
  498. height:48px;
  499. background:#efefef;
  500. margin:30px 0 0 0
  501. }
  502. .productTab ul{
  503. float:right
  504. }
  505. .productTab li{
  506. display:inline-block;
  507. *display:inline;
  508. zoom:1;
  509. height:48px;
  510. line-height:48px;
  511. width:100px;
  512. text-align:center;
  513. color:#ff6501;
  514. cursor:pointer
  515. }
  516. .productTab li.now{
  517. background:url(scIcons.png) no-repeat -24px -47px;
  518. color:#333;
  519. cursor: default;
  520. font-weight:600;
  521. }
  522. .productTab li:hover{
  523. background:#f9f9f9
  524. }
  525. .productTab li.now:hover{
  526. background:url(scIcons.png) no-repeat -24px -47px
  527. }
  528. .mainContent .contentItem{
  529. margin:20px 0;
  530. min-height: 400px
  531. }
  532. .softList {
  533. margin:15px 0 200px 0
  534. }
  535. .softList li{
  536. width:100%;
  537. height:34px;
  538. margin:0 0 15px 0;
  539. padding:0 0 15px 0;
  540. border-bottom:1px dashed #ddd
  541. }
  542. .softList li:hover {
  543. border-style:none none solid none;
  544. border-color:#ff6501;
  545. }
  546. /*.softList li:hover h2{
  547. color:#ff6501
  548. }*/
  549. .softList li h2,.softList li .downInfo,.softList li .downLink{
  550. float:left;
  551. vertical-align: middle;
  552. }
  553. .softList li h2 {
  554. width:50%;
  555. font-size:14px;
  556. line-height:34px
  557. }
  558. .softList li .downInfo,.softList li .downLink{
  559. width:20%;
  560. color:#999
  561. }
  562. .softList li .downVideo{
  563. width:10%;
  564. float:left;
  565. vertical-align: middle;
  566. }
  567. .softList li .downInfo{
  568. line-height:34px
  569. }
  570. .softList li .downInfo b{
  571. font-size:18px;
  572. font-weight:normal;
  573. color:#333;
  574. vertical-align: middle
  575. }
  576. .softList li .downLink a{
  577. margin:0 10px 0 0
  578. }
  579. .zPlusDownload {
  580. margin:30px 0;
  581. }
  582. .zPlusDownload .down-btn{
  583. text-align: center;
  584. }
  585. .zPlusDownload .down-btn a{
  586. font-size: 20px;
  587. font-weight: bold;
  588. margin:0 45px 0 25px;
  589. border:1px solid #10D25F;
  590. padding:20px 85px;
  591. background:#09ba51;
  592. color:#fff;
  593. border-radius: 5px;
  594. display: inline-block
  595. }
  596. .zPlusDownload .down-btn a:hover{
  597. background:#10D25F;
  598. border:1px solid #09ba51;
  599. color:#fff;
  600. text-decoration: none;
  601. }
  602. .zPlusDownload .tips{
  603. text-align: center;
  604. margin:10px 0 20px;
  605. font-size: 18px
  606. }
  607. .versionList {
  608. margin:20px 0 100px 0
  609. }
  610. .versionList li{
  611. width:100%;
  612. margin:0 0 20px 0;
  613. padding:0 0 20px 0;
  614. border-bottom:1px dashed #ddd
  615. }
  616. .vesionTitle,.vesionItem{
  617. float:left
  618. }
  619. .vesionTitle {
  620. width:150px;
  621. padding:0 0 0 50px
  622. }
  623. .vesionTitle b{
  624. font-size:20px;
  625. font-family: Constantia,Georgia;
  626. padding:0 0 20px 0;
  627. display:block
  628. }
  629. .versionItem{
  630. margin:0 0 0 210px
  631. }
  632. .versionItem p{
  633. margin:0 0 10px 0
  634. }
  635. .videoItem{
  636. text-align:center;
  637. margin:25px 0 0 0
  638. }
  639. .videoItem ul{
  640. margin:0 0 30px 0
  641. }
  642. .videoItem li {
  643. float:left;
  644. margin:0 25px 30px;
  645. *margin:0 25px 30px 12px;
  646. position: relative;
  647. width:218px;
  648. height:165px;
  649. overflow: hidden;
  650. }
  651. .videoItem span.tips{
  652. color:#ff6501;
  653. font-size:16px
  654. }
  655. .videoItem h1{
  656. border-top:1px solid #ccc;
  657. padding:15px 0;
  658. font-size:18px
  659. }
  660. .videoItem li .videoCon{
  661. position: absolute;
  662. bottom:7px;
  663. width:100%;
  664. color:#fff;
  665. z-index:10;
  666. text-align:center;
  667. font-size:12px
  668. }
  669. .videoItem li h3{
  670. padding:5px 0 0 0;
  671. text-align: center
  672. }
  673. .videoItem li .videoCon{
  674. background:url(titleBg-black.png) repeat;
  675. z-index:9;
  676. height:100px;
  677. top:-170px;
  678. padding:70px 0 0 0
  679. }
  680. .videoItem li .videoCon a:hover{
  681. text-decoration: none
  682. }
  683. .videoItem li .videoCon span{
  684. color:#fff;
  685. font-size:16px;
  686. line-height:16px;
  687. height:16px;
  688. padding:5px;
  689. cursor:pointer
  690. }
  691. .videoItem li .videoCon span b{
  692. display:inline-block;
  693. *display:inline;
  694. zoom:1;
  695. width:16px;
  696. height:16px;
  697. background:url(scIcons.png) no-repeat 0 -95px;
  698. vertical-align: middle;
  699. padding:0 5px 0 0
  700. }
  701. .videoItem li .videoCon span.downBtn b{
  702. background-position:0 -111px
  703. }
  704. .videoItem li .videoCon span:hover{
  705. background:#ff6501
  706. }
  707. .softVideo .bottomSpace{
  708. height:100px
  709. }
  710. .trainItem{
  711. margin:1px 0 0 0;
  712. padding:0 20px 0 20px
  713. }
  714. .trainItem .tLeft,.trainItem .tRight{
  715. width:470px
  716. }
  717. .trainItem .tImg{
  718. margin-bottom: 10px
  719. }
  720. .trainEntry {
  721. width:430px;
  722. float:left;
  723. background:#ededed;
  724. height:50px;
  725. margin:0 20px 10px 0;
  726. padding:0 20px
  727. }
  728. .trainEntry a{
  729. color:#666
  730. }
  731. .trainEntry a:hover{
  732. color:#333
  733. }
  734. .trainEntry .trainState,.trainEntry .trainTitle{
  735. float:left
  736. }
  737. .trainEntry .trainState{
  738. width:95px;
  739. line-height:50px;
  740. }
  741. .trainEntry .trainTitle{
  742. text-align: right;
  743. width:335px;
  744. float:right;
  745. height:50px;
  746. line-height:50px;
  747. overflow: hidden
  748. }
  749. .doing {
  750. background:#e9edd3
  751. }
  752. .apply {
  753. background:#f5ebc9
  754. }
  755. .trainEntry:hover{
  756. background:#e7e7e7
  757. }
  758. .doing:hover {
  759. background:#e6edbe
  760. }
  761. .apply:hover {
  762. background:#f5e5b3
  763. }
  764. .apply .trainState {
  765. line-height:35px
  766. }
  767. .apply .trainState p.tData{
  768. margin:-18px 0 0 0;
  769. color:#999
  770. }
  771. .trainList h2 {
  772. border-bottom:1px solid #ddd;
  773. padding:5px 0;
  774. margin:15px 29px 15px 0;
  775. font-size:18px
  776. }
  777. .doing span.tIcon {
  778. background:url(scIcons.png) no-repeat -87px -95px;
  779. padding:0 0 0 16px
  780. }
  781. .apply span.tIcon {
  782. background:url(scIcons.png) no-repeat -87px -112px;
  783. padding:0 0 0 16px
  784. }
  785. .loca span.tIcon {
  786. background:url(scIcons.png) no-repeat -102px -128px;
  787. }
  788. .animated {
  789. -webkit-animation-fill-mode: both;
  790. -moz-animation-fill-mode: both;
  791. -ms-animation-fill-mode: both;
  792. -o-animation-fill-mode: both;
  793. animation-fill-mode: both;
  794. -webkit-animation-duration: 1s;
  795. -moz-animation-duration: 1s;
  796. -ms-animation-duration: 1s;
  797. -o-animation-duration: 1s;
  798. animation-duration: 1s;
  799. }
  800. .animated.hinge {
  801. -webkit-animation-duration: 2s;
  802. -moz-animation-duration: 2s;
  803. -ms-animation-duration: 2s;
  804. -o-animation-duration: 2s;
  805. animation-duration: 2s;
  806. }
  807. @-webkit-keyframes shake {
  808. 0%, 100% {-webkit-transform: translateX(0);}
  809. 40% {transform: translateX(-5px);}
  810. 60% {transform: translateX(5px);}
  811. }
  812. @-moz-keyframes shake {
  813. 0%, 100% {-moz-transform: translateX(0);}
  814. 40% {transform: translateX(-5px);}
  815. 60% {transform: translateX(5px);}
  816. }
  817. @-o-keyframes shake {
  818. 0%, 100% {-o-transform: translateX(0);}
  819. 40% {transform: translateX(-5px);}
  820. 60% {transform: translateX(5px);}
  821. }
  822. @keyframes shake {
  823. 0%, 100% {transform: translateX(0);}
  824. 30% {transform: translateX(-3px);}
  825. 70% {transform: translateX(3px);}
  826. }
  827. .shake {
  828. -webkit-animation-name: shake;
  829. -moz-animation-name: shake;
  830. -o-animation-name: shake;
  831. animation-name: shake;
  832. }
  833. .trainForm {
  834. border-top:35px solid #2daebf;
  835. padding:25px 50px 50px 50px;
  836. margin:1px 0 0 0;
  837. position:relative
  838. }
  839. .trainForm a.backTrain{
  840. position:absolute;
  841. color:#fff;
  842. font-size:18px;
  843. left:10px;
  844. top:-32px
  845. }
  846. .trainForm a.backTrain:hover{
  847. left:5px
  848. }
  849. .trainFormTab {
  850. border-bottom:1px solid #2daebf;
  851. margin:15px 0 0 0
  852. }
  853. .trainFormTab a{
  854. width:150px;
  855. text-align:center;
  856. height:34px;
  857. line-height:34px;
  858. display:inline-block;
  859. *display:inline;
  860. zoom:1;
  861. background:#ededed;
  862. color:#999;
  863. cursor:pointer
  864. }
  865. .trainFormTab a:hover{
  866. background:#e6eeef;
  867. color:#333
  868. }
  869. .trainFormTab a.now{
  870. background:#2daebf;
  871. color:#fff;
  872. cursor:default
  873. }
  874. .formEntry *{
  875. font-size:14px;
  876. }
  877. .formContent {
  878. padding:15px
  879. }
  880. .formContent h1{
  881. text-align:center;
  882. color:red;
  883. font-size:40px;
  884. font-weight:600
  885. }
  886. .formContent h2{
  887. text-align:center;
  888. font-size:28px;
  889. border-top:1px solid red;
  890. padding:10px;
  891. margin:10px 0;
  892. font-weight:600
  893. }
  894. .formContent p {
  895. line-height: 22px
  896. }
  897. .formTable li {
  898. margin:15px 0;
  899. position:relative
  900. }
  901. .formTable .formTh{
  902. width:80px;
  903. height:34px;
  904. line-height:34px;
  905. text-align:center;
  906. background:#2daebf;
  907. color:#fff
  908. }
  909. .formTable .formTd {
  910. min-height: 80px;
  911. margin:0 0 0 80px;
  912. border-top:1px dashed #ddd;
  913. padding:0 20px
  914. }
  915. .formTable .formTd p{
  916. margin:10px 0
  917. }
  918. .formTable a.formDown{
  919. color:#fff;
  920. font-size:16px;
  921. line-height:30px;
  922. height:30px;
  923. padding:0 25px;
  924. background:#336699;
  925. position:absolute;
  926. right:0;
  927. top:50px
  928. }
  929. .formTable a.formDown span{
  930. display:inline-block;
  931. *display:inline;
  932. zoom:1;
  933. width:16px;
  934. height:16px;
  935. background:url(scIcons.png) no-repeat 0 -111px;
  936. vertical-align: middle;
  937. padding:0 5px 0 0
  938. }
  939. .formTable a.formDown:hover{
  940. padding:0 27px;
  941. height:32px;
  942. line-height:32px;
  943. font-weight:600;
  944. }
  945. .reportContent h1{
  946. font-size:24px;
  947. text-align:center;
  948. margin:15px 0
  949. }
  950. .reportContent p{
  951. line-height:22px;
  952. }
  953. .aboutUsBg .sideBar {
  954. border-color:#b2005e
  955. }
  956. .aboutUsBg .sideBar li a {
  957. color:#b2005e
  958. }
  959. .aboutUsBg .sideBar li.active a {
  960. color:#333
  961. }
  962. .aboutEntry {
  963. border-bottom:1px solid #ccc;
  964. padding:0 0 30px;
  965. margin:30px 0
  966. }
  967. .aboutEntry p{
  968. line-height:30px
  969. }
  970. .aboutEntry a{
  971. color:#B2005E
  972. }
  973. .aboutEntry a:hover{
  974. text-decoration:underline
  975. }
  976. .aboutEntry h2{
  977. font-size:18px;
  978. color:#333
  979. }
  980. .aboutEntry h1{
  981. font-size:24px;
  982. color:#333
  983. }
  984. .whoami h1{
  985. font-size:36px;
  986. color:#b2005e;
  987. margin:0 0 15px 0
  988. }
  989. .whoami h2{
  990. margin:30px 0 15px 0
  991. }
  992. .myPro div.fL,.myPro div.fR{
  993. width:380px;
  994. margin:0 0 15px 0
  995. }
  996. .myPro h1{
  997. margin:0 0 15px 0
  998. }
  999. .myPro h2{
  1000. margin:15px 0
  1001. }
  1002. .family h2{
  1003. margin:20px 0 15px 0
  1004. }
  1005. .workCulture div.fL{
  1006. width:223px
  1007. }
  1008. .workCulture div.middle{
  1009. margin:0 70px
  1010. }
  1011. .workCulture h1{
  1012. margin:0 0 15px 0
  1013. }
  1014. .workCulture h2{
  1015. margin:15px 0 0 0
  1016. }
  1017. .briefHistory h1{
  1018. margin:0 0 15px 0
  1019. }
  1020. .briefHistory h2{
  1021. margin:50px 0 10px 0
  1022. }
  1023. .historyList div.fL{
  1024. width:250px
  1025. }
  1026. .historyList li {
  1027. border-bottom:1px dotted #ccc;
  1028. padding:30px 0 10px 0
  1029. }
  1030. .historyList li.noline{
  1031. border-bottom:none
  1032. }
  1033. .historyList div.middle{
  1034. margin:0 30px
  1035. }
  1036. .historyList div.hdate{
  1037. font-size:16px;
  1038. color:#333;
  1039. font-weight:600;
  1040. width:60px
  1041. }
  1042. .historyList div.hitem{
  1043. margin:0 20px 0 60px;
  1044. }
  1045. .historyList div.hitem span{
  1046. font-weight:600;
  1047. }
  1048. .historyList div.hitem p{
  1049. line-height:14px;
  1050. margin:0 0 20px 0;
  1051. color:#999
  1052. }
  1053. .clientList {
  1054. padding:10px 15px;
  1055. background:#f7f7f7;
  1056. text-align:left;
  1057. margin:0 0 30px 0
  1058. }
  1059. .clientList span{
  1060. padding:10px 15px 10px 0;
  1061. display:inline-block;
  1062. *display:inline;
  1063. zoom:1
  1064. }
  1065. .workCulture,.jobs{
  1066. border:none
  1067. }
  1068. .jobs .jobEntry{
  1069. padding:10px 0
  1070. }
  1071. .jobs .jobEntry h2{
  1072. background:#F7F7F7;
  1073. cursor:pointer;
  1074. padding:3px
  1075. }
  1076. .jobs .jobEntry dl{
  1077. padding:0 0 0 20px;
  1078. display:none;
  1079. border-left:1px solid #ebebeb
  1080. }
  1081. .jobs .jobEntry dt{
  1082. color:#333;
  1083. font-size:16px;
  1084. margin:5px 0
  1085. }
  1086. .jobs .jobEntry dd{
  1087. margin:5px 0;
  1088. padding:0 20px 0 10px
  1089. }
  1090. .jobs .jobEntry.focus dl{
  1091. display:block
  1092. }
  1093. .partnerList li{
  1094. float:left;
  1095. width:90px;
  1096. padding:5px 22px 20px 22px;
  1097. text-align:center;
  1098. height:125px;
  1099. }
  1100. .partnerList li.openMore{
  1101. width:100%;
  1102. height:14px;
  1103. }
  1104. .partnerList li.openMore a{
  1105. cursor: pointer;
  1106. }
  1107. .partnerList li.moreSchool{
  1108. display: none
  1109. }
  1110. /*.contactBg .width1060{*/
  1111. /*background:url(mapBg.png) no-repeat 0 0;*/
  1112. /*height:800px;*/
  1113. /*position:relative*/
  1114. /*}*/
  1115. .contactMap {
  1116. position:absolute;
  1117. top:135px;
  1118. right:60px;
  1119. padding:10px
  1120. }
  1121. .contactMap .mapItem{
  1122. width:470px;
  1123. height:542px;
  1124. box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  1125. z-index:10;
  1126. position:relative;
  1127. float:left;
  1128. }
  1129. .contactMap .mainContact,.contactMap .allContact{
  1130. margin:20px 0 0 0;
  1131. float:left;
  1132. width:225px;
  1133. padding:15px 0 15px 15px;
  1134. background:url(contactBg.png) repeat;
  1135. box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  1136. z-index:5;
  1137. position:relative
  1138. }
  1139. .contactMap .mainContact td{
  1140. vertical-align: top;
  1141. padding:0 0 10px 0
  1142. }
  1143. .mainContact h1{
  1144. color:#f8b62a;
  1145. font-size:24px;
  1146. margin:0 0 15px 0
  1147. }
  1148. .contactMap .allContact{
  1149. width:315px;
  1150. height:565px;
  1151. overflow-y: auto;
  1152. padding:15px;
  1153. left:450px
  1154. }
  1155. .allContact dl{
  1156. margin:0 0 10px 0;
  1157. padding:0 0 10px 0;
  1158. border-bottom:1px dashed #ccc
  1159. }
  1160. .allContact dt{
  1161. margin:10px 0 0 0;
  1162. font-weight:600
  1163. }
  1164. .allContact dt span{
  1165. width:16px;
  1166. height:16px;
  1167. float:left;
  1168. background:url(scIcons.png) no-repeat -21px -97px;
  1169. margin:0 3px 0 0
  1170. }
  1171. .allContact dd{
  1172. margin:3px 0
  1173. }
  1174. .allContact dd b{
  1175. margin:0 0 0 19px
  1176. }
  1177. .contactMap a.openAll,.contactMap a.closeAll{
  1178. cursor: pointer;
  1179. }
  1180. .index h2{
  1181. font-size:24px;
  1182. border-left:10px solid #333;
  1183. margin:20px 0;
  1184. padding:0 0 0 10px;
  1185. height:24px;
  1186. line-height:24px;
  1187. color:#333
  1188. }
  1189. .index h2 a.allDown{
  1190. background:#336699;
  1191. color:#fff;
  1192. font-size:16px;
  1193. padding:0 10px;
  1194. height:24px;
  1195. line-height:24px
  1196. }
  1197. .index h2 a.allDown:hover{
  1198. background:#009F86
  1199. }
  1200. .ourService .serviceItem{
  1201. width:304px;
  1202. float:left;
  1203. position:relative
  1204. }
  1205. .ourService .indexSoft{
  1206. z-index:999
  1207. }
  1208. .ourService .indexWeb{
  1209. margin:0 50px;
  1210. z-index:0
  1211. }
  1212. .ourService .indexTrain{
  1213. z-index:0
  1214. }
  1215. .serviceItem .serviceTitle {
  1216. background:#ff6501;
  1217. color:#fff;
  1218. width:304px;
  1219. height:179px;
  1220. position: relative;
  1221. margin:0 0 20px 0;
  1222. display:inline-block
  1223. }
  1224. .serviceItem .serviceTitle h3{
  1225. font-size:18px;
  1226. margin:15px 15px 5px 15px;
  1227. height:18px;
  1228. line-height:18px
  1229. }
  1230. .serviceItem .serviceTitle h3 span{
  1231. width:18px;
  1232. height:18px;
  1233. float:left;
  1234. background:url(scIcons.png) no-repeat -41px -95px;
  1235. margin:0 10px 0 0;
  1236. vertical-align:middle
  1237. }
  1238. .serviceItem .serviceTitle p{
  1239. margin:0 15px;
  1240. line-height:21px
  1241. }
  1242. .serviceItem .serviceTitle span.arrow{
  1243. width:14px;
  1244. height:13px;
  1245. background:url(scIcons.png) no-repeat -125px -47px;
  1246. position:absolute;
  1247. top:179px;
  1248. left:15px;
  1249. font-size:1px
  1250. }
  1251. .indexSoft .serviceEntry .softEntry,.softEntryCover {
  1252. background:#ededed;
  1253. margin:0 0 10px 0;
  1254. height:55px;
  1255. padding:15px 15px 0 15px;
  1256. cursor: pointer
  1257. }
  1258. .indexSoft .softEntry span.tL,.softEntryCover span.tL {
  1259. font-size:30px;
  1260. color:#333;
  1261. display:block;
  1262. background:url(scIcons.png) no-repeat 235px -128px
  1263. }
  1264. .softEntryCover {
  1265. position: absolute;
  1266. bottom:10px;
  1267. width:304px;
  1268. cursor:default;
  1269. padding:0;
  1270. height:70px;
  1271. margin:0
  1272. }
  1273. .softEntryCover span.tL {
  1274. background:none;
  1275. color:#ccc
  1276. }
  1277. .indexSoft .softEntry span.webSoft {
  1278. background-position:235px -165px
  1279. }
  1280. .indexSoft .serviceEntry .focus{
  1281. background:#ff6501;
  1282. width:275px
  1283. }
  1284. .indexSoft .focus span.tL{
  1285. color:#fff;
  1286. background:none
  1287. }
  1288. .indexSoft .seList{
  1289. position: absolute;
  1290. background:#ff6501;
  1291. width:635px;
  1292. height:289px;
  1293. padding:30px 40px;
  1294. left:305px;
  1295. top:0;
  1296. z-index:999
  1297. }
  1298. .indexSoft .seList li{
  1299. width:317px;
  1300. float:left
  1301. }
  1302. .indexSoft .seList li a{
  1303. display:inline-block;
  1304. *dispaly:inline;
  1305. zoom:1;
  1306. color:#fff;
  1307. font-size:18px;
  1308. margin:20px 0
  1309. }
  1310. .indexSoft .seList li a:hover{
  1311. border-left:1px solid #fff;
  1312. padding-left:5px
  1313. }
  1314. .indexWeb .serviceTitle {
  1315. background:#b8d30b;
  1316. }
  1317. .indexWeb .serviceTitle h3 span{
  1318. background-position:-60px -95px
  1319. }
  1320. .indexWeb .serviceTitle span.arrow{
  1321. background-position:-139px -47px
  1322. }
  1323. .indexWeb .serviceEntry div.middle{
  1324. margin:0 2px;
  1325. }
  1326. .indexWeb .serviceEntry div:hover{
  1327. border-top:1px solid #fff
  1328. }
  1329. .indexTrain .serviceTitle {
  1330. background:#32a5b5
  1331. }
  1332. .indexTrain .serviceTitle h3 span{
  1333. background-position:-41px -114px
  1334. }
  1335. .indexTrain .serviceTitle span.arrow{
  1336. background-position:-125px -60px
  1337. }
  1338. .indexTrain .trainEntry {
  1339. width:284px;
  1340. padding:0 10px;
  1341. margin:0 0 1px 0
  1342. }
  1343. .indexTrain .trainEntry .trainState{
  1344. width:90px
  1345. }
  1346. .indexTrain .trainEntry .trainState p.tData {
  1347. font-size:11px
  1348. }
  1349. .indexTrain .trainEntry .trainTitle{
  1350. width:185px;
  1351. white-space:nowrap
  1352. }
  1353. .downloadCenter {
  1354. min-height:400px;
  1355. }
  1356. .downSelect{
  1357. margin:30px 0;
  1358. height:60px
  1359. }
  1360. .selectEntry{
  1361. width:280px;
  1362. height:50px;
  1363. line-height:50px;
  1364. background:#009F86;
  1365. color:#fff;
  1366. padding:0 20px;
  1367. position: relative;
  1368. cursor:pointer;
  1369. float:left;
  1370. margin:0 25px 0 0
  1371. }
  1372. .selectEntry span.selectTitle{
  1373. font-size:14px;
  1374. float:left;
  1375. height:50px;
  1376. line-height:50px;
  1377. width:245px
  1378. }
  1379. .selectEntry b.arrow{
  1380. height:50px;
  1381. width:50px;
  1382. position: absolute;
  1383. right:0;
  1384. top:0;
  1385. text-align:center
  1386. }
  1387. .selectEntry b.down{
  1388. background:#ededed;
  1389. color:#009F86
  1390. }
  1391. .selectEntry i.num{
  1392. position:absolute;
  1393. left:3px;
  1394. top:3px;
  1395. height:12px;
  1396. line-height:12px;
  1397. }
  1398. .selectEntry .selectList{
  1399. height:248px;
  1400. position:absolute;
  1401. top:50px;
  1402. left:0;
  1403. overflow:auto;
  1404. overflow-x:hidden;
  1405. }
  1406. .selectEntry li a{
  1407. width:300px;
  1408. padding:0 0 0 20px;
  1409. height:30px;
  1410. line-height:30px;
  1411. float:left;
  1412. background:#ededed;
  1413. color:#333;
  1414. border-bottom:1px solid #fff
  1415. }
  1416. .selectEntry li a:hover{
  1417. background:#009F86;
  1418. color:#fff
  1419. }
  1420. .selectEntry li a.now{
  1421. background:#009F86;
  1422. color:#fff
  1423. }
  1424. .selectEntry.downLink {
  1425. background:#336699;
  1426. margin:0
  1427. }
  1428. .selectEntry.downLink a{
  1429. color:#fff;
  1430. text-decoration:underline;
  1431. margin:0 0 0 20px
  1432. }
  1433. .selectEntry.downLink a:hover{
  1434. text-decoration: none;
  1435. font-weight: 600
  1436. }
  1437. .downAllSelect dl{
  1438. margin:0 0 20px 0
  1439. }
  1440. .downAllSelect dt {
  1441. background:#666;
  1442. color:#fff;
  1443. padding:5px 10px
  1444. }
  1445. .downAllSelect dd{
  1446. width:480px;
  1447. padding:15px 15px;
  1448. float:left;
  1449. border-left:1px solid #ddd;
  1450. margin:0 0 -1px -1px;
  1451. border-bottom:1px solid #ddd
  1452. }
  1453. .downAllSelect dd a{
  1454. float:right;
  1455. margin:0 0 0 5px
  1456. }
  1457. .dSoftInof .productTab .title{
  1458. margin:5px 0 0 8px;
  1459. font-size:18px;
  1460. height:32px;
  1461. line-height:32px;
  1462. }
  1463. .dSoftInof .productTab .title img{
  1464. margin:0 10px 0 0
  1465. }
  1466. .dSoftInof .videoItem li{
  1467. margin:0 18px 30px 18px
  1468. }
  1469. .dSoftInof .contentItem {
  1470. margin: 20px 0;
  1471. }
  1472. .dSoftInof .videoItem li .videoCon{
  1473. top:0
  1474. }
  1475. /*!
  1476. * Bootstrap v2.3.1
  1477. *
  1478. * Copyright 2012 Twitter, Inc
  1479. * Licensed under the Apache License v2.0
  1480. * http://www.apache.org/licenses/LICENSE-2.0
  1481. *
  1482. * Designed and built with all the love in the world @twitter by @mdo and @fat.
  1483. */
  1484. .modal-backdrop {
  1485. position: fixed;
  1486. top: 0;
  1487. right: 0;
  1488. bottom: 0;
  1489. left: 0;
  1490. z-index: 1040;
  1491. background-color: #000000;
  1492. }
  1493. .modal-backdrop.fade {
  1494. opacity: 0;
  1495. }
  1496. .modal-backdrop,
  1497. .modal-backdrop.fade.in {
  1498. opacity: 0.4;
  1499. filter: alpha(opacity=40);
  1500. }
  1501. .modal {
  1502. position: fixed;
  1503. top: 10%;
  1504. left: 50%;
  1505. z-index: 1050;
  1506. width: 560px;
  1507. margin-left: -280px;
  1508. background-color: #ffffff;
  1509. border: 1px solid #999;
  1510. border: 1px solid rgba(0, 0, 0, 0.3);
  1511. *border: 1px solid #999;
  1512. -webkit-border-radius: 6px;
  1513. -moz-border-radius: 6px;
  1514. border-radius: 6px;
  1515. outline: none;
  1516. -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  1517. -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  1518. box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  1519. -webkit-background-clip: padding-box;
  1520. -moz-background-clip: padding-box;
  1521. background-clip: padding-box;
  1522. }
  1523. .modal.fade {
  1524. top: -25%;
  1525. -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  1526. -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  1527. -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  1528. transition: opacity 0.3s linear, top 0.3s ease-out;
  1529. }
  1530. .modal.fade.in {
  1531. top: 10%;
  1532. }
  1533. .modal-header {
  1534. padding: 9px 15px;
  1535. border-bottom: 1px solid #eee;
  1536. }
  1537. .modal-header .close {
  1538. margin-top: 2px;
  1539. }
  1540. .modal-header h3 {
  1541. margin: 0;
  1542. line-height: 30px;
  1543. }
  1544. .modal-body {
  1545. position: relative;
  1546. max-height: 400px;
  1547. padding: 15px;
  1548. overflow-y: auto;
  1549. }
  1550. .modal-form {
  1551. margin-bottom: 0;
  1552. }
  1553. .modal-footer {
  1554. padding: 14px 15px 15px;
  1555. margin-bottom: 0;
  1556. text-align: right;
  1557. background-color: #f5f5f5;
  1558. border-top: 1px solid #ddd;
  1559. -webkit-border-radius: 0 0 6px 6px;
  1560. -moz-border-radius: 0 0 6px 6px;
  1561. border-radius: 0 0 6px 6px;
  1562. *zoom: 1;
  1563. -webkit-box-shadow: inset 0 1px 0 #ffffff;
  1564. -moz-box-shadow: inset 0 1px 0 #ffffff;
  1565. box-shadow: inset 0 1px 0 #ffffff;
  1566. }
  1567. .modal-footer:before,
  1568. .modal-footer:after {
  1569. display: table;
  1570. line-height: 0;
  1571. content: "";
  1572. }
  1573. .modal-footer:after {
  1574. clear: both;
  1575. }
  1576. .modal-footer .btn + .btn {
  1577. margin-bottom: 0;
  1578. margin-left: 5px;
  1579. }
  1580. .modal-footer .btn-group .btn + .btn {
  1581. margin-left: -1px;
  1582. }
  1583. .modal-footer .btn-block + .btn-block {
  1584. margin-left: 0;
  1585. }
  1586. .close {
  1587. float: right;
  1588. font-size: 20px;
  1589. font-weight: bold;
  1590. line-height: 20px;
  1591. color: #000000;
  1592. text-shadow: 0 1px 0 #ffffff;
  1593. opacity: 0.2;
  1594. filter: alpha(opacity=20);
  1595. }
  1596. .close:hover,
  1597. .close:focus {
  1598. color: #000000;
  1599. text-decoration: none;
  1600. cursor: pointer;
  1601. opacity: 0.4;
  1602. filter: alpha(opacity=40);
  1603. }
  1604. button.close {
  1605. padding: 0;
  1606. cursor: pointer;
  1607. background: transparent;
  1608. border: 0;
  1609. -webkit-appearance: none;
  1610. }
  1611. .adBanner{
  1612. position:absolute;
  1613. top:-45px;
  1614. width:1020px
  1615. }
  1616. #openBanner,#closeBanner{
  1617. width:12px;
  1618. position:absolute;
  1619. right:-23px;
  1620. top:0;
  1621. cursor:pointer;
  1622. background:#FF6501;
  1623. color:#fff;
  1624. padding:3px 5px;
  1625. font-weight:600;
  1626. border-bottom:1px solid #fff
  1627. }
  1628. #topBannerSmall {
  1629. text-align:right;
  1630. width:1020px
  1631. }
  1632. @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  1633. /* IE10+ CSS styles go here */
  1634. .indexMedia {display:none;}
  1635. }
  1636. /*newIndex*/
  1637. .newIndex{
  1638. border-top:3px solid #333333
  1639. }
  1640. .indexMedia {
  1641. height:400px;
  1642. width:100%;
  1643. margin:1px auto 0;
  1644. position:relative;
  1645. overflow: hidden;
  1646. z-index: 99
  1647. }
  1648. .slideBanner{
  1649. height:400px;
  1650. overflow: hidden;
  1651. z-index: 0
  1652. }
  1653. .slideBanner .bannerEntry{
  1654. width:100%;
  1655. margin:0 auto
  1656. }
  1657. .bannerEntry .bImg{
  1658. width:1020px;
  1659. margin:0 auto;
  1660. position:relative
  1661. }
  1662. .bannerEntry .learnMore {
  1663. position:absolute;
  1664. right:50px;
  1665. bottom:50px;
  1666. color:#1570A6;
  1667. font-size:18px;
  1668. background:#fff;
  1669. padding:8px 15px;
  1670. border-bottom:3px solid #fff;
  1671. z-index:99;
  1672. transition: all 0.8s ease-out 0s;
  1673. transform: translateY(60px);
  1674. opacity:0
  1675. }
  1676. .bannerEntry.show .learnMore{
  1677. transform: translateY(0px);
  1678. opacity:1
  1679. }
  1680. .banner01{
  1681. background:#701585
  1682. }
  1683. .banner01 .learnMore {
  1684. background:#298514;
  1685. color:#fff
  1686. }
  1687. .banner02{
  1688. background:#b62e22
  1689. }
  1690. .banner02 .learnMore {
  1691. background:#21aab6;
  1692. color:#fff
  1693. }
  1694. .banner03{
  1695. background:url(bigbanner03.png) no-repeat center center
  1696. }
  1697. .banner03 .learnMore {
  1698. background:#333;
  1699. color:#fff
  1700. }
  1701. .banner04{
  1702. background:#ff6501
  1703. }
  1704. .banner04 .learnMore {
  1705. background:#009aff;
  1706. color:#fff
  1707. }
  1708. .banner05{
  1709. background:url(bigbanner05.png) no-repeat center center
  1710. }
  1711. .banner05 .learnMore {
  1712. background:#333;
  1713. color:#fff
  1714. }
  1715. .banner06{
  1716. background:#2d3e50
  1717. }
  1718. .banner06 .learnMore {
  1719. background:#0d75bd;
  1720. color:#fff
  1721. }
  1722. .banner07{
  1723. background:url(bigbanner07.png) no-repeat center center
  1724. }
  1725. .banner07 .learnMore {
  1726. background:#f0b500;
  1727. color:#fff
  1728. }
  1729. .banner08{
  1730. background:url(bigbanner08.png) no-repeat center center
  1731. }
  1732. .banner08 .learnMore {
  1733. background:#333;
  1734. color:#fff
  1735. }
  1736. .slidePointer {
  1737. position:absolute;
  1738. bottom:10px;
  1739. right:15px
  1740. }
  1741. .slidePointer li{
  1742. float:left;
  1743. font-size:26px;
  1744. color: #fff;
  1745. margin:0 5px 0 0;
  1746. cursor:pointer
  1747. }
  1748. .slidePointer li.now{
  1749. color:#000;
  1750. cursor:default;
  1751. text-shadow:0 1px 0px #fff
  1752. }
  1753. .warpProduct {
  1754. width:1060px;
  1755. position:relative;
  1756. margin:20px auto;
  1757. height:360px
  1758. }
  1759. .warpProduct .softItem{
  1760. padding:15px 30px 15px 30px;
  1761. width:220px;
  1762. background:#fff;
  1763. box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1);
  1764. position:absolute;
  1765. top:-60px;
  1766. left:0
  1767. }
  1768. .warpProduct h2{
  1769. font-size:24px;
  1770. margin:0 0 10px 0
  1771. }
  1772. .warpProduct .softItem li{
  1773. margin:15px 0
  1774. }
  1775. .warpProduct .websiteItem{
  1776. margin:0 0 0 320px
  1777. }
  1778. .warpProduct .websiteItem a{
  1779. margin:0 1px 0 0
  1780. }
  1781. .warpProduct .protrainItem {
  1782. margin:25px 0 0 690px;
  1783. width:370px
  1784. }
  1785. .warpProduct .protrainItem li {
  1786. margin:0 0 15px 0
  1787. }
  1788. .warpProduct .protrainItem a.fR{
  1789. background: #2DAEBF;
  1790. padding:3px 5px;
  1791. color:#fff
  1792. }
  1793. .warpProduct .padItem{
  1794. position: absolute;
  1795. height:170px;
  1796. width:340px;
  1797. left:320px;
  1798. top:170px
  1799. }
  1800. .newsBg .sideBar{
  1801. border-color:#12629C;
  1802. }
  1803. .newsBg .sideBar li a {
  1804. color:#12629C
  1805. }
  1806. .newsBg .sideBar li.active a {
  1807. color:#333
  1808. }
  1809. .newsList {
  1810. margin:20px 0;
  1811. }
  1812. .newsList .nItem {
  1813. border-bottom:1px solid #f2f2f2;
  1814. padding: 20px 0;
  1815. position:relative;
  1816. min-height:140px;
  1817. }
  1818. .nItem .nThumb{
  1819. position:absolute;
  1820. width:200px;
  1821. height:140px;
  1822. overflow:hidden
  1823. }
  1824. .nItem .nCon{
  1825. margin-left:230px;
  1826. }
  1827. .nItem .nCon h2{
  1828. margin-bottom: 20px;
  1829. margin-right: 20px
  1830. }
  1831. .nItem .nCon h2 a{
  1832. font-size: 18px
  1833. }
  1834. .nItem .nCon .nDes{
  1835. color:#999;
  1836. margin-right: 20px
  1837. }
  1838. .nItem .nCon .nInfo{
  1839. color:#ccc;
  1840. margin-top: 10px
  1841. }
  1842. .nItem .nCon .nInfo a{
  1843. color:#ccc;
  1844. }
  1845. .newsContent {
  1846. position:relative;
  1847. padding:20px 0;
  1848. }
  1849. .newsCitem {
  1850. margin-right: 340px;
  1851. margin-top: 20px
  1852. }
  1853. .newSide{
  1854. float: right;
  1855. width:320px;
  1856. padding:20px 0 0 0;
  1857. }
  1858. .newSide dt{
  1859. padding:5px 0 5px 20px;
  1860. font-size: 18px;
  1861. border-left:1px solid #12629C;
  1862. }
  1863. .newSide dd{
  1864. border-left:1px solid #ddd;
  1865. padding:10px 10px 20px 20px
  1866. }
  1867. .newSide dd a{
  1868. font-size:14px;
  1869. }
  1870. .newsCitem p{
  1871. font-size: 16px;
  1872. line-height:28px;
  1873. }
  1874. .newsCitem p a{
  1875. font-size: 16px;
  1876. }
  1877. .ncTitle {
  1878. background-size:cover;
  1879. background-position: center;
  1880. height:200px;
  1881. overflow:hidden;
  1882. position:relative
  1883. }
  1884. .ncTitle .wrapBg{
  1885. background:rgba(0,0,0,0.5);
  1886. background:none\9;
  1887. height:100%
  1888. }
  1889. .ncTitle h1{
  1890. font-size: 26px;
  1891. color:#fff;
  1892. padding-top:50px;
  1893. margin:0 40px 0 40px;
  1894. text-shadow:0 1px 1px #333;
  1895. }
  1896. .ncTitle p {
  1897. position:absolute;
  1898. bottom:30px;
  1899. left:40px;
  1900. color:#f2f2f2;
  1901. text-shadow:0 1px 2px #333;
  1902. }
  1903. .ncTitle p a{
  1904. color:#fff;
  1905. }
  1906. .pagination .none {
  1907. color:#ccc;
  1908. text-decoration: none;
  1909. cursor:default;
  1910. }
  1911. .webproLink li{
  1912. line-height:32px;
  1913. height:32px;
  1914. margin:10px 0 20px 0
  1915. }
  1916. .webproLink .icon{
  1917. height:32px;
  1918. width:32px;
  1919. display:inline-block;
  1920. *display:inline;
  1921. zoom:1;
  1922. background:url(webpro.png) no-repeat;
  1923. margin:0 10px 0 0;
  1924. vertical-align: top;
  1925. }
  1926. .webproLink .icon.iconol{
  1927. background-position:0 -32px
  1928. }
  1929. .webproLink .icon.iconsso{
  1930. background-position:0 0
  1931. }
  1932. .webproLink .icon.iconqy{
  1933. background-position:0 -64px
  1934. }
  1935. .webproLink li a{
  1936. font-size:18px;
  1937. display:inline-block;
  1938. *display:inline;
  1939. zoom:1;
  1940. height:32px;
  1941. line-height:32px
  1942. }
  1943. .bolangbanner {
  1944. bottom: 0;
  1945. height: 100px;
  1946. position: absolute;
  1947. width: 100%;
  1948. z-index:0;
  1949. }
  1950. #banner_bolang_bg_1{
  1951. position: absolute;
  1952. height:85px;
  1953. background: url(wave1.png) repeat-x;
  1954. width:300%;
  1955. bottom:0;
  1956. }
  1957. #banner_bolang_bg_2{
  1958. position: absolute;
  1959. height:100px;
  1960. background: url(wave2.png) repeat-x;
  1961. width:300%;
  1962. top:0;
  1963. }
  1964. .searchWrap {
  1965. border-top:3px solid #333;
  1966. }
  1967. .searchWrap .searchPanel {
  1968. box-shadow:1px 2px 3px #E7E7E7;
  1969. position: relative;
  1970. width:565px;
  1971. margin: 30px auto
  1972. }
  1973. .searchPanel .sInptw {
  1974. display: inline-block;
  1975. height: 48px;
  1976. width: 500px;
  1977. overflow: hidden;
  1978. border-width: 1px 0px 1px 1px;
  1979. border-color: #B5B5B5;
  1980. border-style: solid;
  1981. background-color: #FFF;
  1982. vertical-align: top;
  1983. box-shadow: 1px 1px 2px #E7E7E7 inset;
  1984. }
  1985. .searchPanel .sSel {
  1986. font-size: 12px;
  1987. position: absolute;
  1988. left:10px;
  1989. top:12px;
  1990. z-index: 99;
  1991. }
  1992. .searchPanel .sSel select{
  1993. padding:5px 0;
  1994. }
  1995. .searchPanel .sBtn {
  1996. position: relative;
  1997. cursor: pointer;
  1998. width: 64px;
  1999. height: 50px;
  2000. overflow: hidden;
  2001. vertical-align: top;
  2002. background-position: 50% 0px;
  2003. background-repeat: no-repeat;
  2004. float:right;
  2005. }
  2006. .searchPanel .sBtn input{
  2007. position: absolute;
  2008. background:#ff6501;
  2009. width: 64px;
  2010. height: 50px;
  2011. line-height:40px;
  2012. font-size: 18px;
  2013. text-align: center;
  2014. color:#fff;
  2015. cursor: pointer;
  2016. border:none
  2017. }
  2018. .searchPanel .sBtn input:hover{
  2019. background-color: #ff7b25;
  2020. }
  2021. .searchPanel .sBtn input:active{
  2022. line-height: 50px
  2023. }
  2024. .searchPanel .sInptw input{
  2025. background: none repeat scroll 0% 0% transparent;
  2026. outline: 0px none;
  2027. width: 430px;
  2028. height: 38px;
  2029. padding: 6px 5px 3px 100px;
  2030. font-size: 18px;
  2031. color: #666;
  2032. border:none;
  2033. }
  2034. .searchResults .entry {
  2035. margin:0px 0 15px;
  2036. padding:0px 0 15px 0;
  2037. border-bottom:1px dashed #ddd;
  2038. }
  2039. .searchResults .entry a.title{
  2040. font-size:16px;
  2041. }
  2042. .mainContent_con{
  2043. }
  2044. .security_h{
  2045. text-align:center;
  2046. margin:45px 0 20px;
  2047. font-size:30px;
  2048. color:#666;
  2049. }
  2050. .security_con{
  2051. position:relative;
  2052. text-align:center;
  2053. background:url(securityBg.png) no-repeat 255px 0;
  2054. margin:15px 0 35px 0;
  2055. }
  2056. .security_inputLock{
  2057. text-align:center;
  2058. padding:45px 0;
  2059. }
  2060. .security_inputLock span{
  2061. position:relative;
  2062. font-size:30px;
  2063. }
  2064. .security_input{
  2065. width:240px;
  2066. font-size:30px;
  2067. border:none;
  2068. background:#f3f3f3;
  2069. color:#ff6501;
  2070. padding:3px 0 3px 10px;
  2071. }
  2072. .security_inputLock .tips{
  2073. position:absolute;
  2074. left:15px;
  2075. top:5px;
  2076. }
  2077. .security_Lock{
  2078. position:absolute;
  2079. z-index:99;
  2080. left:350px;
  2081. top:90px;
  2082. display:none;
  2083. }
  2084. .security_btn{
  2085. margin:50px 0;
  2086. text-align:center;
  2087. }
  2088. .security_btn a{
  2089. text-decoration:none;
  2090. }
  2091. .btn_security{
  2092. font-size:30px;
  2093. color:#fff;
  2094. background:#ff6501;
  2095. border-radius:5px;
  2096. -moz-border-radius:5px;
  2097. -webkit-border-radius:5px;
  2098. padding:10px 100px;
  2099. border:none
  2100. }
  2101. .btn_security:hover{
  2102. color:#fff;
  2103. background:#ec5d00;
  2104. border:none
  2105. }
  2106. .btn_security:active{
  2107. color:#fff;
  2108. background:#ff6501;
  2109. border:none
  2110. }
  2111. .piracy_con{
  2112. text-align:center;
  2113. margin:65px 0;
  2114. text-align:center;
  2115. font-size:20px;
  2116. color:#ff6501;
  2117. }
  2118. .genuine_con{
  2119. margin:45px 0;
  2120. color:#666;
  2121. }
  2122. .genuine_con h2{
  2123. text-align:center;
  2124. height:45px;
  2125. line-height:45px;
  2126. font-size:20px;
  2127. }
  2128. .genuine_con ul{
  2129. margin:0 0 0 326px;
  2130. }
  2131. .genuine_con ul li{
  2132. font-size:16px;
  2133. padding:3px 0;
  2134. }
  2135. .trainingCon ul li{
  2136. float:left;
  2137. margin:15px 30px 15px 30px;
  2138. }
  2139. .trainingImg img{
  2140. width:210px;
  2141. height:210px;
  2142. }
  2143. /*-2.0首页-*/
  2144. /*顶部*/
  2145. .warp-header {
  2146. height:60px;
  2147. }
  2148. .warp-header-shell {
  2149. width:1060px;
  2150. margin:0 auto;
  2151. }
  2152. .warp-header .header-logo a{
  2153. float:left;
  2154. width:60px;
  2155. height:60px;
  2156. background:url(scIcons.png) no-repeat -62px -205px;
  2157. }
  2158. .warp-header .header-nav {
  2159. margin-left: 20px
  2160. }
  2161. .warp-header .header-nav h2{
  2162. font-size: 16px;
  2163. line-height: 60px;
  2164. color:#2F2F2F;
  2165. }
  2166. .warp-header .header-nav h3{
  2167. font-size: 16px;
  2168. color:#ff6501;
  2169. font-weight: 600;
  2170. margin-top: 5px
  2171. }
  2172. .warp-header .header-nav .qq-online{
  2173. width:170px;
  2174. height:26px;
  2175. background:url(qqonline.png) no-repeat;
  2176. cursor: pointer;
  2177. }
  2178. .warp-header .header-nav .qq-online:hover{
  2179. background:url(qqonline_hover.png) no-repeat;
  2180. }
  2181. .warp-header .header-nav h2 > a{
  2182. font-size: 16px;
  2183. line-height: 60px;
  2184. color:#2F2F2F;
  2185. }
  2186. .header-nav .nav-main {
  2187. float:left;
  2188. padding:0 20px;
  2189. position:relative;
  2190. cursor:pointer;
  2191. z-index: 999
  2192. }
  2193. .header-nav .nav-main.text {
  2194. float:left;
  2195. padding:0 20px;
  2196. position:relative;
  2197. cursor:default;
  2198. z-index: 999;
  2199. }
  2200. .header-nav .nav-main:hover {
  2201. background-color: #F1F1F1
  2202. }
  2203. .header-nav .nav-main.text:hover {
  2204. background-color:#fff
  2205. }
  2206. .header-nav .nav-main:hover > h2{
  2207. color:#2f2f2f
  2208. }
  2209. .header-nav .nav-main.active {
  2210. background-color: #F1F1F1
  2211. }
  2212. .header-nav .nav-main.active > h2{
  2213. color:#2f2f2f
  2214. }
  2215. .header-nav h2 .nav-icon{
  2216. margin:0 0 0 10px;
  2217. vertical-align:middle
  2218. }
  2219. .header-nav .nav-icon {
  2220. background:url(scIcons.png) no-repeat 0 0;
  2221. display:inline-block;
  2222. width:16px;
  2223. height:16px
  2224. }
  2225. .nav-drop .nav-icon{
  2226. float:right;
  2227. margin-top:18px;
  2228. }
  2229. .nav-icon.icon-up {
  2230. background-position: -123px -205px
  2231. }
  2232. .nav-icon.icon-right {
  2233. background-position: -123px -239px
  2234. }
  2235. .nav-drop {
  2236. position:absolute;
  2237. background-color:#f1f1f1;
  2238. min-width:200px;
  2239. max-width:200px;
  2240. left:0;
  2241. z-index: 999
  2242. }
  2243. .nav-drop dt {
  2244. height:50px;
  2245. line-height:50px;
  2246. padding:0 20px;
  2247. color:#2F2F2F;
  2248. width:160px;
  2249. }
  2250. .nav-drop dt > a{
  2251. color:#2F2F2F;
  2252. text-decoration: none;
  2253. float:left;
  2254. width:160px
  2255. }
  2256. .nav-drop dt > a:hover {
  2257. text-decoration:underline
  2258. }
  2259. .nav-drop dt.active{
  2260. background-color:#E5E5E5
  2261. }
  2262. .nav-drop dt:hover{
  2263. background-color:#E5E5E5
  2264. }
  2265. .nav-drop dt.active .nav-icon{
  2266. opacity:0.2;
  2267. }
  2268. .nav-dropdown-content {
  2269. position:absolute;
  2270. left:200px;
  2271. background-color:#E5E5E5;
  2272. width:200px;
  2273. top:0;
  2274. }
  2275. .nav-dropdown-content li {
  2276. height:50px;
  2277. line-height:50px;
  2278. display:block;
  2279. width:200px;
  2280. padding:0;
  2281. }
  2282. .nav-dropdown-content li:hover {
  2283. background-color: #D9D9D9;
  2284. }
  2285. .nav-dropdown-content li a{
  2286. display:inline-block;
  2287. padding:0 20px;
  2288. width:160px;
  2289. color:#2F2F2F;
  2290. }
  2291. .nav-dropdown-content li a:hover{
  2292. background-color: #D9D9D9;
  2293. }
  2294. .index-header .active .nav-icon.icon-up {
  2295. background-position: -123px -205px
  2296. }
  2297. .index-header li:hover .nav-icon.icon-up {
  2298. background-position: -123px -205px
  2299. }
  2300. .header-search{
  2301. float:right;
  2302. height:60px;
  2303. line-height: 60px
  2304. }
  2305. .header-search .search-bar{
  2306. height:24px;
  2307. background:#fff;
  2308. line-height: 24px;
  2309. padding:2px;
  2310. margin-top: 15px;
  2311. border:1px solid #ddd;
  2312. }
  2313. .search-bar .search-input{
  2314. height:22px;
  2315. background:#fff;
  2316. border:none;
  2317. display:inline-block;
  2318. padding:0 5px;
  2319. width:90px;
  2320. }
  2321. .search-bar .search-submit{
  2322. height:24px;
  2323. background:#ff6501;
  2324. color:#fff;
  2325. border:none;
  2326. display:inline-block;
  2327. padding:0 5px;
  2328. cursor:pointer;
  2329. }
  2330. .search-bar .search-submit:hover{
  2331. background:#ff8130;
  2332. }
  2333. .search-bar select{
  2334. border:1px solid #fff
  2335. }
  2336. .header-search .search-icon{
  2337. width:24px;
  2338. height:24px;
  2339. background:url(search-icon.png) no-repeat 0 0;
  2340. display:inline-block;
  2341. cursor:pointer;
  2342. vertical-align:middle
  2343. }
  2344. /*首页顶部*/
  2345. .index-header{
  2346. position:absolute;
  2347. width:100%;
  2348. z-index: 999;
  2349. background:url(header-bg.png) repeat center center;
  2350. }
  2351. .index-header .header-logo a{
  2352. background-position: 0px -205px
  2353. }
  2354. .index-header .header-nav h2 {
  2355. color:#fff;
  2356. font-weight: 600
  2357. }
  2358. .index-header .nav-icon.icon-up {
  2359. background-position: -140px -205px
  2360. }
  2361. .index-header .header-search .search-icon{
  2362. background:url(search-icon.png) no-repeat 0 -24px
  2363. }
  2364. .index-header .header-search .search-bar{
  2365. border:1px solid #fff;
  2366. }
  2367. /*广告*/
  2368. .warp-banner {
  2369. height:500px;
  2370. width:100%;
  2371. position:relative;
  2372. background-color: #333
  2373. }
  2374. .banner-shell {
  2375. height:500px;
  2376. overflow:hidden;
  2377. }
  2378. .banner-entry {
  2379. position:absolute;
  2380. height:500px;
  2381. width:100%;
  2382. opacity:0;
  2383. overflow:hidden;
  2384. transition: all 0.6s ease-out 0s;
  2385. }
  2386. .banner-entry.show{
  2387. opacity:1;
  2388. }
  2389. .banner-entry .banner-images{
  2390. width:1060px;
  2391. height:500px;
  2392. position:relative;
  2393. margin:0 auto;
  2394. overflow:hidden;
  2395. }
  2396. /*计量支付*/
  2397. .banner-entry.banner-one {
  2398. background:#B6BA6B url(bing-banner01.jpg) center center
  2399. }
  2400. .banner-one .animation{
  2401. position:absolute;
  2402. opacity:0
  2403. }
  2404. .banner-one .images-1{
  2405. background:url(banner-jlzf.png) 0 0;
  2406. width:504px;
  2407. height:392px;
  2408. bottom:40px;
  2409. right:35px;
  2410. transition: all 0.8s ease-out 0s;
  2411. transform: translateY(-60px);
  2412. transition-delay: 0.2s;
  2413. }
  2414. .banner-one .images-2{
  2415. background:url(banner-jlzf.png) 0 -392px;
  2416. width:376px;
  2417. height:219px;
  2418. bottom:25px;
  2419. right:354px;
  2420. transition: all 0.8s ease-in 0s;
  2421. transform: translateX(-70px);
  2422. }
  2423. .banner-one .images-3{
  2424. background:url(banner-jlzf.png) 0 -611px;
  2425. width:237px;
  2426. height:168px;
  2427. bottom:25px;
  2428. right:5px;
  2429. transition: all 0.8s ease-in 0s;
  2430. transform: translateX(70px);
  2431. }
  2432. .banner-one.show .images-1{
  2433. transform: translateY(0px);
  2434. opacity:1;
  2435. }
  2436. .banner-one.show .images-2{
  2437. transform: translateX(0px);
  2438. opacity:1;
  2439. }
  2440. .banner-one.show .images-3{
  2441. transform: translateX(0px);
  2442. opacity:1;
  2443. }
  2444. .banner-one .title-1{
  2445. background:url(banner-jlzf.png) 0 -780px;
  2446. width:470px;
  2447. height:38px;
  2448. top:135px;
  2449. left:15px;
  2450. transition: all 0.4s ease-out 0s;
  2451. transform: translateX(30px);
  2452. }
  2453. .banner-one .title-2{
  2454. background:url(banner-jlzf.png) -335px -610px;
  2455. width:239px;
  2456. height:30px;
  2457. top:230px;
  2458. left:15px;
  2459. transition: all 0.2s ease-in 0s;
  2460. transform: translateX(30px);
  2461. transition-delay: 0.2s;
  2462. }
  2463. .banner-one .title-3{
  2464. background:url(banner-jlzf.png) -335px -648px;
  2465. width:209px;
  2466. height:30px;
  2467. top:285px;
  2468. left:15px;
  2469. transition: all 0.2s ease-in 0s;
  2470. transform: translateX(30px);
  2471. transition-delay: 0.4s;
  2472. }
  2473. .banner-one .title-4{
  2474. background:url(banner-jlzf.png) -335px -685px;
  2475. width:209px;
  2476. height:30px;
  2477. top:336px;
  2478. left:15px;
  2479. transition: all 0.2s ease-in 0s;
  2480. transform: translateX(30px);
  2481. transition-delay: 0.6s;
  2482. }
  2483. .banner-one.show .title-1{
  2484. transform: translateX(0px);
  2485. opacity:1;
  2486. }
  2487. .banner-one.show .title-2{
  2488. transform: translateX(0px);
  2489. opacity:1;
  2490. }
  2491. .banner-one.show .title-3{
  2492. transform: translateX(0px);
  2493. opacity:1;
  2494. }
  2495. .banner-one.show .title-4{
  2496. transform: translateX(0px);
  2497. opacity:1;
  2498. }
  2499. .banner-one .more-button{
  2500. position:absolute;
  2501. top:420px;
  2502. left:15px;
  2503. z-index: 99;
  2504. opacity:0;
  2505. transition: all 0.2s ease-in 0s;
  2506. transform: translateX(30px);
  2507. transition-delay: 0.8s;
  2508. }
  2509. .banner-one.show .more-button{
  2510. transform: translateX(0px);
  2511. opacity:1;
  2512. }
  2513. .banner-one .more-button a{
  2514. color:#333;
  2515. background:#fff;
  2516. border:1px solid #fff;
  2517. padding:15px 30px;
  2518. text-decoration: none;
  2519. font-size: 16px
  2520. }
  2521. .banner-one .more-button a:hover{
  2522. color:#333;
  2523. background:#fff;
  2524. padding:17px 32px;
  2525. }
  2526. /*计量支付*/
  2527. /*计量支付2*/
  2528. .banner-entry.banner-seven {
  2529. background:#B6BA6B url(bing-banner06.jpg) center center
  2530. }
  2531. .banner-seven .animation{
  2532. position:absolute;
  2533. opacity:0
  2534. }
  2535. .banner-seven .images-2{
  2536. background:url(banner-jlzf2.png) 0 0;
  2537. width:440px;
  2538. height:342px;
  2539. bottom:5px;
  2540. left:376px;
  2541. transition: all 0.8s ease-in 0s;
  2542. transform: translateX(-70px);
  2543. }
  2544. .banner-seven .images-3{
  2545. background:url(banner-jlzf2.png) 0 -352px;
  2546. width:325px;
  2547. height:192px;
  2548. bottom:5px;
  2549. left:180px;
  2550. transition: all 0.8s ease-in 0s;
  2551. transform: translateX(70px);
  2552. }
  2553. .banner-seven.show .images-2{
  2554. transform: translateX(0px);
  2555. opacity:1;
  2556. }
  2557. .banner-seven.show .images-3{
  2558. transform: translateX(0px);
  2559. opacity:1;
  2560. }
  2561. .banner-seven .title-1{
  2562. background:url(banner-jlzf2.png) 0 -544px;
  2563. width:631px;
  2564. height:47px;
  2565. top:28px;
  2566. left:216px;
  2567. transition: all 0.4s ease-out 0s;
  2568. transform: translateX(30px);
  2569. }
  2570. .banner-seven .title-2{
  2571. background:url(banner-jlzf2.png) 0 -591px;
  2572. width:683px;
  2573. height:47px;
  2574. top:85px;
  2575. left:189px;
  2576. transition: all 0.2s ease-in 0s;
  2577. transform: translateX(30px);
  2578. transition-delay: 0.2s;
  2579. }
  2580. .banner-seven.show .title-1{
  2581. transform: translateX(0px);
  2582. opacity:1;
  2583. }
  2584. .banner-seven.show .title-2{
  2585. transform: translateX(0px);
  2586. opacity:1;
  2587. }
  2588. .banner-seven .more-button{
  2589. position:absolute;
  2590. top:450px;
  2591. right:200px;
  2592. z-index: 99;
  2593. opacity:0;
  2594. transition: all 0.2s ease-in 0s;
  2595. transform: translateX(30px);
  2596. transition-delay: 0.8s;
  2597. }
  2598. .banner-seven.show .more-button{
  2599. transform: translateX(0px);
  2600. opacity:1;
  2601. }
  2602. .banner-seven .more-button a{
  2603. color:#333;
  2604. background:#fff;
  2605. border:1px solid #fff;
  2606. padding:15px 30px;
  2607. text-decoration: none;
  2608. font-size: 16px
  2609. }
  2610. .banner-seven .more-button a:hover{
  2611. color:#333;
  2612. background:#fff;
  2613. padding:17px 32px;
  2614. }
  2615. /*计量支付2*/
  2616. /*N合1*/
  2617. .banner-entry.banner-two {
  2618. background:#ed6455 url(bing-banner02.jpg) center center
  2619. }
  2620. .banner-two .animation{
  2621. position:absolute;
  2622. opacity:0
  2623. }
  2624. .banner-two .title-1{
  2625. background:url(banner-ninone.png) 0 0;
  2626. width:427px;
  2627. height:135px;
  2628. top:175px;
  2629. left:125px;
  2630. transition: all 0.4s ease-out 0s;
  2631. transform: translateX(-60px);
  2632. }
  2633. .banner-two .title-2{
  2634. background:url(banner-ninone.png) 0 -135px;
  2635. width:332px;
  2636. height:122px;
  2637. top:190px;
  2638. right:125px;
  2639. transition: all 0.4s ease-out 0s;
  2640. transform: translateX(60px);
  2641. }
  2642. .banner-two .title-3{
  2643. left:0;
  2644. top:0;
  2645. width:70px;
  2646. opacity:1;
  2647. height:122px;background:url(banner-ninone1.png) 0 0
  2648. }
  2649. .banner-two .more-button{
  2650. position:absolute;
  2651. top:385px;
  2652. left:475px;
  2653. z-index: 99;
  2654. opacity:0;
  2655. transition: all 0.4s ease-in 0s;
  2656. transform: translateY(30px);
  2657. transition-delay: 0.2s;
  2658. }
  2659. .banner-two.show .more-button{
  2660. transform: translateY(0px);
  2661. opacity:1;
  2662. }
  2663. .banner-two .more-button a{
  2664. color:#cf4a3e;
  2665. background:#fff;
  2666. border:1px solid #fff;
  2667. padding:15px 30px;
  2668. text-decoration: none;
  2669. font-size: 16px
  2670. }
  2671. .banner-two .more-button a:hover{
  2672. color:#cf4a3e;
  2673. background:#fff;
  2674. padding:17px 32px;
  2675. }
  2676. .banner-two.show .title-1{
  2677. transform: translateX(0px);
  2678. opacity:1;
  2679. }
  2680. .banner-two.show .title-2{
  2681. transform: translateX(0px);
  2682. opacity:1;
  2683. }
  2684. .banner-two.show .title-3{
  2685. -webkit-animation:pulse 0.4s infinite ease;
  2686. -moz-animation:pulse 0.4s infinite ease;}
  2687. @-webkit-keyframes pulse{
  2688. 0%{background:url(banner-ninone1.png) 0 -122px;}
  2689. 25%{background:url(banner-ninone1.png) 0 -244px;}
  2690. 50%{background:url(banner-ninone1.png) 0 -366px;}
  2691. 75%{background:url(banner-ninone1.png) 0 -488px;}
  2692. 100%{background:url(banner-ninone1.png) 0 -610px;}
  2693. }
  2694. @-moz-keyframes pulse{
  2695. 0%{background:url(banner-ninone1.png) 0 -122px;}
  2696. 25%{background:url(banner-ninone1.png) 0 -244px;}
  2697. 50%{background:url(banner-ninone1.png) 0 -366px;}
  2698. 75%{background:url(banner-ninone1.png) 0 -488px;}
  2699. 100%{background:url(banner-ninone1.png) 0 -610px;}
  2700. }
  2701. /*N合1*/
  2702. /*V908*/
  2703. .banner-entry.banner-three {
  2704. background:#efefef url(bing-banner03.jpg) center center
  2705. }
  2706. .banner-three .animation{
  2707. position:absolute;
  2708. opacity:0
  2709. }
  2710. .banner-three .title-1{
  2711. background:url(banner-908.png) 0px 0px;
  2712. width:653px;
  2713. height:50px;
  2714. top:170px;
  2715. left:200px;
  2716. transition: all 0.2s ease-in 0s;
  2717. transform: translateY(30px);
  2718. transition-delay: 0.2s;
  2719. }
  2720. .banner-three .title-2{
  2721. background:url(banner-908.png) 0px -50px;
  2722. width:275px;
  2723. height:108px;
  2724. top:240px;
  2725. left:585px;
  2726. transition: all 0.2s ease-in 0s;
  2727. transform: translateY(30px);
  2728. transition-delay: 0.4s;
  2729. }
  2730. .banner-three .title-3{
  2731. background:url(banner-908.png) 0px -158px;
  2732. width:359px;
  2733. height:83px;
  2734. top:252px;
  2735. left:200px;
  2736. transition: all 0.2s ease-in 0s;
  2737. transform: translateY(30px);
  2738. transition-delay: 0.8s;
  2739. }
  2740. .banner-three.show .title-1{
  2741. transform: translateY(0px);
  2742. opacity:1;
  2743. }
  2744. .banner-three.show .title-2{
  2745. transform: translateY(0px);
  2746. opacity:1;
  2747. -webkit-animation:shak 0.7s infinite ease;
  2748. -moz-animation:shak 0.7s infinite ease;
  2749. animation:shak 0.7s infinite ease;
  2750. }
  2751. @-webkit-keyframes shak{
  2752. 0%,100%{-webkit-transform:translateY(0);}
  2753. 10%,30%,50%,70%, 90%{-webkit-transform:translateY(-10px);}
  2754. 20%,40%,60%,80%{-webkit-transform:translateX(10px);}
  2755. }
  2756. @-moz-keyframes shak{
  2757. 0%,100%{-moz-transform:translateY(0);}
  2758. 10%,30%,50%,70%, 90%{-moz-transform:translateY(-10px);}
  2759. 20%,40%,60%,80%{-moz-transform:translateX(10px);}
  2760. }
  2761. @keyframes shak{
  2762. 0%,100%{transform:translateY(0);}
  2763. 10%,30%,50%,70%, 90%{transform:translateY(-10px);}
  2764. 20%,40%,60%,80%{transform:translateX(10px);}
  2765. }
  2766. .banner-three.show .title-3{
  2767. transform: translateY(0px);
  2768. opacity:1;
  2769. }
  2770. .banner-three .more-button{
  2771. position:absolute;
  2772. top:420px;
  2773. right:200px;
  2774. z-index: 99;
  2775. opacity:0;
  2776. transition: all 0.4s ease-in 0s;
  2777. transform: translateY(30px);
  2778. transition-delay: 0.2s;
  2779. }
  2780. .banner-three.show .more-button{
  2781. transform: translateY(0px);
  2782. opacity:1;
  2783. }
  2784. .banner-three .more-button a{
  2785. color:#fff;
  2786. background:#FF6501;
  2787. border:1px solid #FF6501;
  2788. padding:15px 30px;
  2789. text-decoration: none;
  2790. font-size: 16px
  2791. }
  2792. .banner-three .more-button a:hover{
  2793. color:#fff;
  2794. background:#FF6501;
  2795. padding:17px 32px;
  2796. }
  2797. /*908*/
  2798. /*网络版*/
  2799. .banner-entry.banner-four {
  2800. background:#e36335 url(bing-banner04.jpg) center center
  2801. }
  2802. .banner-four .animation{
  2803. position:absolute;
  2804. opacity:0
  2805. }
  2806. .banner-four .images-1{
  2807. background:url(banner-ol.png) 0 0;
  2808. width:261px;
  2809. height:206px;
  2810. top:47px;
  2811. left:89px;
  2812. transition: all 0.8s ease-out 0s;
  2813. transform: translateY(-30px);
  2814. }
  2815. .banner-four .title-1{
  2816. background:url(banner-ol.png) -261px 0;
  2817. width:555px;
  2818. height:121px;
  2819. top:88px;
  2820. right:89px;
  2821. transition: all 0.8s ease-in 0s;
  2822. transform: translateY(-30px);
  2823. }
  2824. .banner-four .title-2{
  2825. background:url(banner-ol.png) 0 -206px;
  2826. width:634px;
  2827. height:69px;
  2828. top:290px;
  2829. left:215px;
  2830. transition: all 0.4s ease-in 0s;
  2831. transition-delay: 0.8s;
  2832. transform: translateY(-40px);
  2833. }
  2834. .banner-four.show .images-1{
  2835. transform: translateY(0px);
  2836. opacity:1;
  2837. }
  2838. .banner-four.show .title-1{
  2839. transform: translateY(0px);
  2840. opacity:1;
  2841. }
  2842. .banner-four.show .title-2{
  2843. transform: translateY(0px);
  2844. opacity:1;
  2845. }
  2846. .banner-four .more-button{
  2847. position:absolute;
  2848. top:405px;
  2849. left:475px;
  2850. z-index: 99;
  2851. opacity:0;
  2852. transition: all 0.4s ease-in 0s;
  2853. transform: translateY(-30px);
  2854. transition-delay: 0.8s;
  2855. }
  2856. .banner-four.show .more-button{
  2857. transform: translateY(0px);
  2858. opacity:1;
  2859. }
  2860. .banner-four .more-button a{
  2861. color:#cf4a3e;
  2862. background:#fff;
  2863. border:1px solid #fff;
  2864. padding:15px 30px;
  2865. text-decoration: none;
  2866. font-size: 16px
  2867. }
  2868. .banner-four .more-button a:hover{
  2869. color:#cf4a3e;
  2870. background:#fff;
  2871. padding:17px 32px;
  2872. }
  2873. /*招聘*/
  2874. .banner-entry.banner-five {
  2875. background:#e36335 url(bing-banner05.jpg) center center
  2876. }
  2877. .banner-five .animation{
  2878. position:absolute;
  2879. opacity:0
  2880. }
  2881. .banner-five .more-button{
  2882. position:absolute;
  2883. top:405px;
  2884. left:50%;
  2885. margin-left:-103px;
  2886. z-index: 99;
  2887. opacity:0;
  2888. transition: all 0.4s ease-in 0s;
  2889. transform: translateY(-30px);
  2890. transition-delay: 0.8s;
  2891. }
  2892. .banner-five.show .more-button{
  2893. transform: translateY(0px);
  2894. opacity:1;
  2895. }
  2896. .banner-five .more-button a{
  2897. color:#cf4a3e;
  2898. background:#fff;
  2899. border:1px solid #fff;
  2900. padding:15px 30px;
  2901. text-decoration: none;
  2902. font-size: 16px
  2903. }
  2904. .banner-five .more-button a:hover{
  2905. color:#cf4a3e;
  2906. background:#fff;
  2907. padding:17px 32px;
  2908. }
  2909. /*招聘*/
  2910. /*大司空*/
  2911. .banner-entry.banner-ten {
  2912. background:#e36335 url(bing-banner07.jpg) center center
  2913. }
  2914. .banner-ten .animation{
  2915. position:absolute;
  2916. opacity:0
  2917. }
  2918. .banner-ten .title-1{
  2919. top:25px;
  2920. width: 100%;
  2921. text-align: center;
  2922. font-size: 46px;
  2923. color: #fff;
  2924. transition: all 0.4s ease-out 0s;
  2925. transform: translateX(30px);
  2926. }
  2927. .banner-ten .title-2{
  2928. top:85px;
  2929. width: 100%;
  2930. text-align: center;
  2931. font-size: 46px;
  2932. color: #fff;
  2933. transition: all 0.2s ease-in 0s;
  2934. transform: translateX(30px);
  2935. transition-delay: 0.2s;
  2936. }
  2937. .banner-ten.show .title-1{
  2938. transform: translateX(0px);
  2939. opacity:1;
  2940. }
  2941. .banner-ten.show .title-2{
  2942. transform: translateX(0px);
  2943. opacity:1;
  2944. }
  2945. .banner-ten .more-button{
  2946. position:absolute;
  2947. top:205px;
  2948. left:50%;
  2949. margin-left:-78px;
  2950. z-index: 99;
  2951. opacity:0;
  2952. transition: all 0.4s ease-in 0s;
  2953. transform: translateY(-30px);
  2954. transition-delay: 0.6s;
  2955. }
  2956. .banner-ten.show .more-button{
  2957. transform: translateY(0px);
  2958. opacity:1;
  2959. }
  2960. .banner-ten .more-button a{
  2961. color:#fff;
  2962. background: #ff6501;
  2963. border:1px solid #ff6501;
  2964. padding:15px 30px;
  2965. text-decoration: none;
  2966. font-size: 16px
  2967. }
  2968. .banner-ten .more-button a:hover{
  2969. color:#fff;
  2970. background:#d95e0e;
  2971. border:1px solid #d95e0e;;
  2972. padding:17px 32px;
  2973. }
  2974. /*大司空*/
  2975. /*新定额*/
  2976. .banner-entry.banner-six {
  2977. background:#B6BA6B url(banner-newdinge.png) center center
  2978. }
  2979. .banner-six .animation{
  2980. position:absolute;
  2981. opacity:0
  2982. }
  2983. .banner-six .images-1{
  2984. background:url(banner-dinge.png) -740px 0px;
  2985. width:370px;
  2986. height:370px;
  2987. top:80px;
  2988. left:80px;
  2989. transition: all 0.8s ease-out 0s;
  2990. transform: translateY(-60px);
  2991. transition-delay: 0.2s;
  2992. }
  2993. .banner-six .images-2{
  2994. background:url(banner-dinge.png) -370px 0px;
  2995. width:370px;
  2996. height:370px;
  2997. top:70px;
  2998. left:85px;
  2999. transition: all 0.8s ease-in 0s;
  3000. transform: translateX(-70px);
  3001. }
  3002. .banner-six .images-3{
  3003. background:url(banner-dinge.png) 0 0;
  3004. width:370px;
  3005. height:370px;
  3006. top:70px;
  3007. left:95px;
  3008. transition: all 0.8s ease-in 0s;
  3009. transform: translateX(70px);
  3010. }
  3011. .banner-six.show .images-1{
  3012. transform: translateY(0px);
  3013. opacity:1;
  3014. }
  3015. .banner-six.show .images-2{
  3016. transform: translateX(0px);
  3017. opacity:1;
  3018. }
  3019. .banner-six.show .images-3{
  3020. transform: translateX(0px);
  3021. opacity:1;
  3022. }
  3023. .banner-six .title-1{
  3024. background:url(banner-dinge.png) -1120px -110px;
  3025. width:785px;
  3026. height:80px;
  3027. top:175px;
  3028. left:215px;
  3029. transition: all 0.4s ease-out 0s;
  3030. transform: translateX(30px);
  3031. }
  3032. .banner-six .title-2{
  3033. background:url(banner-dinge.png) -1120px -200px;
  3034. width:629px;
  3035. height:50px;
  3036. top:265px;
  3037. left:295px;
  3038. transition: all 0.2s ease-in 0s;
  3039. transform: translateX(30px);
  3040. transition-delay: 0.2s;
  3041. }
  3042. .banner-six.show .title-1{
  3043. transform: translateX(0px);
  3044. opacity:1;
  3045. }
  3046. .banner-six.show .title-2{
  3047. transform: translateX(0px);
  3048. opacity:1;
  3049. }
  3050. .banner-six .more-button{
  3051. position:absolute;
  3052. top:380px;
  3053. right:70px;
  3054. z-index: 99;
  3055. opacity:0;
  3056. transition: all 0.2s ease-in 0s;
  3057. transform: translateX(30px);
  3058. transition-delay: 0.2s;
  3059. }
  3060. .banner-six.show .more-button{
  3061. transform: translateX(0px);
  3062. opacity:1;
  3063. }
  3064. .banner-six .more-button a{
  3065. color:#333;
  3066. background:#fff;
  3067. border:1px solid #fff;
  3068. padding:15px 30px;
  3069. text-decoration: none;
  3070. font-size: 16px
  3071. }
  3072. .banner-six .more-button a:hover{
  3073. color:#333;
  3074. background:#fff;
  3075. padding:17px 32px;
  3076. }
  3077. /*新定额*/
  3078. /*网络版*/
  3079. #banner-pointer {
  3080. position:absolute;
  3081. bottom:10px;
  3082. right:10px;
  3083. }
  3084. #banner-pointer li{
  3085. float:left;
  3086. background: #f2f2f2;
  3087. margin:0 5px 0 0;
  3088. cursor:pointer;
  3089. width:12px;
  3090. height:12px;
  3091. border-radius: 12px;
  3092. box-shadow: 0 1px 3px #999
  3093. }
  3094. #banner-pointer li.focus{
  3095. background:#fff;
  3096. cursor:default;
  3097. width:28px;
  3098. }
  3099. .warp-big-title {
  3100. width:1060px;
  3101. margin:0 auto;
  3102. padding:0 0 45px 0;
  3103. }
  3104. .warp-big-title h1{
  3105. text-align: center;
  3106. font-size: 36px;
  3107. color:#ff6501;
  3108. padding-bottom: 20px
  3109. }
  3110. .warp-big-title h2{
  3111. text-align: center;
  3112. font-size: 16px;
  3113. color:#3f4244;
  3114. padding:20px 0 0 0;
  3115. border-top:1px solid #333;
  3116. width:240px;
  3117. margin: 0 auto;
  3118. }
  3119. .warp-sub-banner{
  3120. width:1060px;
  3121. margin:0 auto;
  3122. }
  3123. .warp-sub-banner a:hover{
  3124. background:#333;
  3125. }
  3126. .warp-sub-banner a:hover img{
  3127. opacity:0.8;
  3128. }
  3129. .warp-news {
  3130. width:1040px;
  3131. margin:45px auto 40px;
  3132. padding:0 10px;
  3133. }
  3134. .warp-news .news-entry{
  3135. width:306px;
  3136. }
  3137. .news-entry h3{
  3138. font-size:18px;
  3139. margin-bottom:20px;
  3140. }
  3141. .news-entry dt{
  3142. position:relative;
  3143. margin-bottom:15px;
  3144. }
  3145. .news-entry dt .news-title {
  3146. background:rgba(21,112,166,0.6);
  3147. position:absolute;
  3148. bottom:0;
  3149. width:286px;
  3150. text-align:left;
  3151. padding:5px 10px;
  3152. }
  3153. .news-entry dt .news-title a{
  3154. color:#fff;
  3155. }
  3156. .news-entry dd{
  3157. margin-bottom:20px;
  3158. color:#999;
  3159. }
  3160. .news-entry li{
  3161. margin-bottom:26px;
  3162. color:#999;
  3163. }
  3164. .news-entry h4{
  3165. margin:3px 0;
  3166. font-size: 16px
  3167. }
  3168. .news-entry h4 a{
  3169. font-size: 16px
  3170. }
  3171. .news-entry li .train-loca{
  3172. background:#2daebf;
  3173. color:#fff;
  3174. padding:2px 5px;
  3175. display:inline-block;
  3176. }
  3177. .news-entry .feelTrain{
  3178. display:inline-block;
  3179. width:100%;
  3180. font-size: 16px;
  3181. text-decoration:none;
  3182. color:#ff6501;
  3183. }
  3184. .news-entry .feelTrain{
  3185. display:inline-block;
  3186. width:100%;
  3187. font-size: 16px;
  3188. text-decoration:none;
  3189. color:#ff6501;
  3190. }
  3191. .news-entry .feelTrain:hover{
  3192. color:#ff8d43;
  3193. }
  3194. /*走进纵横*/
  3195. .about-tab {
  3196. background:#fff;
  3197. z-index: 9999
  3198. }
  3199. .about-tab li{
  3200. float:left;
  3201. width:170px;
  3202. height:80px;
  3203. }
  3204. .about-tab li a{
  3205. display:inline-block;
  3206. width:170px;
  3207. border-left:1px solid #ccc;
  3208. text-align: center;
  3209. font-size:16px;
  3210. height:18px;
  3211. line-height: 18px;
  3212. margin-top: 32px;
  3213. margin-left: -1px;
  3214. font-weight: 600;
  3215. color:#666;
  3216. cursor:pointer;
  3217. }
  3218. .about-tab li a:hover{
  3219. text-decoration: none;
  3220. color:#333;
  3221. }
  3222. .about-tab li.active a{
  3223. color:#B2005E;
  3224. cursor:default;
  3225. }
  3226. .about-content {
  3227. margin-top:80px;
  3228. }
  3229. .about-text {
  3230. padding:67px 150px 67px 150px ;
  3231. }
  3232. .about-text .text-item{
  3233. height:150px
  3234. }
  3235. .about-text h2,.about-h2 {
  3236. font-size:28px;
  3237. color:#333;
  3238. }
  3239. .about-text p,.about-p {
  3240. font-size:20px;
  3241. margin:15px 0;
  3242. line-height: 28px;
  3243. }
  3244. .about-entry a {
  3245. color: #B2005E;
  3246. }
  3247. .about-entry a:hover {
  3248. text-decoration: underline;
  3249. }
  3250. .about-entry a.apply {
  3251. background:#fff;
  3252. padding:5px;
  3253. border:1px solid #B2005E;
  3254. float: right;
  3255. margin-right:30px;
  3256. }
  3257. .about-entry a.apply:hover{
  3258. color:#fff;
  3259. background: #B2005E;
  3260. text-decoration:none;
  3261. }
  3262. .timeline {
  3263. padding-top:0;
  3264. }
  3265. .timeline .text {
  3266. margin-left:80px;
  3267. padding-left:80px;
  3268. border-left:1px solid #ccc;
  3269. padding-bottom:15px;
  3270. }
  3271. .timeline .text p{
  3272. margin-top:0px;
  3273. }
  3274. .timeline .text p a{
  3275. font-size:18px;
  3276. }
  3277. .history-line .text p a{
  3278. font-size:16px;
  3279. }
  3280. .timeline .month {
  3281. position:relative;
  3282. }
  3283. .timeline .year h3{
  3284. font-size: 28px;
  3285. color:#333;
  3286. }
  3287. .history-line .year h3{
  3288. font-size: 28px;
  3289. color:#333;
  3290. margin-bottom:40px;
  3291. }
  3292. .timeline .month em{
  3293. position:absolute;
  3294. font-size: 14px;
  3295. left:25px;
  3296. top:0;
  3297. }
  3298. .timeline .month em .dot{
  3299. display:inline-block;
  3300. background:#b2005e;
  3301. width:12px;
  3302. height:12px;
  3303. border-radius: 10px;
  3304. margin-left:20px;
  3305. }
  3306. .history-line .month em{
  3307. left:22px;
  3308. top:5px;
  3309. }
  3310. .about-entry .partnerList{
  3311. width:810px;
  3312. margin:0 auto 60px;
  3313. }
  3314. .about-entry .clientList{
  3315. padding:0;
  3316. background:none;
  3317. margin-bottom: 60px
  3318. }
  3319. .clientList td{
  3320. padding:8px 0;
  3321. text-align:left
  3322. }
  3323. .join-line .month em{
  3324. left:-1px;
  3325. top:5px;
  3326. }
  3327. .join-line .year h3{
  3328. font-size: 24px;
  3329. color:#333;
  3330. margin-bottom:10px;
  3331. margin-top:40px;
  3332. }
  3333. .join-line .month{
  3334. display:none;
  3335. }
  3336. .join-line i.arow {
  3337. background: transparent url("scIcons.png") no-repeat -123px -205px;
  3338. display: inline-block;
  3339. width: 16px;
  3340. height: 16px;
  3341. float:right;
  3342. }
  3343. .join-line i.on {
  3344. background: transparent url("scIcons.png") no-repeat -123px -221px;
  3345. }
  3346. .join-line h3:hover{
  3347. cursor:pointer;
  3348. color:#B2005E;
  3349. }
  3350. .join-line .year:hover h3{
  3351. color:#B2005E;
  3352. }
  3353. .join-line .month em .dot{
  3354. background:#999;
  3355. }
  3356. .join-line .year:hover em .dot{
  3357. background:#B2005E;
  3358. }
  3359. .join-line .text {
  3360. padding-left:40px
  3361. }
  3362. /*帮助*/
  3363. .helpBg{
  3364. border-color: #b6ba6b;
  3365. background:url(contentBg-help01.jpg) no-repeat;
  3366. }
  3367. .helpBg h1{
  3368. background:#b6ba6b;
  3369. }
  3370. .helpBg .sideBar{
  3371. border-color: #b6ba6b;
  3372. }
  3373. #sideBar h2 a{
  3374. color:#666;
  3375. }
  3376. #sideBar h2 a:hover{
  3377. color:#333;
  3378. font-weight:600;
  3379. text-decoration:none;
  3380. }
  3381. .helpnav h2{
  3382. border:none;
  3383. color:#333;
  3384. }
  3385. #sideBar .helpnav li a{
  3386. color:#b6ba6b;
  3387. }
  3388. #sideBar .helpnav li .now{
  3389. color:#333;
  3390. }
  3391. .helpCon{
  3392. margin:30px 0 0 0;
  3393. }
  3394. .helpCon h2{
  3395. font-size:22px;
  3396. color:#333;
  3397. }
  3398. .helpList{
  3399. min-height:350px;
  3400. }
  3401. .helpList ul{
  3402. }
  3403. .helpList ul li{
  3404. margin:10px 0 10px 0;
  3405. }
  3406. .helpList ul li a{
  3407. font-size:14px;
  3408. color:#00A0E9;
  3409. }
  3410. .helpList ul li a span{
  3411. background:url(helpTitle.png) no-repeat right center;
  3412. padding-right:16px;
  3413. }
  3414. .helpListCont{
  3415. margin:15px 0 0 0;
  3416. line-height:28px !important;
  3417. font-size:16px !important;
  3418. color:#666 !important;
  3419. }
  3420. .helpListCont p{
  3421. font-size:16px;
  3422. line-height:28px
  3423. }
  3424. .download-select{
  3425. background:none;
  3426. }
  3427. .download-select h2{
  3428. font-size: 24px;
  3429. margin:10px 0;
  3430. color:#333;
  3431. }
  3432. .download-select .downSelect{
  3433. margin:20px 0 0;
  3434. }
  3435. /*联系我们*/
  3436. .contact-tab{
  3437. padding:0 0 20px 0
  3438. }
  3439. .contact-tab a{
  3440. display:inline-block;
  3441. float:left;
  3442. width:507px;
  3443. font-size:24px;
  3444. color:#666;
  3445. height:90px;
  3446. line-height:90px;
  3447. text-align:center;
  3448. border-bottom:1px solid #fff;
  3449. margin:0 1px 0 0
  3450. }
  3451. .contact-tab a:hover{
  3452. text-decoration:none;
  3453. border-bottom:1px solid #ccc
  3454. }
  3455. .contact-tab a.now{
  3456. color:#f8b62a;
  3457. border-bottom:1px solid #f8b62a
  3458. }
  3459. .base-warp {
  3460. padding:50px 120px 0px
  3461. }
  3462. .base-warp .base-box{
  3463. width: 335px;
  3464. height:105px;
  3465. padding: 20px 0 20px;
  3466. margin: 20px;
  3467. text-align: center;
  3468. border: 1px solid #ddd;
  3469. border-radius: 4px;
  3470. }
  3471. .base-warp .base-box h1,.base-warp .base-box h2{
  3472. font-size:24px;
  3473. text-align:center
  3474. }
  3475. .base-warp .base-box p{
  3476. text-align:center;
  3477. color:#999
  3478. }
  3479. .base-warp .base-box h1{
  3480. margin:10px 0 0 0
  3481. }
  3482. .base-warp .base-box h2{
  3483. color:#f8b62a;
  3484. margin:10px 0 0 0
  3485. }
  3486. .custom-warp {
  3487. padding:20px 120px 0 120px
  3488. }
  3489. .custom-warp .hour-box h1{
  3490. font-size: 18px;
  3491. text-align:center;
  3492. font-weight: 600
  3493. }
  3494. .custom-warp .custom-box h2{
  3495. font-size: 18px;
  3496. text-align:center;
  3497. }
  3498. .custom-warp .custom-map{
  3499. width:742px;
  3500. margin:0 20px 100px 20px;
  3501. text-align: center;
  3502. border: 1px solid #ddd;
  3503. border-radius: 4px;
  3504. }
  3505. .custom-warp .custom-box{
  3506. width:742px;
  3507. height:50px;
  3508. padding: 30px 0;
  3509. margin: 20px;
  3510. text-align: center;
  3511. border: 1px solid #ddd;
  3512. border-radius: 4px;
  3513. }
  3514. .custom-warp .custom-box h1{
  3515. font-size:24px;
  3516. text-align:center
  3517. }
  3518. .custom-warp .custom-box h1 b{
  3519. color:#f8b62a;
  3520. }
  3521. .custom-warp .province {
  3522. margin-bottom:-1px;
  3523. padding-left:4px
  3524. }
  3525. .custom-warp .province a{
  3526. float:left;
  3527. width:110px;
  3528. font-size:18px;
  3529. color:#666;
  3530. border-bottom:1px solid #ddd;
  3531. padding:10px 0;
  3532. text-align:center
  3533. }
  3534. .custom-warp .province a:hover{
  3535. border-bottom:1px solid #999;
  3536. text-decoration: none;
  3537. }
  3538. .custom-warp .province a.now{
  3539. color:#f8b62a;
  3540. border-bottom:1px solid #f8b62a;
  3541. font-weight:600
  3542. }
  3543. .contact-list .item{
  3544. border: 1px solid #ddd;
  3545. border-radius: 4px;
  3546. padding:40px
  3547. }
  3548. .contact-list p.line{
  3549. border-bottom:1px solid #ddd
  3550. }
  3551. .contact-list table{
  3552. width:100%;
  3553. margin:20px 0;
  3554. }
  3555. .contact-list thead th {
  3556. color:#f8b62a;
  3557. font-size:24px;
  3558. font-weight:normal;
  3559. padding-bottom:10px
  3560. }
  3561. .contact-list .tel td {
  3562. font-size:18px;
  3563. padding-bottom:10px
  3564. }
  3565. .contact-list .tel td span{
  3566. color:#ddd;
  3567. margin:0 20px
  3568. }
  3569. .contact-list .add td {
  3570. font-size:18px;
  3571. color:#999;
  3572. padding-bottom:20px
  3573. }
  3574. .contact-list .phone th {
  3575. font-size:18px;
  3576. padding-bottom:10px;
  3577. font-weight:normal;
  3578. width:80px
  3579. }
  3580. .contact-list .phone td {
  3581. text-align:left;
  3582. font-size:18px;
  3583. padding-bottom:10px
  3584. }
  3585. .province .nav li{
  3586. float:left;
  3587. /*width:80px;*/
  3588. height:50px;
  3589. }
  3590. .province .nav li a{
  3591. display: inline-block;
  3592. /*width: 80px;*/
  3593. padding:0 8px;
  3594. border-left: 1px solid #ccc;
  3595. text-align: center;
  3596. font-size: 16px;
  3597. height: 18px;
  3598. line-height: 18px;
  3599. margin-top: 32px;
  3600. margin-left: -1px;
  3601. font-weight: 600;
  3602. color: #666;
  3603. cursor: pointer;
  3604. }
  3605. .province .nav li a:hover{
  3606. text-decoration: none;
  3607. color:#333;
  3608. }
  3609. .province .nav li:first-child a{
  3610. border-left: none;
  3611. }
  3612. .province .nav li.active a{
  3613. color:#B2005E;
  3614. cursor:default;
  3615. }
  3616. .province.provinceTwo ul li a{
  3617. padding:0 20px;
  3618. }
  3619. .province.provinceTwo ul li:first-child a{
  3620. padding:0 8px;
  3621. }
  3622. /* 2016年春节彩蛋
  3623. .warp-body {
  3624. position:relative;
  3625. background:url(2016yearimg.png) no-repeat center 20px;
  3626. }
  3627. .monkey {
  3628. position:absolute;
  3629. right:3%;
  3630. top:110px;
  3631. z-index: 999
  3632. }
  3633. .monkey .mon{
  3634. width:144px;
  3635. height:191px;
  3636. background:url(2016yearicon.png) no-repeat 0 0;
  3637. }
  3638. .monkey .mon{
  3639. -webkit-animation:mon 20s infinite ease-in-out;
  3640. -moz-animation:mon 20s infinite ease-in-out;
  3641. animation:mon 20s infinite ease-in-out;
  3642. }
  3643. @-moz-keyframes mon{
  3644. 0%,100%{-moz-transform:translateY(0);}
  3645. 10%,30%,50%,70%,90%{-moz-transform:translateY(20px);}
  3646. 20%,40%,60%,80%{-moz-transform:translateY(-25px);}
  3647. }
  3648. @-webkit-keyframes mon{
  3649. 0%,100%{-moz-transform:translateY(0);}
  3650. 10%,30%,50%,70%,90%{-webkit-transform:translateY(20px);}
  3651. 20%,40%,60%,80%{-webkit-transform:translateY(-25px);}
  3652. }
  3653. @keyframes mon{
  3654. 0%,100%{transform:translateY(0);}
  3655. 10%,30%,50%,70%,90%{transform:translateY(20px);}
  3656. 20%,40%,60%,80%{transform:translateY(-25px);}
  3657. }
  3658. .monkey .food{
  3659. width:144px;
  3660. height:109px;
  3661. background:url(2016yearicon.png) no-repeat 0 -192px;
  3662. position:absolute;
  3663. left:-124px;
  3664. top:20px;
  3665. }
  3666. .monkey .food{
  3667. -webkit-animation:food 15s infinite ease-in-out;
  3668. -moz-animation:food 15s infinite ease-in-out;
  3669. animation:food 15s infinite ease-in-out;
  3670. }
  3671. @-moz-keyframes food{
  3672. 0%,100%{-moz-transform:translateY(0);}
  3673. 10%,30%,50%,70%,90%{-moz-transform:translateY(-5px);}
  3674. 20%,40%,60%,80%{-moz-transform:translateY(8px);}
  3675. }
  3676. @-webkit-keyframes food{
  3677. 0%,100%{-webkit-transform:translateY(0);}
  3678. 10%,30%,50%,70%,90%{-webkit-transform:translateY(-5px);}
  3679. 20%,40%,60%,80%{-webkit-transform:translateY(8px);}
  3680. }
  3681. @keyframes food{
  3682. 0%,100%{transform:translateY(0);}
  3683. 10%,30%,50%,70%,90%{transform:translateY(-5px);}
  3684. 20%,40%,60%,80%{transform:translateY(8px);}
  3685. }*/
  3686. /*视频教程内部播放列表*/
  3687. .video-view{
  3688. margin-left:242px;
  3689. }
  3690. .video-view h2{
  3691. border-color:#ff6501;
  3692. }
  3693. .video-mini-list{
  3694. float:left;
  3695. margin:0;
  3696. width:240px;
  3697. }
  3698. .video-mini-list h1{
  3699. border-color:#ff6501;
  3700. margin-bottom:5px;
  3701. padding:0 0 10px 0;
  3702. border-bottom:1px solid #ccc;
  3703. }
  3704. .video-mini-list ul{
  3705. height:646px;
  3706. width:242px;
  3707. overflow-y: scroll;
  3708. overflow-x: hidden;
  3709. }
  3710. .video-mini-list ul li{
  3711. padding:10px 5px;
  3712. border-bottom:1px solid #ccc;
  3713. width:210px;
  3714. }
  3715. .video-mini-list ul li a{
  3716. }
  3717. .video-mini-list ul li.active{
  3718. background:#f2f2f2;
  3719. }
  3720. .video-mini-list ul li.active a{
  3721. color:#ff6501;
  3722. }
  3723. .video-mini-list ul li.active .videoCon{
  3724. display:none;
  3725. }