css.css 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713
  1. @import url(pscroll.css);
  2. /*内页*/
  3. .o_big {
  4. overflow: hidden;
  5. background-position: center center;
  6. background-repeat: no-repeat;
  7. background-size: auto 100%;
  8. position: relative;
  9. display: flex;
  10. justify-content: center;
  11. }
  12. .o_big h1 {
  13. color: #fff; margin: 0 auto;position: absolute; top: 120px; font-size: 60px;
  14. }
  15. .o_big img {
  16. width: 100%;
  17. filter: Alpha(Opacity=0);
  18. min-height: 120px;
  19. }
  20. .postions {
  21. height: 41px;
  22. line-height: 41px;
  23. overflow: hidden;
  24. background: #f1f1f1;
  25. color: #919191;
  26. font-size: 12px;
  27. }
  28. .postions a {
  29. color: #919191;
  30. }
  31. /*分页*/
  32. /*秀 站 网分页样式*/
  33. .pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
  34. .pages .pagination {display:inline-block;margin:0 auto;padding:0}
  35. .pages .pagination .page-item,.pages .pagination .page-num{color:#555; padding: 5px 12px; display:block; border-radius: 2px; border: 1px solid #ddd;float: left;margin: 0 5px;}
  36. .pages .pagination .page-num-current{ background:#333; color:#fff; border:#333 1px solid}
  37. @media only screen and (max-width:768px){
  38. .pages .pagination .page-num {display: none;}
  39. }
  40. /*硬件产品*/
  41. .product_a {
  42. overflow: hidden;
  43. padding-top: 3%;
  44. text-align: center;
  45. margin-bottom: 2%;
  46. }
  47. .product_a a {
  48. display: inline-block;
  49. height: 56px;
  50. line-height: 56px;
  51. background-color: #f0f0f0;
  52. width: 160px;
  53. font-size: 14px;
  54. color: #444444;
  55. margin-left: 0.5%;
  56. margin-right: 0.5%;
  57. margin-bottom: 2%;
  58. transition: all 0.3s;
  59. }
  60. .product_a a:hover {
  61. background-color: #409EFF;
  62. color: #fff;
  63. filter: Alpha(Opacity=80);
  64. opacity: 0.8;
  65. }
  66. .product_a a.csel {
  67. background-color: #409EFF;
  68. color: #fff;
  69. }
  70. .product_ul {
  71. overflow: hidden;
  72. padding-bottom: 20px;
  73. padding-top: 8px;
  74. }
  75. .product_ul ul {
  76. display: flex;
  77. flex-wrap: wrap;
  78. }
  79. .product_ul ul li {
  80. float: left;
  81. width: 32.1%;
  82. margin-left: 0.5%;
  83. margin-right: 1%;
  84. overflow: hidden;
  85. margin-bottom: 1.5%;
  86. text-align: center;
  87. background-color: #fff;
  88. }
  89. .product_ul ul li .product_b {
  90. border: 1px solid #e8e8e8;
  91. padding-bottom: 36px;
  92. }
  93. .product_ul ul li:nth-child(3n+0) {
  94. margin-right: 0;
  95. }
  96. .product_ul ul li img {
  97. display: inline-block;
  98. width: 100%;
  99. -webkit-transform: scale(1);
  100. -moz-transform: scale(1);
  101. -ms-transform: scale(1);
  102. -o-transform: scale(1);
  103. transform: scale(1);
  104. -webkit-transition: all 0.3s ease-out 0s;
  105. -moz-transition: all 0.3s ease-out 0s;
  106. -o-transition: all 0.3s ease-out 0s;
  107. transition: all 0.3s ease-out 0s;
  108. vertical-align: middle;
  109. }
  110. .product_ul ul li .imgs {
  111. width: 100%;
  112. overflow: hidden;
  113. }
  114. .product_ul ul li h2 {
  115. font-weight: normal;
  116. color: #333333;
  117. line-height: 36px;
  118. height: 36px;
  119. text-align: center;
  120. overflow: hidden;
  121. padding-left: 2%;
  122. padding-right: 2%;
  123. white-space: nowrap;
  124. text-overflow: ellipsis;
  125. transition: all 0.3s;
  126. margin-bottom: 1%;
  127. }
  128. .product_ul ul li p {
  129. line-height: 20px;
  130. height: 40px;
  131. overflow: hidden;
  132. color: #929292;
  133. font-size: 14px;
  134. padding-left: 2%;
  135. padding-right: 2%;
  136. max-width: 350px;
  137. margin: 0 auto;
  138. }
  139. .product_ul ul li em {
  140. display: block;
  141. color: #ee697e;
  142. font-size: 14px;
  143. margin-top: 10px;
  144. line-height: 20px;
  145. height: 20px;
  146. overflow: hidden;
  147. }
  148. .product_ul ul li label {
  149. display: block;
  150. color: #333;
  151. font-size: 14px;
  152. line-height: 20px;
  153. height: 20px;
  154. overflow: hidden;
  155. margin-top: 5px;
  156. }
  157. .product_ul ul li:hover img {
  158. -webkit-transform: scale(1.1, 1.1);
  159. -moz-transform: scale(1.1, 1.1);
  160. -o-transform: scale(1.1, 1.1);
  161. -ms-transform: scale(1.1, 1.1);
  162. transform: scale(1.1, 1.1);
  163. }
  164. .product_ul ul li:hover {
  165. -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  166. box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  167. -webkit-transform: translate3d(0, -2px, 0);
  168. transform: translate3d(0, -2px, 0);
  169. transition: all 0.3s;
  170. }
  171. .product_ul ul li:hover h2 {
  172. color: #00a1e9;
  173. }
  174. .product_ul ul li:hover .product_b {
  175. border: 1px solid #fff;
  176. }
  177. /*公司动态*/
  178. .news_bg {
  179. overflow: hidden;
  180. padding-top: 3%;
  181. }
  182. .news_con {
  183. overflow: hidden;
  184. }
  185. .news_con ul li {
  186. overflow: hidden;
  187. margin-bottom: 2%;
  188. padding-bottom: 2%;
  189. border-bottom: 1px solid #cccccc;
  190. display: block;
  191. }
  192. .news_con ul li:last-child {
  193. border-bottom: 0;
  194. margin-bottom: 0;
  195. }
  196. .news_con ul li .imgs {
  197. width: 19%;
  198. float: left;
  199. display: inline;
  200. overflow: hidden;
  201. }
  202. .news_con ul li .imgs img {
  203. width: 100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/
  204. -webkit-transform: scale(1);
  205. -moz-transform: scale(1);
  206. -ms-transform: scale(1);
  207. -o-transform: scale(1);
  208. transform: scale(1);
  209. -webkit-transition: all 0.3s ease-out 0s;
  210. -moz-transition: all 0.3s ease-out 0s;
  211. -o-transition: all 0.3s ease-out 0s;
  212. transition: all 0.3s ease-out 0s;
  213. }
  214. .news_con ul li:hover .imgs img {/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/
  215. -webkit-transform: scale(1.1, 1.1);
  216. -moz-transform: scale(1.1, 1.1);
  217. -o-transform: scale(1.1, 1.1);
  218. -ms-transform: scale(1.1, 1.1);
  219. transform: scale(1.1, 1.1);
  220. }
  221. .news_con ul li .i_about_r {
  222. float: right;
  223. display: inline;
  224. line-height: 22px;
  225. width: 78%;
  226. overflow: hidden;
  227. }
  228. .news_con ul li .i_about_r h3 {
  229. line-height: 22px;
  230. height: 22px;
  231. overflow: hidden;
  232. font-size: 18px;
  233. color: #333;
  234. font-weight: normal;
  235. margin-bottom: 1%;
  236. }
  237. .news_con ul li .i_about_r label {
  238. display: block;
  239. color: #999999;
  240. font-size: 14px;
  241. height: 20px;
  242. line-height: 20px;
  243. padding-left: 19px;
  244. margin-bottom: 1%;
  245. }
  246. .news_con ul li .i_about_r .p {
  247. max-height: 48px;
  248. overflow: hidden;
  249. font-size: 14px;
  250. color: #7b7b7b;
  251. line-height: 24px;
  252. }
  253. .news_con ul li .i_about_r .news_more {
  254. margin-top: 2%;
  255. width: 106px;
  256. text-align: center;
  257. float: left;
  258. height: 34px;
  259. line-height: 34px;
  260. background-color: #f5f5f5;
  261. border: 1px solid #bababa;
  262. color: #828282;
  263. font-size: 13px;
  264. transition: all 0.3s;
  265. }
  266. .news_con ul li:hover .i_about_r .news_more {
  267. background-color: #409EFF;
  268. color: #fff;
  269. border: 1px solid #409EFF;
  270. }
  271. .news_con ul li:hover .i_about_r h3 {
  272. color: #409EFF;
  273. }
  274. /*公司动态详细*/
  275. .about_x {
  276. overflow: hidden;
  277. line-height: 30px;
  278. font-size: 14px;
  279. color: #666666;
  280. }
  281. .about_x img {
  282. margin-bottom: 15px;
  283. max-width: 100%;
  284. height: auto !important;
  285. }
  286. .about_x .show_t {
  287. line-height: 36px;
  288. font-size: 24px;
  289. color: #333;
  290. text-align: center;
  291. margin-bottom: 15px;
  292. font-weight: normal;
  293. }
  294. .about_x .con_line {
  295. height: 40px;
  296. line-height: 40px;
  297. font-size: 12px;
  298. color: #999999;
  299. border-bottom: 1px dashed #cccccc;
  300. text-align: center;
  301. }
  302. .about_x .con_id {
  303. line-height: 30px;
  304. overflow: hidden;
  305. white-space: normal;
  306. word-break: break-all;
  307. padding-top: 20px;
  308. text-align: left;
  309. padding-bottom: 40px;
  310. }
  311. .about_x table {
  312. border-collapse: collapse;
  313. border-spacing: 0;
  314. }
  315. .about_x table td {
  316. line-height: 22px;
  317. height: 27px; /*border:1px solid #000;*/
  318. }
  319. .prenext {
  320. font-size: 16px;
  321. line-height: 60px;
  322. margin-top: 20px;
  323. color: #444;
  324. }
  325. .prenext span {
  326. float: left;
  327. width: 108px;
  328. color: #666666;
  329. font-size: 16px;
  330. }
  331. .prenext a {
  332. color: #444;
  333. }
  334. .prenext a:hover {
  335. color: #00a1e9;
  336. text-decoration: none;
  337. }
  338. .prenext:last-child {
  339. border-top: 0;
  340. margin-top: 0;
  341. margin-bottom: 10px;
  342. }
  343. .goback {
  344. float: right;
  345. height: 26px;
  346. line-height: 26px;
  347. text-align: right;
  348. padding-left: 23px;
  349. background: url(../img/goback.png) left center no-repeat;
  350. font-size: 14px;
  351. color: #333333;
  352. margin-top: 8px;/* border-bottom:1px solid #a6a6a6;*/
  353. }
  354. .fenxiang {
  355. height: 30px;
  356. overflow: hidden;
  357. }
  358. .fenxiang .span {
  359. float: right;
  360. font-size: 14px;
  361. line-height: 34px;
  362. }
  363. /*公司介绍*/
  364. .about_bg {
  365. background-color: #f5f5f5;
  366. overflow: hidden;
  367. }
  368. .about_div {
  369. overflow: hidden;
  370. }
  371. .about_div .i_one_div_txt {
  372. width: 46.9%;
  373. padding-left: 1.6%;
  374. padding-right: 1.5%;
  375. }
  376. .about_div .i_one_div_txt .i_one_con {
  377. max-width: 588px;
  378. }
  379. .about_div .i_one_div_txt .i_one_t {
  380. line-height: 30px;
  381. color: #0044dc;
  382. }
  383. .about_div .i_one_div_txt .i_one_t img {
  384. display: block;
  385. margin-top: 12%;
  386. margin-bottom: 2%;
  387. }
  388. .about_div .i_one_div_txt .i_one_p {
  389. color: #666666;
  390. font-size: 14px;
  391. line-height: 22px;
  392. padding-top: 2%; /*height:260px; */
  393. overflow: hidden;
  394. text-align: left;
  395. }
  396. .about_div .i_one_div_txt .i_one_p.brandfont {
  397. font-size: 16px;
  398. text-align: center;
  399. padding-top: 0;
  400. }
  401. .about_div .i_one_div_img {
  402. width: 50%;
  403. overflow: hidden;
  404. }
  405. .about_div .i_one_div_img img {
  406. width: 100%;
  407. -webkit-transition: all 0.8s ease-out;
  408. -ms-transition: all 0.8s ease-out;
  409. -moz-transition: all 0.8s ease-out;
  410. -o-transition: all 0.8s ease-out;
  411. transition: all 0.8s ease-out;
  412. }
  413. .about_div .i_one_div_img:hover img {
  414. -webkit-transform: scale(1.1);
  415. -moz-transform: scale(1.1);
  416. -o-transform: scale(1.1);
  417. transform: scale(1.1);
  418. }
  419. .about_two {
  420. overflow: hidden;
  421. text-align: center;
  422. padding-top: 3%;
  423. padding-bottom: 3%;
  424. background-color: #fff;
  425. width: 98%;
  426. padding-left: 1%;
  427. padding-right: 1%;
  428. }
  429. .about_two ul li {
  430. float: left;
  431. width: 30.33%;
  432. margin-left: 1.5%;
  433. margin-right: 1.5%;
  434. overflow: hidden;
  435. color: #7b7b7b;
  436. font-size: 14px;
  437. line-height: 24px;
  438. }
  439. .about_two ul li h2 {
  440. font-weight: normal;
  441. color: #333333;
  442. margin-bottom: 2%;
  443. }
  444. .about_two ul li p {
  445. margin: 0 auto;
  446. max-width: 400px;
  447. }
  448. /*企业荣誉*/
  449. .honor_ul {
  450. overflow: hidden;
  451. }
  452. .honor_ul ul li {
  453. width: 23.5%;
  454. margin-right: 2%;
  455. float: left;
  456. overflow: hidden;
  457. margin-bottom: 3%;
  458. text-align: center;
  459. }
  460. .honor_ul ul li:nth-child(4n+0) {
  461. margin-right: 0;
  462. }
  463. .honor_ul ul li .imgs {
  464. width: 100%;
  465. overflow: hidden;
  466. }
  467. .honor_ul ul li .imgs img {
  468. width: 100%;
  469. -webkit-transition: all 0.8s ease-out;
  470. -ms-transition: all 0.8s ease-out;
  471. -moz-transition: all 0.8s ease-out;
  472. -o-transition: all 0.8s ease-out;
  473. transition: all 0.8s ease-out;
  474. }
  475. .honor_ul ul li h2 {
  476. color: #333;
  477. font-size: 13px;
  478. font-weight: normal;
  479. height: 42px;
  480. overflow: hidden;
  481. line-height: 42px;
  482. }
  483. .honor_ul ul li:Hover .imgs img {
  484. -webkit-transform: scale(1.1);
  485. -moz-transform: scale(1.1);
  486. -o-transform: scale(1.1);
  487. transform: scale(1.1);
  488. }
  489. .honor_ul ul li:Hover h2 {
  490. color: #00a1e9;
  491. }
  492. /*联络我们*/
  493. .contact_bg {
  494. background-color: #f5f5f5;
  495. overflow: hidden;
  496. }
  497. .map_div {
  498. overflow: hidden;
  499. float: left;
  500. width: 50%;
  501. }
  502. .map_div img {
  503. max-width: 100%;
  504. }
  505. .contact_r {
  506. overflow: hidden;
  507. float: left;
  508. width: 44%;
  509. margin-left: 3%;
  510. margin-top: 3%;
  511. margin-bottom: 3%;
  512. color: #6f6f6f;
  513. font-size: 14px;
  514. }
  515. .contact_r h2 {
  516. color: #333333;
  517. font-size: 26px;
  518. font-weight: normal;
  519. margin-bottom: 3%;
  520. }
  521. .contact_r ul li {
  522. display: block;
  523. margin-bottom: 10px;
  524. }
  525. .contact_r ul li img {
  526. display: inline-block;
  527. margin-right: 12px;
  528. margin-top: 3px;
  529. float: left;
  530. }
  531. /*相关案例*/
  532. .case_ul {
  533. overflow: hidden;
  534. padding-top: 1%;
  535. }
  536. .case_ul ul li {
  537. float: left;
  538. width: 23.5%;
  539. overflow: hidden;
  540. margin-bottom: 2%;
  541. margin-right: 2%;
  542. text-align: center;
  543. background-color: #f5f5f5;
  544. }
  545. .case_ul ul li:nth-child(4n+0) {
  546. margin-right: 0;
  547. }
  548. .case_ul ul li img {
  549. display: block;
  550. width: 100%;
  551. height: 100%;
  552. -webkit-transition: all 1s ease-in-out;
  553. -moz-transition: all 1s ease-in-out;
  554. -ms-transition: all 1s ease-in-out;
  555. -o-transition: all 1s ease-in-out;
  556. transition: all 1s ease-in-out;
  557. }
  558. .case_ul ul li .imgs {
  559. overflow: hidden;
  560. width: 100%;
  561. }
  562. .case_ul ul li .imgs img {
  563. display: block;
  564. width: 100%;
  565. -webkit-transform: scale(1);
  566. -moz-transform: scale(1);
  567. -ms-transform: scale(1);
  568. -o-transform: scale(1);
  569. transform: scale(1);
  570. -webkit-transition: all 0.3s ease-out 0s;
  571. -moz-transition: all 0.3s ease-out 0s;
  572. -o-transition: all 0.3s ease-out 0s;
  573. transition: all 0.3s ease-out 0s;
  574. }
  575. .case_ul ul li .txts {
  576. overflow: hidden;
  577. transition: all 0.3s;
  578. padding-bottom: 25px;
  579. padding-top: 25px;
  580. padding-left: 26px;
  581. padding-right: 2%;
  582. text-align: left;
  583. }
  584. .case_ul ul li .txts h2 {
  585. height: 36px;
  586. line-height: 36px;
  587. overflow: hidden;
  588. font-weight: normal;
  589. color: #333;
  590. }
  591. .case_ul ul li .txts .p {
  592. font-size: 14px;
  593. color: #aaaaaa;
  594. line-height: 20px;
  595. height: 20px;
  596. overflow: hidden;
  597. }
  598. .case_ul ul li:hover .imgs img {
  599. -webkit-transform: scale(1.1, 1.1);
  600. -moz-transform: scale(1.1, 1.1);
  601. -o-transform: scale(1.1, 1.1);
  602. -ms-transform: scale(1.1, 1.1);
  603. transform: scale(1.1, 1.1);
  604. }
  605. .case_ul ul li:hover .txts h2 {
  606. color: #014ee7;
  607. }
  608. .case_ul ul li .desc {
  609. display: none;
  610. }
  611. /*人才招聘*/
  612. .job_ul {
  613. overflow: hidden;
  614. border: 1px solid #e9e9e9;
  615. margin-bottom: 4%;
  616. }
  617. .job_ul ul li {
  618. float: left;
  619. overflow: hidden;
  620. width: 25%;
  621. cursor: pointer;
  622. transition: all 0.3s;
  623. }
  624. .job_ul ul li .job_div {
  625. overflow: hidden;
  626. border-right: 1px solid #e9e9e9;
  627. border-bottom: 1px solid #e9e9e9;
  628. padding-bottom: 40px;
  629. }
  630. .job_ul ul li:nth-child(4n+0) .job_div {
  631. border-right: 0;
  632. }
  633. .job_ul ul li .job_txt {
  634. max-width: 220px;
  635. width: 94%;
  636. margin: 0 auto;
  637. }
  638. .job_ul ul li h2 {
  639. height: 102px;
  640. line-height: 102px;
  641. background: url(../img/job_bg2.jpg) left bottom no-repeat;
  642. margin-top: 3%;
  643. color: #505050;
  644. font-size: 20px;
  645. margin-bottom: 7%;
  646. }
  647. .job_ul ul li .p {
  648. font-size: 14px;
  649. color: #646464;
  650. line-height: 26px;
  651. overflow: hidden;
  652. }
  653. .job_ul ul li em {
  654. font-size: 14px;
  655. color: #949494;
  656. font-style: normal;
  657. display: block;
  658. padding-top: 28px;
  659. overflow: hidden;
  660. }
  661. .job_ul ul li:hover {
  662. background-color: #0265f8;
  663. }
  664. .job_ul ul li:hover h2 {
  665. color: #fff;
  666. background: url(../img/job_bg1.jpg) left bottom no-repeat;
  667. }
  668. .job_ul ul li:hover .p {
  669. color: #fff;
  670. }
  671. .job_ul ul li:hover em {
  672. color: #fff;
  673. }
  674. .job_ul ul li dl {
  675. display: none;
  676. overflow: hidden;
  677. }
  678. /*解决方案*/
  679. .solution_bg {
  680. background: url(../img/solution_bg.jpg) center center no-repeat;
  681. background-size: cover;
  682. overflow: hidden;
  683. padding-top: 3%;
  684. padding-bottom: 2%;
  685. }
  686. .solution_bg .solution_t {
  687. color: #ffffff;
  688. font-size: 32px;
  689. text-align: center;
  690. margin-top: 1%;
  691. margin-bottom: 3%;
  692. }
  693. .solution_bg .solution_ul ul li {
  694. float: left;
  695. width: 32%;
  696. margin-right: 2%;
  697. overflow: hidden;
  698. margin-bottom: 2%;
  699. position: relative;
  700. }
  701. .solution_bg .solution_ul ul li:nth-child(3n+0) {
  702. margin-right: 0;
  703. }
  704. .solution_bg .solution_ul ul li .imgs {
  705. overflow: hidden;
  706. }
  707. .solution_bg .solution_ul ul li .imgs img {
  708. width: 100%;
  709. display: block;
  710. -webkit-transform: scale(1);
  711. -moz-transform: scale(1);
  712. -ms-transform: scale(1);
  713. -o-transform: scale(1);
  714. transform: scale(1);
  715. -webkit-transition: all 0.3s ease-out 0s;
  716. -moz-transition: all 0.3s ease-out 0s;
  717. -o-transition: all 0.3s ease-out 0s;
  718. transition: all 0.3s ease-out 0s;
  719. }
  720. .solution_bg .solution_ul ul li .txts {
  721. text-align: center;
  722. position: absolute;
  723. width: 100%;
  724. height: 100%;
  725. left: 0;
  726. top: 0;
  727. color: #fff;
  728. }
  729. .solution_bg .solution_ul ul li .table {
  730. display: table;
  731. vertical-align: middle;
  732. width: 100%;
  733. height: 100%;
  734. }
  735. .solution_bg .solution_ul ul li .td {
  736. display: table-cell;
  737. vertical-align: middle;
  738. height: 100%;
  739. }
  740. .solution_bg .solution_ul ul li .txts img {
  741. margin: 0 auto;
  742. width: 20%;
  743. max-width: 90px;
  744. display: block;
  745. margin-bottom: 5%; /*margin-top:50px;*/
  746. }
  747. .solution_bg .solution_ul ul li .txts h2 {
  748. color: #efefef;
  749. font-weight: normal;
  750. margin: 0 auto;
  751. margin-bottom: 3%;
  752. max-width: 350px;
  753. width: 94%;
  754. font-size: 22px;
  755. }
  756. .solution_bg .solution_ul ul li .txts p {
  757. font-size: 14px;
  758. line-height: 22px;
  759. margin: 0 auto;
  760. max-width: 350px;
  761. width: 94%;
  762. overflow: hidden;
  763. }
  764. .solution_bg .solution_ul ul li:hover .imgs img {
  765. -webkit-transform: scale(1.1, 1.1);
  766. -moz-transform: scale(1.1, 1.1);
  767. -o-transform: scale(1.1, 1.1);
  768. -ms-transform: scale(1.1, 1.1);
  769. transform: scale(1.1, 1.1);
  770. }
  771. /*产品详细*/
  772. .product_con {
  773. overflow: hidden;
  774. font-size: 16px;
  775. color: #444444;
  776. position: relative;
  777. background-position: center bottom;
  778. background-repeat: no-repeat;
  779. background-size: cover;
  780. }
  781. .product_con .bigimg {
  782. width: 100%;
  783. display: block;
  784. min-height: 250px;
  785. filter: Alpha(Opacity=0);
  786. opacity: 0;
  787. }
  788. .product_con .tabel {
  789. display: table;
  790. width: 100%;
  791. height: 100%;
  792. }
  793. .product_con .td {
  794. display: table-cell;
  795. width: 100%;
  796. height: 100%;
  797. vertical-align: middle;
  798. }
  799. .product_con .td.vt {
  800. vertical-align: top;
  801. margin-top: 5%;
  802. }
  803. .product_con .txts {
  804. text-align: center;
  805. position: absolute;
  806. width: 100%;
  807. height: 100%;
  808. left: 0;
  809. top: 0;
  810. }
  811. .product_con .txts .pt {
  812. margin-top: 10%;
  813. font-weight: normal;
  814. margin-bottom: 2%;
  815. }
  816. .product_con .txts .p1 {
  817. color: #444444;
  818. font-size: 16px;
  819. line-height: 26px;
  820. max-width: 680px;
  821. width: 96%;
  822. margin: 0 auto;
  823. }
  824. .product_con .txts .p2 {
  825. color: #444444;
  826. font-size: 16px;
  827. line-height: 36px;
  828. }
  829. .product_con .txts .p2 label {
  830. color: #6d6d6d;
  831. font-size: 12px;
  832. font-family: Arial;
  833. padding-right: 3px;
  834. }
  835. .product_three {
  836. max-width: 1120px;
  837. width: 94%;
  838. margin: 0 auto;
  839. overflow: hidden;
  840. margin-top: 3%;
  841. }
  842. .product_three_l {
  843. float: left;
  844. width: 37.5%;
  845. overflow: hidden;
  846. text-align: left;
  847. }
  848. .product_three_img {
  849. float: right;
  850. width: 59%;
  851. }
  852. .product_three_img img {
  853. width: 100%;
  854. }
  855. .product_con .txts .product_three_l .pt {
  856. margin-top: 5%;
  857. }
  858. /*产品详细2*/
  859. .product_con2 {
  860. overflow: hidden;
  861. font-size: 14px;
  862. line-height: 22px;
  863. }
  864. .product_con2 img {
  865. width: 100%;
  866. display: block;
  867. }
  868. .product_blank {
  869. height: 0;
  870. font-size: 0;
  871. overflow: hidden;
  872. }
  873. /*解决方案2*/
  874. .solution_bg2 {
  875. background: url(../img/solution_bg3.jpg) center center no-repeat;
  876. background-size: cover;
  877. overflow: hidden;
  878. padding-top: 3%;
  879. padding-bottom: 3%;
  880. }
  881. .solution_bg2 .solution_t2 {
  882. text-align: center;
  883. overflow: hidden;
  884. color: #333333;
  885. width: 94%;
  886. max-width: 900px;
  887. margin: 0 auto;
  888. }
  889. .solution_bg2 .solution_desc {
  890. color: #535353;
  891. font-size: 15px;
  892. line-height: 24px;
  893. width: 94%;
  894. max-width: 900px;
  895. margin: 0 auto;
  896. margin-top: 1%;
  897. text-align: center;
  898. }
  899. .solution_bg3 {
  900. background: url(../img/solution_bg2.jpg) center center no-repeat;
  901. overflow: hidden;
  902. margin-top: 2%;
  903. padding-bottom: 8%;
  904. }
  905. .solution_con {
  906. width: 96%;
  907. max-width: 1520px;
  908. margin: 0 auto;
  909. }
  910. .solution_con ul li {
  911. float: left;
  912. margin-top: 3%;
  913. overflow: hidden;
  914. }
  915. .solution_con ul li:nth-child(1) {
  916. width: 13%;
  917. padding-top: 9%;
  918. }
  919. .solution_con ul li:nth-child(2) {
  920. width: 22%;
  921. padding-right: 2%;
  922. padding-top: 8%;
  923. }
  924. .solution_con ul li:nth-child(3) {
  925. width: 20%;
  926. }
  927. .solution_con ul li:nth-child(4) {
  928. width: 20%;
  929. padding-left: 2%;
  930. padding-right: 2%;
  931. padding-top: 6%;
  932. }
  933. .solution_con ul li:nth-child(5) {
  934. width: 19%;
  935. padding-top: 10%;
  936. }
  937. .solution_con ul li .img {
  938. max-width: 90%;
  939. margin: 0 auto;
  940. display: block;
  941. -webkit-transform: scale(1);
  942. -moz-transform: scale(1);
  943. -ms-transform: scale(1);
  944. -o-transform: scale(1);
  945. transform: scale(1);
  946. -webkit-transition: all 0.3s ease-out 0s;
  947. -moz-transition: all 0.3s ease-out 0s;
  948. -o-transition: all 0.3s ease-out 0s;
  949. transition: all 0.3s ease-out 0s;
  950. }
  951. .solution_con ul li h2 {
  952. font-weight: bold;
  953. font-size: 18px;
  954. color: #424242;
  955. text-align: center;
  956. margin-bottom: 10px;
  957. overflow: hidden;
  958. background: url(../img/solution_bg4.png) center bottom no-repeat;
  959. background-size: auto 50px;
  960. padding-bottom: 55px;
  961. }
  962. .solution_con ul li .solution_box {
  963. margin-bottom: 20px;
  964. }
  965. .solution_con ul li .solution_box:hover .img {
  966. -webkit-transform: scale(1.1, 1.1);
  967. -moz-transform: scale(1.1, 1.1);
  968. -o-transform: scale(1.1, 1.1);
  969. -ms-transform: scale(1.1, 1.1);
  970. transform: scale(1.1, 1.1);
  971. }
  972. .solution_con ul li .solution_box:nth-child(2) {
  973. margin-bottom: 0%;
  974. }
  975. .solution_con ul li .solution_box:nth-child(2) h2 {
  976. background: url(../img/solution_bg4.png) center top no-repeat;
  977. background-size: auto 50px;
  978. padding-bottom: 0px;
  979. padding-top: 55px;
  980. }
  981. .solution_con ul li:nth-child(3) .solution_box:nth-child(1) {
  982. margin-bottom: 5%;
  983. }
  984. .solution_con ul li:nth-child(3) .solution_box:nth-child(1):hover .img {
  985. -webkit-transform: scale(1);
  986. -moz-transform: scale(1);
  987. -ms-transform: scale(1);
  988. -o-transform: scale(1);
  989. transform: scale(1);
  990. }
  991. .solution_con ul li:nth-child(3) .solution_box:nth-child(2) {
  992. margin-top: 18%;
  993. }
  994. .solution_con ul li:nth-child(2) .solution_box:nth-child(2) {
  995. margin-left: 36%;
  996. }
  997. .solution_con ul li:nth-child(4) .solution_box:nth-child(2) {
  998. margin-right: 36%;
  999. }
  1000. .b_link {
  1001. overflow: hidden;
  1002. margin-bottom: 1%;
  1003. margin-top: 2%;
  1004. }
  1005. .b_link ul li {
  1006. float: left;
  1007. width: 15.8%;
  1008. margin-right: 1%;
  1009. margin-bottom: 2%;
  1010. overflow: hidden;
  1011. }
  1012. .b_link ul li:nth-child(6n+0) {
  1013. margin-right: 0;
  1014. }
  1015. .b_link ul li .imgs {
  1016. overflow: hidden;
  1017. border: 1px solid #f0f0f0;
  1018. }
  1019. .b_link ul li .imgs img {
  1020. display: block;
  1021. width: 100%;
  1022. -webkit-transform: scale(1);
  1023. -moz-transform: scale(1);
  1024. -ms-transform: scale(1);
  1025. -o-transform: scale(1);
  1026. transform: scale(1);
  1027. -webkit-transition: all 0.3s ease-out 0s;
  1028. -moz-transition: all 0.3s ease-out 0s;
  1029. -o-transition: all 0.3s ease-out 0s;
  1030. transition: all 0.3s ease-out 0s;
  1031. }
  1032. .b_link ul li:hover .imgs img {
  1033. -webkit-transform: scale(1.1, 1.1);
  1034. -moz-transform: scale(1.1, 1.1);
  1035. -o-transform: scale(1.1, 1.1);
  1036. -ms-transform: scale(1.1, 1.1);
  1037. transform: scale(1.1, 1.1);
  1038. }
  1039. .b_link ul li h2 {
  1040. font-weight: normal;
  1041. text-align: center;
  1042. font-size: 15px;
  1043. margin-top: 10px;
  1044. height: 22px;
  1045. line-height: 22px;
  1046. overflow: hidden;
  1047. }
  1048. /*防伪code.html*/
  1049. .fangwei_div {
  1050. width: 100%;
  1051. height: 100%;
  1052. overflow: hidden;
  1053. display: inline-table;
  1054. vertical-align: middle;
  1055. text-align: center;
  1056. margin-bottom: 50px;
  1057. }
  1058. .fangwei_div .fangwei_con {
  1059. display: table-cell;
  1060. vertical-align: middle;
  1061. position: relative;
  1062. }
  1063. .fangwei_div .fangwei_con .imgs {
  1064. width: 42%;
  1065. display: inline-block;
  1066. margin-right: 1%;
  1067. max-width: 271px;
  1068. }
  1069. .fangwei_div .fangwei_con .fangwei_txt {
  1070. display: inline-block;
  1071. vertical-align: middle;
  1072. width: 46%;
  1073. padding: 4%;
  1074. padding-top: 0;
  1075. padding-bottom: 0;
  1076. max-width: 330px;
  1077. text-align: left;
  1078. font-family: Arial;
  1079. color: #737373;
  1080. font-size: 14px;
  1081. line-height: 24px;
  1082. background-color: #464646;
  1083. height: 271px;
  1084. overflow: hidden;
  1085. }
  1086. .fangwei_div .fangwei_con .fangwei_txt .div {
  1087. overflow: hidden;
  1088. margin-bottom: 4%;
  1089. }
  1090. .fangwei_div .fangwei_con .fangwei_txt .div .inputs {
  1091. height: 45px;
  1092. line-height: 45px;
  1093. width: 100%;
  1094. text-indent: 10px;
  1095. font-size: 18px;
  1096. color: #313131;
  1097. font-family: "微软雅黑";
  1098. border: none;
  1099. background: #191919;
  1100. margin-top: 13%;
  1101. outline: none;
  1102. }
  1103. .fangwei_div .fangwei_con .fangwei_txt .div .inputs:focus {
  1104. color: #fff;
  1105. }
  1106. .fangwei_div .fangwei_con .fangwei_txt .div .inputs2 {
  1107. float: left;
  1108. height: 45px;
  1109. line-height: 45px;
  1110. width: 56%;
  1111. text-indent: 10px;
  1112. font-size: 18px;
  1113. color: #313131;
  1114. font-family: "微软雅黑";
  1115. border: none;
  1116. background: #191919;
  1117. outline: none;
  1118. }
  1119. .fangwei_div .fangwei_con .fangwei_txt .div .inputs2:focus {
  1120. color: #fff;
  1121. }
  1122. .fangwei_div .fangwei_con .fangwei_txt .div .imgs2 {
  1123. float: right;
  1124. width: 40%;
  1125. height: 45px;
  1126. }
  1127. .fangwei_div .fangwei_con .fangwei_txt .div2 {
  1128. text-align: center;
  1129. overflow: hidden;
  1130. padding-top: 8%;
  1131. }
  1132. .fangwei_div .fangwei_con .fangwei_txt .bnts {
  1133. background: #409EFF;
  1134. border: 0;
  1135. height: 30px;
  1136. line-height: 30px;
  1137. width: 118px;
  1138. color: #fff;
  1139. font-size: 14px;
  1140. letter-spacing: 1px;
  1141. outline: none;
  1142. -webkit-appearance: none;
  1143. cursor: pointer;
  1144. margin: 0 auto;
  1145. }
  1146. .fangwei_div .fangwei_con .fangwei_txt .bnts:hover {
  1147. filter: Alpha(Opacity=80);
  1148. opacity: 0.8;
  1149. transition: all 0.3s;
  1150. }
  1151. .fangwei_pos {
  1152. position: fixed;
  1153. width: 100%;
  1154. height: 100%;
  1155. background: rgba(5,5,5,0.6);
  1156. top: 0;
  1157. left: 0;
  1158. display: none;
  1159. }
  1160. .fangwei_pos1 {
  1161. position: absolute;
  1162. width: 100%;
  1163. height: 93px;
  1164. top: 50%;
  1165. margin-top: -46px;
  1166. left: 0;
  1167. display: none;
  1168. }
  1169. .fangwei_pos_con {
  1170. width: 96%;
  1171. margin: 0 auto;
  1172. max-width: 500px;
  1173. height: 93px;
  1174. background-color: #464646;
  1175. color: #fff;
  1176. font-size: 14px;
  1177. font-family: "宋体";
  1178. line-height: 30px;
  1179. }
  1180. .fangwei_pos_con .fangwei_pos_div {
  1181. text-align: left;
  1182. max-width: 370px;
  1183. width: 96%;
  1184. margin: 0 auto;
  1185. padding-top: 15px;
  1186. }
  1187. @media screen and (max-width: 1440px) {
  1188. /*解决方案2*/
  1189. .solution_con ul li:nth-child(4) {
  1190. padding-top: 4%;
  1191. }
  1192. .solution_con ul li:nth-child(5) {
  1193. padding-top: 8%;
  1194. }
  1195. }
  1196. @media screen and (max-width: 1200px) {
  1197. /*硬件产品*/
  1198. .product_a a {
  1199. height: 50px;
  1200. line-height: 50px;
  1201. }
  1202. /*公司动态*/
  1203. .news_con ul li .i_about_r h3 {
  1204. font-size: 16px;
  1205. margin-bottom: 0.5%;
  1206. }
  1207. .news_con ul li .i_about_r label {
  1208. margin-bottom: 0.5%;
  1209. }
  1210. .news_con ul li .i_about_r .p {
  1211. line-height: 22px;
  1212. max-height: 44px;
  1213. }
  1214. .news_con ul li .i_about_r .news_more {
  1215. margin-top: 1%;
  1216. height: 32px;
  1217. line-height: 32px;
  1218. }
  1219. /*公司介绍*/
  1220. .about_div .i_one_div_txt .i_one_t img {
  1221. margin-top: 6%;
  1222. margin-bottom: 1%;
  1223. width: 40px;
  1224. }
  1225. .about_div .i_one_div_txt .i_one_p {
  1226. padding-top: 1%;
  1227. line-height: 20px;
  1228. font-size: 13px;
  1229. }
  1230. .about_two ul li {
  1231. line-height: 22px;
  1232. font-size: 13px;
  1233. }
  1234. /*联络我们*/
  1235. .contact_r h2 {
  1236. font-size: 24px;
  1237. }
  1238. /*解决方案*/
  1239. .solution_bg .solution_t {
  1240. font-size: 28px;
  1241. }
  1242. .solution_bg .solution_ul ul li .txts img { /*margin-top:30px;*/
  1243. width: 18%;
  1244. }
  1245. .solution_bg .solution_ul ul li .txts h2 {
  1246. margin-bottom: 2%;
  1247. }
  1248. .solution_bg .solution_ul ul li .txts p {
  1249. font-size: 13px;
  1250. line-height: 20px;
  1251. }
  1252. /*解决方案2*/
  1253. .solution_con ul li h2 {
  1254. font-size: 16px;
  1255. }
  1256. .solution_bg3 {
  1257. background-position: center 20%;
  1258. }
  1259. .solution_con ul li:nth-child(4) {
  1260. padding-top: 0%;
  1261. }
  1262. .solution_con ul li:nth-child(2) {
  1263. padding-top: 0%;
  1264. }
  1265. .solution_con ul li:nth-child(5) {
  1266. padding-top: 1%;
  1267. }
  1268. }
  1269. @media screen and (max-width: 1100px) {
  1270. /*内页*/
  1271. .o_big {
  1272. background-size: auto 110%;
  1273. }
  1274. /*公司动态*/
  1275. .news_con ul li .i_about_r h3 {
  1276. font-size: 15px;
  1277. margin-bottom: 0.4%;
  1278. }
  1279. .news_con ul li .i_about_r label {
  1280. margin-bottom: 0.4%;
  1281. font-size: 12px;
  1282. }
  1283. .news_con ul li .i_about_r .p {
  1284. line-height: 18px;
  1285. max-height: 36px;
  1286. font-size: 12px;
  1287. }
  1288. /*相关案例*/
  1289. .case_ul ul li .txts {
  1290. padding-top: 10px;
  1291. padding-bottom: 15px;
  1292. }
  1293. .case_ul ul li .txts .p {
  1294. font-size: 13px;
  1295. }
  1296. /*人才招聘*/
  1297. .job_ul ul li {
  1298. width: 33.33%;
  1299. }
  1300. .job_ul ul li:nth-child(4n+0) .job_div {
  1301. border-right: 1px solid #e9e9e9;
  1302. }
  1303. .job_ul ul li:nth-child(3n+0) .job_div {
  1304. border-right: 0;
  1305. }
  1306. /*解决方案*/
  1307. .solution_bg .solution_t {
  1308. font-size: 24px;
  1309. }
  1310. .solution_bg .solution_ul ul li .txts img { /*margin-top:20px;*/
  1311. width: 16%;
  1312. }
  1313. .solution_bg .solution_ul ul li .txts p {
  1314. font-size: 12px;
  1315. line-height: 18px;
  1316. max-height: 180px;
  1317. }
  1318. }
  1319. @media screen and (max-width: 1000px) {
  1320. /*内页*/
  1321. .o_big {
  1322. background-size: auto 120%;
  1323. }
  1324. /*公司动态*/
  1325. .news_con ul li .i_about_r .news_more {
  1326. margin-top: 0.5%;
  1327. font-size: 12px;
  1328. height: 30px;
  1329. line-height: 30px;
  1330. }
  1331. /*企业荣誉*/
  1332. .honor_ul ul li {
  1333. width: 32%;
  1334. }
  1335. .honor_ul ul li:nth-child(4n+0) {
  1336. margin-right: 2%;
  1337. }
  1338. .honor_ul ul li:nth-child(3n+0) {
  1339. margin-right: 0;
  1340. }
  1341. /*工程案例*/
  1342. .case_ul ul li {
  1343. width: 32%;
  1344. }
  1345. .case_ul ul li:nth-child(4n+0) {
  1346. margin-right: 2%;
  1347. }
  1348. .case_ul ul li:nth-child(3n+0) {
  1349. margin-right: 0;
  1350. }
  1351. /*解决方案2*/
  1352. .solution_con ul li h2 {
  1353. font-size: 14px;
  1354. }
  1355. .b_link ul li {
  1356. width: 19%;
  1357. }
  1358. .b_link ul li:nth-child(6n+0) {
  1359. margin-right: 1.1%;
  1360. }
  1361. .b_link ul li:nth-child(5n+0) {
  1362. margin-right: 0;
  1363. }
  1364. }
  1365. @media screen and (max-width: 960px) {
  1366. /*内页*/
  1367. .o_big {
  1368. background-size: auto 130%;
  1369. }
  1370. /*硬件产品*/
  1371. .product_a a {
  1372. height: 46px;
  1373. line-height: 46px;
  1374. }
  1375. /*公司动态*/
  1376. .news_con ul li .i_about_r h3 {
  1377. font-size: 14px;
  1378. }
  1379. /*公司介绍*/
  1380. .about_div .i_one_div_txt .i_one_t img {
  1381. width: 30px;
  1382. margin-top: 3%;
  1383. }
  1384. .about_two ul li {
  1385. line-height: 20px;
  1386. font-size: 12px;
  1387. }
  1388. /*联络我们*/
  1389. .contact_r h2 {
  1390. font-size: 20px;
  1391. }
  1392. /*解决方案*/
  1393. .solution_bg .solution_t {
  1394. font-size: 20px;
  1395. }
  1396. .solution_bg .solution_ul ul li .txts img { /*margin-top:15px;*/
  1397. width: 14%;
  1398. margin-bottom: 3%;
  1399. }
  1400. .solution_bg .solution_ul ul li .txts h2 {
  1401. font-size: 20px;
  1402. }
  1403. /*产品详细*/
  1404. .product_con .td.vt {
  1405. vertical-align: middle;
  1406. }
  1407. .product_con .txts .p1 {
  1408. font-size: 14px;
  1409. }
  1410. .product_con .txts .p2 {
  1411. font-size: 14px;
  1412. line-height: 26px;
  1413. }
  1414. }
  1415. @media screen and (max-width: 830px) {
  1416. /*内页*/
  1417. .o_big {
  1418. background-size: auto 140%;
  1419. }
  1420. /*公司动态*/
  1421. .news_con ul li .i_about_r .news_more {
  1422. display: none;
  1423. }
  1424. /*公司介绍*/
  1425. .about_div .i_one_div_txt {
  1426. width: 96%;
  1427. padding-left: 2%;
  1428. padding-right: 2%;
  1429. margin-bottom: 3%;
  1430. padding-top: 2%;
  1431. }
  1432. .about_div .i_one_div_txt .i_one_con {
  1433. max-width: none;
  1434. }
  1435. .about_div .i_one_div_img {
  1436. width: 100%;
  1437. }
  1438. .about_two ul li {
  1439. width: 97%;
  1440. margin-bottom: 3%;
  1441. }
  1442. /*解决方案*/
  1443. .solution_bg .solution_ul ul li {
  1444. width: 49%;
  1445. }
  1446. .solution_bg .solution_ul ul li:nth-child(3n+0) {
  1447. margin-right: 2%;
  1448. }
  1449. .solution_bg .solution_ul ul li:nth-child(2n+0) {
  1450. margin-right: 0%;
  1451. }
  1452. /*解决方案2*/
  1453. .b_link ul li {
  1454. width: 24%;
  1455. }
  1456. .b_link ul li:nth-child(5n+0) {
  1457. margin-right: 1.1%;
  1458. }
  1459. .b_link ul li:nth-child(4n+0) {
  1460. margin-right: 0;
  1461. }
  1462. }
  1463. @media screen and (max-width: 780px) {
  1464. /*内页*/
  1465. .o_big {
  1466. background-size: auto 150%;
  1467. }
  1468. /*硬件产品*/
  1469. .product_a a {
  1470. height: 42px;
  1471. line-height: 42px;
  1472. }
  1473. .product_ul ul li {
  1474. width: 49%;
  1475. }
  1476. .product_ul ul li:nth-child(3n+0) {
  1477. margin-right: 1%;
  1478. }
  1479. .product_ul ul li:nth-child(2n+0) {
  1480. margin-right: 0;
  1481. }
  1482. /*公司动态详细*/
  1483. .about_x .show_t {
  1484. font-size: 20px;
  1485. margin-top: 2%;
  1486. margin-bottom: 0px;
  1487. }
  1488. .prenext {
  1489. font-size: 14px;
  1490. }
  1491. .prenext span {
  1492. width: 70px;
  1493. font-size: 14px;
  1494. }
  1495. /*联络我们*/
  1496. .contact_r h2 {
  1497. font-size: 18px;
  1498. }
  1499. .map_div {
  1500. width: 100%;
  1501. }
  1502. .contact_r {
  1503. width: 94%;
  1504. padding-top: 3%;
  1505. }
  1506. /*工程案例*/
  1507. .case_ul ul li {
  1508. width: 49%;
  1509. }
  1510. .case_ul ul li:nth-child(3n+0) {
  1511. margin-right: 2%;
  1512. }
  1513. .case_ul ul li:nth-child(2n+0) {
  1514. margin-right: 0;
  1515. }
  1516. /*人才招聘*/
  1517. .job_ul ul li {
  1518. width: 50%;
  1519. }
  1520. .job_ul ul li:nth-child(3n+0) .job_div {
  1521. border-right: 1px solid #e9e9e9;
  1522. }
  1523. .job_ul ul li:nth-child(2n+0) .job_div {
  1524. border-right: 0;
  1525. }
  1526. /*解决方案2*/
  1527. .solution_bg3 {
  1528. background: none;
  1529. }
  1530. .solution_con ul li:nth-child(1) {
  1531. width: 50%;
  1532. }
  1533. .solution_con ul li:nth-child(2) {
  1534. width: 50%;
  1535. padding-right: 0;
  1536. }
  1537. .solution_con ul li:nth-child(3) {
  1538. width: 50%;
  1539. }
  1540. .solution_con ul li:nth-child(4) {
  1541. width: 50%;
  1542. padding-left: 0;
  1543. padding-right: 0;
  1544. }
  1545. .solution_con ul li:nth-child(5) {
  1546. width: 50%;
  1547. }
  1548. .solution_con ul li .solution_box {
  1549. margin-bottom: 40px;
  1550. }
  1551. }
  1552. @media screen and (max-width: 640px) {
  1553. /*内页*/
  1554. .o_big {
  1555. background-size: auto 160%;
  1556. }
  1557. /*公司动态*/
  1558. .news_con ul li .imgs {
  1559. width: 29%;
  1560. }
  1561. .news_con ul li .i_about_r {
  1562. width: 68%;
  1563. }
  1564. /*企业荣誉*/
  1565. .honor_ul ul li {
  1566. width: 49%;
  1567. }
  1568. .honor_ul ul li:nth-child(4n+0) {
  1569. margin-right: 2%;
  1570. }
  1571. .honor_ul ul li:nth-child(3n+0) {
  1572. margin-right: 2;
  1573. }
  1574. .honor_ul ul li:nth-child(2n+0) {
  1575. margin-right: 0;
  1576. }
  1577. /*相关案例*/
  1578. .case_ul ul li .txts {
  1579. padding-left: 4%;
  1580. }
  1581. /*人才招聘*/
  1582. .job_ul ul li h2 {
  1583. font-size: 18px;
  1584. height: 80px;
  1585. line-height: 80px;
  1586. }
  1587. .job_ul ul li .p {
  1588. font-size: 13px;
  1589. }
  1590. .job_ul ul li em {
  1591. font-size: 13px;
  1592. }
  1593. /*解决方案*/
  1594. .solution_bg .solution_t {
  1595. margin-bottom: 5%;
  1596. }
  1597. .solution_bg .solution_ul ul li {
  1598. width: 100%;
  1599. margin-right: 0%;
  1600. }
  1601. .solution_bg .solution_ul ul li:nth-child(2n+0) {
  1602. margin-right: 3%;
  1603. }
  1604. .solution_bg .solution_ul ul li .txts img {
  1605. width: 21%;
  1606. }
  1607. /*产品详细*/
  1608. .product_con .txts .p1 {
  1609. font-size: 12px;
  1610. line-height: 20px;
  1611. }
  1612. .product_con .txts .p2 {
  1613. font-size: 12px;
  1614. line-height: 22px;
  1615. }
  1616. .product_three_l {
  1617. width: 50%;
  1618. }
  1619. .product_three_img {
  1620. width: 48%;
  1621. }
  1622. /*解决方案2*/
  1623. .b_link ul li {
  1624. width: 32.5%;
  1625. }
  1626. .b_link ul li:nth-child(4n+0) {
  1627. margin-right: 1.1%;
  1628. }
  1629. .b_link ul li:nth-child(3n+0) {
  1630. margin-right: 0;
  1631. }
  1632. /*防伪code.html*/
  1633. .fangwei_div .fangwei_con .imgs {
  1634. width: 40%;
  1635. margin-right: 0;
  1636. margin-bottom: 4%;
  1637. }
  1638. .fangwei_div .fangwei_con .fangwei_txt {
  1639. width: 100%;
  1640. height: 250px;
  1641. }
  1642. }
  1643. @media screen and (max-width: 480px) {
  1644. /*内页*/
  1645. .o_big {
  1646. background-size: auto 170%;
  1647. }
  1648. /*硬件产品*/
  1649. .product_a a {
  1650. height: 36px;
  1651. line-height: 36px;
  1652. width: 48.4%;
  1653. }
  1654. /*公司动态详细*/
  1655. .about_x2 .show_t {
  1656. font-size: 22px;
  1657. line-height: 30px;
  1658. }
  1659. /*公司介绍*/
  1660. .about_div .i_one_div_txt .i_one_p {
  1661. line-height: 18px;
  1662. font-size: 12px;
  1663. }
  1664. /*相关案例*/
  1665. .case_ul ul li .txts h2 {
  1666. font-size: 14px;
  1667. height: 30px;
  1668. line-height: 30px;
  1669. }
  1670. /*人才招聘*/
  1671. .job_ul ul li .job_div {
  1672. padding-bottom: 30px;
  1673. }
  1674. .job_ul ul li .job_txt {
  1675. width: 90%;
  1676. }
  1677. .job_ul ul li h2 {
  1678. font-size: 16px;
  1679. height: 50px;
  1680. line-height: 50px;
  1681. }
  1682. .job_ul ul li .p {
  1683. font-size: 12px;
  1684. line-height: 22px;
  1685. padding-top: 20px;
  1686. }
  1687. .job_ul ul li em {
  1688. font-size: 12px;
  1689. }
  1690. /*解决方案*/
  1691. .solution_bg .solution_ul ul li .txts h2 {
  1692. font-size: 18px;
  1693. }
  1694. }
  1695. @media screen and (max-width: 360px) {
  1696. /*内页*/
  1697. .o_big {
  1698. background-size: auto 180%;
  1699. }
  1700. }
  1701. @media screen and (max-width: 320px) {
  1702. }
  1703. /* 合肥秀站网络科技有限公司 */
  1704. /* 精品与原创网站模板提供商,一站式建站 */
  1705. /* 主营业务:织梦模板、pbootcms模板、云优模板、易优模板 */
  1706. /* 麦站网:Www.Xiuzhanwang.Com */
  1707. /* 主机/服务器:Www.xiuzhanyun.Com */
  1708. /* 域名抢注:Www.xiuzhanmi.Com */
  1709. /* QQ:2361928288 835971066 */