style.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404
  1. @import url(anim.css);
  2. @import url(lrtk3.css);
  3. * {
  4. margin: 0;
  5. padding: 0;
  6. border: 0;
  7. }
  8. body {
  9. background-color: #fff;
  10. overflow-x: hidden;
  11. color: #333;
  12. font-size: 12px;
  13. font-family: "微软雅黑", "Arial", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  14. }
  15. a {
  16. color: #333;
  17. text-decoration: none;
  18. -webkit-tap-highlight-color: transparent;/*-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  19. -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  20. transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;*/
  21. }
  22. a:hover {
  23. color: #00a1e9;/*text-decoration: underline;*/
  24. }
  25. input, select, img {
  26. vertical-align: middle;
  27. }
  28. ul, li {
  29. list-style: none;
  30. }
  31. em, cite, th {
  32. font-style: normal;
  33. font-weight: normal;
  34. font-style: normal;
  35. }
  36. .wrap {
  37. clear: both;
  38. width: 96%;
  39. max-width: 1300px;
  40. margin: 0 auto;
  41. text-align: left;
  42. zoom: 1;
  43. overflow: hidden;
  44. }
  45. .wrap2 {
  46. clear: both;
  47. width: 96%;
  48. max-width: 1300px;
  49. margin: 0 auto;
  50. text-align: left;
  51. zoom: 1;
  52. }
  53. .wrap3 {
  54. clear: both;
  55. width: 94%;
  56. max-width: 1000px;
  57. margin: 0 auto;
  58. text-align: left;
  59. zoom: 1;
  60. overflow: hidden;
  61. }
  62. .divhidden {
  63. display: none;
  64. }
  65. .l {
  66. float: left;
  67. }
  68. .r {
  69. float: right;
  70. }
  71. .c_l {
  72. clear: both;
  73. height: 0px;
  74. font-size: 0px;
  75. overflow: hidden;
  76. }
  77. .f50 {
  78. font-size: 50px;
  79. }
  80. .f44 {
  81. font-size: 44px;
  82. }
  83. .f41 {
  84. font-size: 41px;
  85. }
  86. .f40 {
  87. font-size: 40px;
  88. }
  89. .f38 {
  90. font-size: 38px;
  91. }
  92. .f36 {
  93. font-size: 36px;
  94. }
  95. .f32 {
  96. font-size: 32px;
  97. }
  98. .f30 {
  99. font-size: 30px;
  100. }
  101. .f28 {
  102. font-size: 30px;
  103. }
  104. .f24 {
  105. font-size: 24px;
  106. }
  107. .f22 {
  108. font-size: 22px;
  109. }
  110. .f18 {
  111. font-size: 18px;
  112. }
  113. .f16 {
  114. font-size: 16px;
  115. }
  116. /*PC导航*/
  117. .header-v1 {
  118. width: 100%;
  119. position: fixed; /*overflow:hidden; */
  120. height: 100px;
  121. z-index: 10;
  122. background-color: #090a0c;
  123. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
  124. }
  125. .nav-hide .header-v1 {
  126. height: 80px;
  127. }
  128. .nav-hide .blank_h {
  129. height: 80px;
  130. }
  131. .header-v1 .top-main {
  132. width: 100%;
  133. margin: 0 auto;
  134. position: relative;
  135. }
  136. .header-v1 .top-main .logo1 {
  137. float: left;
  138. height: 100px;
  139. margin-left: 2%;
  140. justify-content: center;
  141. align-items: center;
  142. display: flex;
  143. }
  144. .header-v1 .top-main .logo1 a{
  145. display: block;
  146. }
  147. .header-v1 .top-main .logo1 img {
  148. height: 100%;
  149. vertical-align: middle;
  150. }
  151. .nav-hide .header-v1 .top-main .logo1 img{
  152. margin-top: -20px;
  153. }
  154. .header-v1 .top-main .logo1 img:hover {
  155. transition: all 0.3s;
  156. filter: Alpha(Opacity=60);
  157. opacity: 0.6;
  158. }
  159. .header-v1 .top-main .top_r {
  160. float: right;
  161. }
  162. .header-v1 .languages {
  163. float: right;
  164. position: relative;
  165. display: block;
  166. font-size: 12px;
  167. color: #707070;
  168. height: 38px;
  169. line-height: 38px;
  170. padding-left: 18px;
  171. text-align: right;
  172. font-family: "宋休";
  173. text-decoration: none;
  174. margin-left: 10px;
  175. background: url(../images/top_pic2.png) left center no-repeat;
  176. margin-top: 29px;
  177. transition: all 0.3s;
  178. }
  179. .header-v1 .languages:hover {
  180. margin-top: 25px;
  181. }
  182. .nav-hide .header-v1 .languages {
  183. margin-top: 22px;
  184. }
  185. .nav-hide .header-v1 .languages:Hover {
  186. margin-top: 18px;
  187. }
  188. .header-v1 .languages:Hover {
  189. transition: all 0.3s;
  190. filter: Alpha(Opacity=80);
  191. opacity: 0.8;
  192. }
  193. /*.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
  194. .header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
  195. .header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
  196. .header-v1 .top-main .top-main-content {/* float:right;*//* margin-top:31px;*/
  197. text-align: center;
  198. }
  199. .navBar {
  200. }
  201. .nav {
  202. list-style: none;
  203. padding: 0;
  204. }
  205. .nav .m { /*float:left; */
  206. display: inline-block;
  207. border-top: 0;
  208. border-bottom: 0; /*width:120px; *//* position:relative; */
  209. margin-right: 22px;
  210. margin-left: 22px;
  211. }
  212. .nav a:hover {
  213. text-decoration: none; /*color:#fff;*/
  214. vertical-align: top;
  215. }
  216. .nav li:hover span {
  217. transform: translateY(-100%);/*color:#fff;*/
  218. }
  219. .nav h3 {
  220. float: left;
  221. font-weight: normal;
  222. font-size: 16px;
  223. height: 100px;
  224. overflow: hidden;
  225. width: 100%;
  226. text-align: center;
  227. position: relative;
  228. }
  229. .nav h3 a {
  230. display: block;
  231. color: #c3c3c3;
  232. line-height: 100px;
  233. font-size: 16px;
  234. text-transform: uppercase;
  235. }
  236. .nav h3 a span {
  237. display: block;
  238. position: relative;
  239. transition: all 0.3s;
  240. height: 100px;
  241. text-transform: uppercase;
  242. }
  243. .nav-hide .nav h3 a span {
  244. height: 80px;
  245. }
  246. .nav h3 a span:after {
  247. content: attr(data-title);
  248. position: absolute;/*color:#fff;*/
  249. left: 0;
  250. transform: translateY(100%);
  251. width: 100%;
  252. top: 0; /*color:#fff;*/
  253. }
  254. .nav h3 a i {
  255. width: 9px;
  256. height: 5px;
  257. background: url(../images/top_pic5.png) no-repeat;
  258. display: inline-block;
  259. margin-left: 7px;
  260. }
  261. .nav-hide .nav {
  262. }
  263. .nav-hide .nav h3 {
  264. height: 80px;
  265. }
  266. .nav-hide .nav h3 a {
  267. line-height: 80px;
  268. }
  269. .nav .on {
  270. }
  271. .nav .on h3 a {/* height:42px; line-height:42px; *//*color:#fff;background:#ec2029;*/ /*background:url(../images/top_bg.png) center bottom no-repeat;*/
  272. }
  273. .nav .on h3 a i {
  274. background: url(../images/top_pic6.png) no-repeat;
  275. }
  276. .nav .on h3 a span { /*color:#fff;*/
  277. }
  278. .nav li.on a:after {
  279. left: 0%;
  280. right: 0%;
  281. opacity: 1;
  282. -webkit-transition: all .5s;
  283. -o-transition: all .5s;
  284. -ms-transition: all .5s;
  285. transition: all .5s;
  286. }
  287. .nav li h3 a:after {
  288. content: "";
  289. display: block;
  290. position: absolute;
  291. left: 50%;
  292. right: 50%;
  293. margin-left: 0px;
  294. margin-right: 0px;
  295. bottom: 0px;
  296. height: 4px;
  297. opacity: 0;
  298. background-color: #00a1e9;
  299. -webkit-transition: all .5s;
  300. -o-transition: all .5s;
  301. -ms-transition: all .5s;
  302. transition: all .5s;
  303. }
  304. .nav li h3 a:hover:after {
  305. left: 1%;
  306. right: 1%;
  307. opacity: 1;
  308. -webkit-transition: all .5s;
  309. -o-transition: all .5s;
  310. -ms-transition: all .5s;
  311. transition: all .5s;
  312. }
  313. .nav .sub {
  314. display: none;
  315. width: 100%;
  316. padding: 0;
  317. position: absolute;
  318. background: rgba(0, 0, 0, 0.8);/* top:87px;*/
  319. top: 100px;/* overflow:hidden;*/
  320. text-align: center;
  321. z-index: 110;
  322. left: 0%;
  323. }
  324. .nav-hide .nav .sub {
  325. top: 80px;
  326. }
  327. .nav .sub ul {
  328. width: 1100px;
  329. margin: 0 auto;
  330. }
  331. .nav .sub li {
  332. vertical-align: middle;
  333. list-style: none;
  334. text-decoration: none;
  335. display: inline-block;
  336. line-height: 50px;
  337. font-size: 14px;
  338. margin-left: 10px;
  339. margin-right: 10px;
  340. text-transform: uppercase;
  341. }
  342. .nav .sub li span {
  343. display: block;
  344. height: 38px;
  345. position: relative;
  346. }
  347. .nav .sub li a {
  348. text-decoration: none;
  349. background: none;
  350. color: #fff;/* border-bottom:1px solid #515152;*/
  351. display: block;
  352. height: 50px;
  353. overflow: hidden;
  354. }
  355. /*.nav .sub li:last-child a{ border-bottom:0;}
  356. .nav .sub li:last-child a:hover{ border-bottom:0;}*/
  357. .nav .sub li a:hover {
  358. color: #00a1e9;/*border-bottom:1px solid #00a1e9;*/
  359. }
  360. .nav .sub li:hover img {
  361. transition: all 0.3s;
  362. opacity: 0.8;
  363. filter: Alpha(opacity=80);
  364. }
  365. .blank_h {
  366. height: 100px;
  367. overflow: hidden;
  368. }
  369. .top_search {
  370. float: right;
  371. height: 100px;
  372. width: 34px;
  373. position: relative;
  374. margin-right: 2%;
  375. }
  376. .nav-hide .top_search {
  377. height: 80px;
  378. }
  379. .top_search .input1 {
  380. width: 83%;
  381. text-indent: 10px;
  382. line-height: 30px;
  383. height: 30px;
  384. outline: medium;
  385. background: none;
  386. color: #9c9c9c;
  387. text-align: left;
  388. font-size: 13px;
  389. border: 0;
  390. }
  391. .top_search em {
  392. height: 100%;
  393. width: 100%;
  394. background: url(../images/top_pic1.png) left center no-repeat;
  395. cursor: pointer;
  396. display: block;
  397. }
  398. .top_search em:Hover {
  399. transition: all 0.3s;
  400. opacity: 0.8;
  401. filter: Alpha(opacity=80);
  402. }
  403. .top_search .search_con {
  404. display: none;
  405. position: absolute;
  406. bottom: -73px;
  407. right: 0px;
  408. width: 300px;
  409. height: 0px;
  410. padding-top: 23px;
  411. padding-bottom: 19px;
  412. background: url(../images/top_bg2.png) no-repeat;
  413. z-index: 100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/
  414. }
  415. .top_search .search_con .input1 {
  416. height: 39px;
  417. line-height: 39px;
  418. background: #f8f8f8;
  419. border: 0;
  420. padding-left: 5px;
  421. margin-left: 16px;
  422. padding-right: 47px;
  423. width: 174px;
  424. float: left;
  425. outline: none;
  426. }
  427. .top_search .search_con .bnts {
  428. float: left;
  429. width: 40px;
  430. height: 39px;
  431. background: url(../images/top_pic3.png) no-repeat;
  432. cursor: pointer;
  433. }
  434. .top_search .search_con .bnts:hover {
  435. transition: all 0.3s;
  436. background: url(../images/top_pic4.png) no-repeat;
  437. }
  438. /* 手机导航全局 */
  439. .touch-top {
  440. width: 100%;
  441. position: fixed;
  442. top: 0;
  443. z-index: 99;
  444. background: #090a0c;
  445. display: none;
  446. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
  447. }
  448. .touch_bg {
  449. width: 100%;
  450. position: fixed;
  451. top: 0;
  452. z-index: 8;
  453. background: #0d0d0d;
  454. display: none;
  455. filter: Alpha(Opacity=60);/*IE7 fix*/
  456. opacity: 0.6;
  457. height: 100%;
  458. }
  459. .touch-top-wrapper {
  460. width: 96%;
  461. margin: 0 auto;
  462. }
  463. .touch-top-wrapper .touch-logo {
  464. float: left;
  465. }
  466. .touch-top-wrapper .touch-logo img {
  467. height: 90px;
  468. display: block;
  469. }
  470. .touch-navigation {
  471. display: block;
  472. }
  473. .touch-toggle {
  474. position: absolute;
  475. right: 10px;
  476. top: 0;
  477. }
  478. .touch-toggle li {
  479. float: left;
  480. height: 70px;
  481. padding: 0 12px;
  482. text-align: center;
  483. }
  484. .touch-toggle li a {
  485. height: 70px;
  486. }
  487. .touch-toggle li:hover, .touch-toggle li:active {
  488. }
  489. .touch-toggle .touch-toggle-item-first {
  490. border-left: none;
  491. }
  492. .touch-toggle .touch-toggle-item-last {
  493. border-right: none;
  494. }
  495. .touch-toggle li a {
  496. display: block;
  497. font-size: 12px;
  498. }
  499. .touch-toggle li i {
  500. display: inline-block;
  501. width: 32px;
  502. height: 32px;
  503. overflow: hidden; /*margin-top:20px;*/
  504. margin-top: 30px;
  505. background-repeat: no-repeat;
  506. background-position: center center;
  507. background-size: contain;
  508. }
  509. .touch-toggle .touch-icon-language {
  510. background-image: url(../images/touch-icon-language.png);
  511. }
  512. .touch-toggle .touch-icon-user {
  513. background-image: url(../images/touch-icon-user.png);
  514. }
  515. .touch-toggle .touch-icon-search {
  516. background-image: url(../images/head_pic2.png);
  517. }
  518. .touch-toggle .touch-icon-menu {
  519. background-image: url(../images/head_pic1.png);
  520. }
  521. .touch-toggle li span {
  522. display: none;
  523. text-align: center;
  524. }
  525. .drawer-section {/* background-color:#40312f; padding:20px;*/
  526. display: none;
  527. }
  528. .drawer-section-menu {/* padding:20px 20px 35px;*/ /*padding:0px 0px 35px;*/
  529. }
  530. .touch-toggle-content {
  531. clear: both;
  532. }
  533. .touch-menu {
  534. clear: both;
  535. }
  536. .touch-menu ul li {
  537. border-bottom: 1px solid #333;
  538. position: relative;
  539. }
  540. .touch-menu ul li a {
  541. color: #fff;
  542. display: block;
  543. font-size: 18px;
  544. height: 48px;
  545. line-height: 48px;/* padding-left:10px;*/
  546. padding-left: 2%;
  547. }
  548. .touch-menu ul li a:hover, .touch-menu ul li a:active {
  549. background-color: #004ce5;
  550. color: #fff;
  551. }
  552. .touch-menu ul li i {
  553. position: absolute;
  554. top: 14px;/* right:5px;*/
  555. right: 25px;
  556. display: block;
  557. width: 13px;
  558. height: 13px;
  559. overflow: hidden;
  560. background-position: center center;
  561. background-repeat: no-repeat;
  562. background-size: contain;
  563. }
  564. .touch-menu ul li i.touch-arrow-right {
  565. display: none;
  566. background-image: url(../images/touch-arrow-r.png);
  567. }
  568. .touch-menu ul li i.touch-arrow-down {
  569. background-image: url(../images/touch-arrow-d.png);
  570. }
  571. .touch-menu ul li i.touch-arrow-up {
  572. background-image: url(../images/touch-arrow-u.png);
  573. }
  574. .touch-menu ul li a:hover i.touch-arrow-down {
  575. background-image: url(../images/touch-arrow-d2.png);
  576. }
  577. .touch-menu ul li a:hover i.touch-arrow-up {
  578. background-image: url(../images/touch-arrow-u2.png);
  579. }
  580. .touch-menu ul ul {
  581. display: none;
  582. margin: 0;/* padding:0 10px 30px 30px;*/
  583. padding: 0 0px 30px 0px;
  584. }
  585. .touch-menu ul ul li {
  586. border-bottom: none;
  587. margin: 0;
  588. padding: 0;
  589. }
  590. .touch-menu ul ul li a {
  591. padding: 0;
  592. padding-left: 3%;
  593. font-size: 16px;
  594. height: 38px;
  595. line-height: 38px;
  596. text-transform: uppercase;
  597. }
  598. .touch-menu ul ul li i {
  599. top: 13px;
  600. }
  601. .touch-menu .closetitle {
  602. padding-top: 10px;
  603. padding-bottom: 12px;
  604. text-align: center;
  605. }
  606. .touch-menu .closetitle img {
  607. margin: 0 auto;
  608. height: 20px;
  609. width: auto;
  610. }
  611. /*手机弹出搜索*/
  612. .search_div {
  613. clear: both;
  614. width: 100%;
  615. overflow: hidden;
  616. padding-top: 2%;
  617. padding-bottom: 2%;
  618. display: none; /*z-index:999;*/
  619. }
  620. .search_div .search_con {
  621. width: 92%;
  622. margin: 0 auto;
  623. border: 1px solid #cdcdcd;
  624. height: 40px !important;
  625. line-height: 40px;
  626. }
  627. .search_div .search_con .input1 {
  628. text-indent: 15px;
  629. width: 88%;
  630. float: left;
  631. border: 0;
  632. background: none;
  633. height: 100%;
  634. font-size: 16px;
  635. outline: none;
  636. color: #bbb;
  637. }
  638. .search_div .search_con .bnt1 {
  639. -webkit-appearance: none;
  640. float: right;
  641. width: 12%;
  642. max-width: 60px;
  643. background: url(../images/head_pic2.png) 50% center no-repeat;
  644. background-size: auto 55%;
  645. border: 0;
  646. height: 100%;
  647. cursor: pointer;
  648. }
  649. /*尾部*/
  650. .f_bg {
  651. overflow: hidden;
  652. background: #313131;
  653. color: #8f8f8f;
  654. font-size: 12px;
  655. clear: both;
  656. padding-top: 2%;
  657. padding-bottom: 2%;
  658. }
  659. .f_bg_div {
  660. width: 96%;
  661. max-width: 1300px;
  662. margin: 0 auto;
  663. }
  664. .f_bg a {
  665. color: #8f8f8f;
  666. text-decoration: none;
  667. }
  668. .f_bg a:hover {
  669. color: #fff;
  670. }
  671. .f_bg .links {
  672. float: left;
  673. padding-right: 4%;
  674. margin-right: 4%;
  675. overflow: hidden;
  676. padding-bottom: 2%;
  677. }
  678. .f_bg .links h2 {
  679. font-size: 18px;
  680. line-height: 38px;
  681. font-weight: normal;
  682. margin-bottom: 10px;
  683. color: #c7c7c7;
  684. }
  685. .f_bg .links ul li {
  686. display: block;
  687. height: 38px;
  688. line-height: 38px;
  689. overflow: hidden;
  690. }
  691. .f_bg .links ul li a {
  692. transition: all 0.3s;
  693. padding-right: 5px;
  694. }
  695. .f_bg .links ul li a:hover {
  696. margin-left: 5px;
  697. padding-right: 0;
  698. }
  699. .f_bg .f_div2_r2 {
  700. float: right;
  701. text-align: center;
  702. padding-bottom: 2%;
  703. }
  704. .f_bg .f_div2_r2 img {
  705. display: block;
  706. width: 118px;
  707. margin: 0 auto;
  708. margin-bottom: 10px;
  709. margin-top: 5px;
  710. }
  711. .f_bg .f_div2_r {
  712. float: left;
  713. overflow: hidden;
  714. margin-right: 3%;
  715. }
  716. .f_bg .f_div2_r h2 {
  717. font-size: 18px;
  718. line-height: 38px;
  719. font-weight: normal;
  720. margin-bottom: 10px;
  721. color: #c7c7c7;
  722. }
  723. .f_bg .f_div2_r span {
  724. display: block;
  725. color: #8f8f8f;
  726. line-height: 30px;
  727. padding-top: 2%;
  728. clear: both;
  729. }
  730. .f_bg .f_div2_r a {
  731. line-height: 20px;
  732. font-weight: normal;
  733. margin-bottom: 4px;
  734. padding-bottom: 8px;
  735. color: #afafaf;
  736. font-size: 26px;
  737. font-family: Arial;
  738. }
  739. .f_bg .f_div2_r a:Hover {
  740. transition: all 0.3s;
  741. opacity: 0.8;
  742. filter: Alpha(opacity=80);
  743. }
  744. .foot_a {
  745. height: 41px;
  746. width: 135px;
  747. display: block;
  748. margin-top: 10px;
  749. }
  750. .f_div3 {
  751. line-height: 24px;
  752. min-height: 24px;
  753. background-color: #313131;
  754. border-top: 1px solid #424242;
  755. clear: both;
  756. overflow: hidden;
  757. font-size: 14px;
  758. padding-top: 8px;
  759. padding-bottom: 8px;
  760. color: #8f8f8f;
  761. }
  762. .f_div3 a {
  763. color: #8f8f8f;
  764. }
  765. .f_div3 a:hover {
  766. color: #fff;
  767. transition: all 0.3s;
  768. filter: Alpha(Opacity=80);
  769. opacity: 0.8;
  770. }
  771. /*.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
  772. -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
  773. -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
  774. }
  775. .gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}*/
  776. .right_ul {
  777. height: 46px;
  778. line-height: 46px;
  779. overflow: hidden;
  780. border-top: 2px solid #dedede;
  781. position: fixed;
  782. width: 100%;
  783. bottom: 0;
  784. left: 0;
  785. display: none;
  786. background-color: #fff;
  787. }
  788. .right_ul ul li {
  789. width: 25%;
  790. float: left;
  791. overflow: hidden;
  792. text-align: center;
  793. font-size: 14px;
  794. }
  795. .right_ul ul li img {
  796. height: 22px;
  797. margin: 0 auto;
  798. }
  799. .right_ul ul li a {
  800. display: block;
  801. border-right: 1px solid #dedede;
  802. }
  803. .right_ul ul li:last-child a {
  804. border: 0;
  805. }
  806. /*微信弹窗*/
  807. #hidden {
  808. z-index: 2147483647;
  809. display: none;
  810. background: #000;
  811. filter: alpha(opacity=0);
  812. left: 0px;
  813. opacity: 0;
  814. position: fixed;
  815. width: 3000px;
  816. height: 100%;
  817. padding-top: 28%;
  818. text-align: center;
  819. top: 0;
  820. }
  821. #hiddenimg {
  822. opacity: 1;
  823. display: none;
  824. position: fixed;
  825. left: 0%;
  826. width: 100%;
  827. height: 300px;
  828. padding-top: 0;
  829. z-index: 2147483647;
  830. top: 28%;
  831. text-align: center;
  832. }
  833. #hiddenimg img {
  834. width: 90%;
  835. max-width: 300px;
  836. margin: 0 auto;
  837. }
  838. #hiddenimg2 {
  839. text-align: center;
  840. }
  841. .weixinclose {
  842. position: fixed;
  843. right: 2%;
  844. top: 2%;
  845. color: #fff;
  846. font-size: 30px;
  847. cursor: pointer;
  848. z-index: 2147483648;
  849. font-weight: normal;
  850. display: none;
  851. }
  852. /*荣誉弹窗*/
  853. .case_bgs {
  854. z-index: 19891024;
  855. background: url(../images/about_bg.png) repeat;
  856. width: 100%;
  857. height: 100%;
  858. position: fixed;
  859. left: 0;
  860. top: 0;
  861. display: none;
  862. }
  863. .case_tc {
  864. z-index: 19891025;
  865. width: 90%; /* top: 157.5px; */
  866. left: 50%;
  867. margin-left: -46%; /* margin-left: -300px; */
  868. position: absolute;
  869. overflow: hidden;
  870. top: 270px;
  871. height: 0;
  872. display: none;
  873. }
  874. .case_tc .case_box {
  875. width: 94%;
  876. margin: 0 auto;
  877. max-width: 740px;
  878. background: #00a1e9;
  879. border: 6px solid #b3b3b3;
  880. border-radius: 6px;
  881. overflow: hidden;
  882. }
  883. .case_tc .case_box2 {
  884. width: 94%;
  885. margin: 0 auto;
  886. max-width: 1028px;
  887. background: #fff;
  888. overflow: hidden;
  889. }
  890. .case_tc .case_divs {
  891. position: relative;
  892. width: 100%;
  893. }
  894. .case_tc .case_divs .closed {
  895. right: 0%;
  896. position: absolute;
  897. top: 0%;
  898. cursor: pointer;
  899. }
  900. .case_tc .case_divs .closed:hover {
  901. filter: Alpha(Opacity=80);
  902. opacity: 0.8;
  903. transition: all 0.3s;
  904. }
  905. .case_tc .case_divs .closed2 {
  906. right: 15px;
  907. position: absolute;
  908. top: 15px;
  909. cursor: pointer;
  910. }
  911. .case_tc .case_divs .closed2:hover {
  912. filter: Alpha(Opacity=80);
  913. opacity: 0.8;
  914. transition: all 0.3s;
  915. }
  916. .case_tc #tc_big {
  917. width: 100%;
  918. display: block;
  919. }
  920. .case_tc .case_divs .case_txt {
  921. padding: 12px;
  922. color: #fff;
  923. font-size: 14px;
  924. line-height: 22px;
  925. padding-top: 6px;
  926. padding-bottom: 6px;
  927. }
  928. .case_tc .case_divs .case_txt h2 {
  929. font-size: 14px;
  930. line-height: 40px;
  931. font-weight: normal;
  932. }
  933. .case_tc .case_divs .case_txt2 {
  934. max-width: 890px;
  935. width: 94%;
  936. margin: 0 auto;
  937. color: #333;
  938. font-size: 14px;
  939. line-height: 22px;
  940. padding-top: 50px;
  941. padding-bottom: 50px;
  942. }
  943. .case_tc .case_divs .case_txt2 h2 {
  944. font-size: 18px;
  945. line-height: 40px;
  946. margin-bottom: 1%;
  947. }
  948. .case_tc .case_divs .case_txt3 {
  949. max-width: 890px;
  950. width: 94%;
  951. margin: 0 auto;
  952. color: #333;
  953. font-size: 14px;
  954. line-height: 22px;
  955. padding-top: 50px;
  956. padding-bottom: 30px;
  957. }
  958. .case_tc .case_divs .case_txt3 dl dt {
  959. font-weight: bold;
  960. font-size: 18px;
  961. height: 36px;
  962. line-height: 36px;
  963. color: #333333;
  964. }
  965. .case_tc .case_divs .case_txt3 dl dd:first-child {
  966. font-size: 14px;
  967. }
  968. .case_tc .case_divs .case_txt3 dl dd {
  969. color: #555555;
  970. font-size: 13px;
  971. line-height: 28px;
  972. border-bottom: 1px dashed #cccccc;
  973. padding-bottom: 2%;
  974. margin-bottom: 2%;
  975. }
  976. .case_tc .case_divs .case_txt3 dl dd h3 {
  977. font-size: 16px;
  978. height: 30px;
  979. line-height: 30px;
  980. }
  981. .case_tc .case_divs .case_txt3 dl dd:last-child {
  982. border-bottom: 0;
  983. }
  984. .case_tc .case_divs .case_txt3 dl dd .job_a {
  985. display: block;
  986. width: 150px;
  987. height: 44px;
  988. overflow: hidden;
  989. background-color: #409EFF;
  990. color: #fff;
  991. font-size: 14px;
  992. line-height: 44px;
  993. border-radius: 6px;
  994. margin-top: 50px;
  995. text-align: center;
  996. transition: all 0.3s;
  997. }
  998. .case_tc .case_divs .case_txt3 dl dd .job_a:hover {
  999. color: #fff;
  1000. filter: Alpha(Opacity=80);
  1001. opacity: 0.8;
  1002. }
  1003. @media screen and (max-width: 1600px) {
  1004. .f50 {
  1005. font-size: 47px;
  1006. }
  1007. .f44 {
  1008. font-size: 40px;
  1009. }
  1010. .f41 {
  1011. font-size: 38px;
  1012. }
  1013. .f40 {
  1014. font-size: 37px;
  1015. }
  1016. .f38 {
  1017. font-size: 36px;
  1018. }
  1019. .f36 {
  1020. font-size: 35px;
  1021. }
  1022. }
  1023. @media screen and (max-width: 1440px) {
  1024. .f50 {
  1025. font-size: 45px;
  1026. }
  1027. .f44 {
  1028. font-size: 38px;
  1029. }
  1030. .f41 {
  1031. font-size: 36px;
  1032. }
  1033. .f40 {
  1034. font-size: 35px;
  1035. }
  1036. .f38 {
  1037. font-size: 34px;
  1038. }
  1039. .f36 {
  1040. font-size: 33px;
  1041. }
  1042. }
  1043. @media screen and (max-width: 1310px) {
  1044. .header-v1 .top-main .top_r {
  1045. display: none;
  1046. }
  1047. }
  1048. @media screen and (max-width: 1200px) {
  1049. .f50 {
  1050. font-size: 41px;
  1051. }
  1052. .f44 {
  1053. font-size: 36px;
  1054. }
  1055. .f41 {
  1056. font-size: 32px;
  1057. }
  1058. .f40 {
  1059. font-size: 31px;
  1060. }
  1061. .f38 {
  1062. font-size: 30px;
  1063. }
  1064. .f36 {
  1065. font-size: 29px;
  1066. }
  1067. .f16 {
  1068. font-size: 14px;
  1069. }
  1070. /*尾部*/
  1071. .f_bg .links {
  1072. padding-right: 3%;
  1073. margin-right: 3%;
  1074. }
  1075. .f_bg .f_div2_r {
  1076. margin-right: 1%;
  1077. }
  1078. }
  1079. @media screen and (max-width: 1100px) {
  1080. .f50 {
  1081. font-size: 39px;
  1082. }
  1083. .f44 {
  1084. font-size: 32px;
  1085. }
  1086. .f41 {
  1087. font-size: 30px;
  1088. }
  1089. .f40 {
  1090. font-size: 29px;
  1091. }
  1092. .f38 {
  1093. font-size: 28px;
  1094. }
  1095. .f36 {
  1096. font-size: 27px;
  1097. }
  1098. .f28 {
  1099. font-size: 22px;
  1100. }
  1101. .f24 {
  1102. font-size: 20px;
  1103. }
  1104. .f22 {
  1105. font-size: 18px;
  1106. }
  1107. .f18 {
  1108. font-size: 16px;
  1109. }
  1110. /* 手机导航全局 */
  1111. .blank_h {
  1112. height: 90px;
  1113. }
  1114. .nav-hide .blank_h {
  1115. height: 90px;
  1116. }
  1117. .header-v1 {
  1118. display: none;
  1119. }
  1120. .touch-top {
  1121. display: block;
  1122. }
  1123. .top_search {
  1124. width: 90%;
  1125. overflow: hidden;
  1126. margin-bottom: 10px;
  1127. margin-top: 0;
  1128. background: url(../images/search_bg.png) #eee right center no-repeat;
  1129. margin-right: 5%;
  1130. }
  1131. /*尾部*/
  1132. .f_bg .links {
  1133. padding-right: 2.8%;
  1134. margin-right: 2.8%;
  1135. }
  1136. .f_bg .f_div2_r a {
  1137. font-size: 18px;
  1138. }
  1139. }
  1140. @media screen and (max-width: 960px) {
  1141. .f50 {
  1142. font-size: 36px;
  1143. }
  1144. .f44 {
  1145. font-size: 30px;
  1146. }
  1147. .f41 {
  1148. font-size: 28px;
  1149. }
  1150. .f40 {
  1151. font-size: 27px;
  1152. }
  1153. .f38 {
  1154. font-size: 26px;
  1155. }
  1156. .f36 {
  1157. font-size: 25px;
  1158. }
  1159. .f24 {
  1160. font-size: 18px;
  1161. }
  1162. /*尾部*/
  1163. .f_bg .links {
  1164. display: none;
  1165. }
  1166. .f_bg .f_div2_r2 {
  1167. margin-top: 2%;
  1168. }
  1169. .f_bg .f_div2_r {
  1170. width: 40%;
  1171. margin-top: 2%;
  1172. }
  1173. }
  1174. @media screen and (max-width: 830px) {
  1175. .f50 {
  1176. font-size: 34px;
  1177. }
  1178. .f44 {
  1179. font-size: 28px;
  1180. }
  1181. .f41 {
  1182. font-size: 27px;
  1183. }
  1184. .f40 {
  1185. font-size: 26px;
  1186. }
  1187. .f38 {
  1188. font-size: 25px;
  1189. }
  1190. .f36 {
  1191. font-size: 24px;
  1192. }
  1193. .f32 {
  1194. font-size: 27px;
  1195. }
  1196. .f30 {
  1197. font-size: 26px;
  1198. }
  1199. .f28 {
  1200. font-size: 20px;
  1201. }
  1202. .f24 {
  1203. font-size: 17px;
  1204. }
  1205. .f22 {
  1206. font-size: 16px;
  1207. }
  1208. .f18 {
  1209. font-size: 14px;
  1210. }
  1211. /*尾部*/
  1212. .f_div3 {
  1213. text-align: center;
  1214. font-size: 12px;
  1215. }
  1216. .f_div3 .l {
  1217. display: block;
  1218. width: 100%;
  1219. }
  1220. .f_div3 .l label {
  1221. display: block;
  1222. }
  1223. .f_div3 .r {
  1224. display: block;
  1225. width: 100%;
  1226. }
  1227. }
  1228. @media screen and (max-width: 780px) {
  1229. .f50 {
  1230. font-size: 30px;
  1231. }
  1232. .f40 {
  1233. font-size: 25px;
  1234. }
  1235. .f38 {
  1236. font-size: 24px;
  1237. }
  1238. .f36 {
  1239. font-size: 23px;
  1240. }
  1241. /*右边浮动客服*/
  1242. .side {
  1243. display: none;
  1244. }
  1245. .right_ul {
  1246. display: block;
  1247. }
  1248. }
  1249. @media screen and (max-width: 640px) {
  1250. .f50 {
  1251. font-size: 28px;
  1252. }
  1253. .f40 {
  1254. font-size: 23px;
  1255. }
  1256. .f38 {
  1257. font-size: 22px;
  1258. }
  1259. .f36 {
  1260. font-size: 21px;
  1261. }
  1262. .f32 {
  1263. font-size: 21px;
  1264. }
  1265. .f30 {
  1266. font-size: 20px;
  1267. }
  1268. .f28 {
  1269. font-size: 18px;
  1270. }
  1271. .f24 {
  1272. font-size: 16px;
  1273. }
  1274. .f22 {
  1275. font-size: 14px;
  1276. }
  1277. .f18 {
  1278. font-size: 13px;
  1279. }
  1280. .f16 {
  1281. font-size: 13px;
  1282. }
  1283. /* 手机导航全局 */
  1284. .blank_h {
  1285. height: 80px;
  1286. }
  1287. /*.nav-hide .blank_h{ height:80px;}*/
  1288. .touch-top-wrapper .touch-logo img {
  1289. height: 80px;
  1290. }
  1291. .touch-toggle li i {
  1292. margin-top: 20px;
  1293. }
  1294. .touch-menu ul li a {
  1295. font-size: 16px;
  1296. height: 40px;
  1297. line-height: 40px;
  1298. }
  1299. .touch-menu ul ul li a {
  1300. font-size: 14px;
  1301. }
  1302. }
  1303. @media screen and (max-width: 480px) {
  1304. .f50 {
  1305. font-size: 25px;
  1306. }
  1307. .f40 {
  1308. font-size: 19px;
  1309. }
  1310. .f38 {
  1311. font-size: 18px;
  1312. }
  1313. .f36 {
  1314. font-size: 18px;
  1315. }
  1316. .f32 {
  1317. font-size: 17px;
  1318. }
  1319. .f28 {
  1320. font-size: 15px;
  1321. }
  1322. .f18 {
  1323. font-size: 12px;
  1324. }
  1325. /* 手机导航全局 */
  1326. .blank_h {
  1327. height: 70px;
  1328. }
  1329. .nav-hide .blank_h {
  1330. height: 70px;
  1331. }
  1332. .touch-top-wrapper .touch-logo img {
  1333. height: 40px;
  1334. padding: 12px 0;
  1335. }
  1336. .touch-toggle li {
  1337. padding-left: 8px;
  1338. padding-right: 8px;
  1339. }
  1340. .touch-toggle li i {
  1341. width: 26px;
  1342. height: 26px;
  1343. margin-top: 23px;
  1344. }
  1345. /*.touch-menu ul li a{ font-size:14px; height:36px; line-height:36px;}
  1346. .touch-menu ul ul li a{ font-size:13px;}*/
  1347. /*尾部*/
  1348. .f_bg .f_div2_r2 {
  1349. width: 42%;
  1350. }
  1351. .f_bg .f_div2_r2 img {
  1352. width: 80%;
  1353. height: auto;
  1354. max-width: 118px;
  1355. }
  1356. .f_bg .f_div2_r {
  1357. width: 45%;
  1358. }
  1359. }
  1360. @media screen and (max-width: 360px) {
  1361. .f50 {
  1362. font-size: 23px;
  1363. }
  1364. .f40 {
  1365. font-size: 17px;
  1366. }
  1367. .f38 {
  1368. font-size: 16px;
  1369. }
  1370. .f36 {
  1371. font-size: 17px;
  1372. }
  1373. .f32 {
  1374. font-size: 16px;
  1375. }
  1376. .f28 {
  1377. font-size: 14px;
  1378. }
  1379. }
  1380. .baidu_ditu {
  1381. width: 100%;
  1382. height: 25rem;
  1383. margin: 0 auto;
  1384. border: #ccc solid 1px;
  1385. margin-bottom: 2rem;
  1386. }
  1387. @media screen and (max-width:767px) {
  1388. body .baidu_ditu {
  1389. width: 96%;
  1390. height: 20rem;
  1391. margin: 0 auto;
  1392. border: #ccc solid 1px;
  1393. margin-bottom: 2rem;
  1394. }
  1395. }
  1396. .footx a{ display:inline-block; margin-right:10px}