doem.css 22 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292
  1. @media screen and (min-width:380px) and (max-width:625px) {
  2. .h_zuo ul li{
  3. width: 50%;
  4. }
  5. }
  6. @media screen and (min-width: 345px) and (max-width: 992px) {
  7. .liu_right {
  8. width: 100%;
  9. }
  10. .l_ryu ul li{
  11. width: 100%;
  12. }
  13. .lixian{
  14. width:100%;
  15. }
  16. .liu_left {
  17. width: 100%;
  18. }
  19. .bgwu ul li {
  20. width: 44%;
  21. margin-top: 10px;
  22. }
  23. .si_left, .si_rigth {
  24. width: 100% !important;
  25. }
  26. .si_left .titlediv_btn {
  27. margin-top: 3%;
  28. }
  29. .santext {
  30. width: 100%;
  31. }
  32. .texttitle {
  33. padding: 2% 4%;
  34. }
  35. .ui_div{
  36. background-color: #333333 !important;
  37. }
  38. .aid_bgimg .listg {
  39. width:30%;
  40. }
  41. .h_zuo ul li{
  42. width: 50%;
  43. }
  44. }
  45. @media screen and (min-width: 993px) and (max-width: 1970px) {
  46. .lx_bottom ul{
  47. display: flex;
  48. }
  49. .lixian{
  50. width: 50%;
  51. }
  52. .l_ryu ul li{
  53. width: 30%;
  54. }
  55. .aid_bgimg .listg {
  56. width: 30%;
  57. }
  58. .h_zuo ul li{
  59. width: 20%;
  60. }
  61. .minwidth {
  62. max-width: 1200px;
  63. margin: 0 auto;
  64. }
  65. .ulwu {
  66. display: flex;
  67. }
  68. .liu_right {
  69. width: 49%;
  70. }
  71. .liu_left {
  72. width: 49%;
  73. }
  74. .liu_right {
  75. margin-left: 2%;
  76. }
  77. .si_left {
  78. width: 40%;
  79. }
  80. .si_rigth {
  81. width: 50.5%;
  82. }
  83. .si_left .titlediv_btn {
  84. margin-top: 14%;
  85. }
  86. .texttitle {
  87. padding: 2% 8%;
  88. }
  89. .santext {
  90. width: 71.7%;
  91. position: absolute;
  92. }
  93. }
  94. .clearfloat:after {
  95. display: block;
  96. clear: both;
  97. content: "";
  98. visibility: hidden;
  99. height: 0
  100. }
  101. .clearfloat {
  102. zoom: 1
  103. }
  104. .container {
  105. width: 100% !important;
  106. max-width: 1200px;
  107. max-width: 1170px\9;
  108. }
  109. .lcontiner {
  110. padding: 6% 0;
  111. }
  112. .er-content {
  113. max-width: 1200px;
  114. margin: 0 auto;
  115. }
  116. .jiejue a {
  117. color: #fff;
  118. }
  119. .er-content2 {
  120. max-width: 1300px;
  121. margin: 0 auto;
  122. }
  123. /* //#F6F9F9 */
  124. .lcontiner {
  125. background-color: #F6F9F9;
  126. }
  127. .er-con ul {
  128. display: flex;
  129. }
  130. .er-content li {
  131. flex: 1;
  132. width: 25%;
  133. text-align: center;
  134. padding: 0px 6% 0% 6%
  135. }
  136. .er-content ul li img {
  137. width: 100%;
  138. }
  139. .l_title {
  140. width: 100%;
  141. margin-top: 100px;
  142. height: 48px;
  143. text-align: center;
  144. line-height: 42px;
  145. -webkit-background-clip: text;
  146. }
  147. .lu_title {
  148. font-size: 36px;
  149. font-family: Microsoft YaHei, Microsoft YaHei;
  150. font-weight: bold;
  151. color: #000000;
  152. position: relative;
  153. }
  154. .san {
  155. background-color: #F6F6F6;
  156. padding: 73px 0;
  157. position: relative;
  158. box-sizing: border-box;
  159. width: 100%;
  160. }
  161. .san .er-content {
  162. position: relative;
  163. }
  164. .san_header {
  165. position: relative;
  166. }
  167. .san_content {
  168. width: 340px;
  169. padding: 100px 0 130px 0;
  170. background-color: rgba(234, 241, 255, 0.65);
  171. height: 100%;
  172. position: relative;
  173. z-index: 1;
  174. float: left;
  175. }
  176. .san_content:hover {
  177. background-color: rgba(234, 241, 255, 1);
  178. }
  179. .san_content ul {
  180. margin-top: 46px;
  181. padding: 0 30px;
  182. }
  183. .san_tile2 {
  184. font-size: 14px;
  185. font-family: Microsoft YaHei, Microsoft YaHei;
  186. font-weight: 600;
  187. color: #000000;
  188. line-height: 16px;
  189. padding: 14px 15px;
  190. }
  191. .san_title {
  192. padding: 0 15px;
  193. }
  194. .san_title:after {
  195. width: 4px;
  196. height: 67px;
  197. background-color: #0E50C8;
  198. -webkit-transition: all ease-out 0.2s;
  199. transition: all ease-out 0.2s;
  200. content: "";
  201. position: absolute;
  202. left: 0;
  203. webkit-transform: translate(-50%, 0%);
  204. -moz-transform: translate(-50%, 0%);
  205. transform: translate(-50%, 0%);
  206. }
  207. .l_title2 {
  208. padding: 17px 0;
  209. height: 55px;
  210. line-height: 55px;
  211. font-size: 20px;
  212. font-family: Microsoft YaHei, Microsoft YaHei;
  213. font-weight: 400;
  214. color: #000000;
  215. text-align: center;
  216. -webkit-background-clip: text;
  217. }
  218. .swiperslide .swiper-slide {
  219. border: 1px solid rgba(14, 80, 200, 0.5);
  220. margin-right: 10px;
  221. padding: 20px;
  222. padding: 10px 20px;
  223. -webkit-transition: all 0.2s;
  224. -o-transition: all 0.2s;
  225. -moz-transition: all 0.2s;
  226. transition: all 0.2s;
  227. height: 540px;
  228. overflow: hidden;
  229. }
  230. .titlediv_text {
  231. margin-top: 18px;
  232. overflow: hidden;
  233. display: -webkit-box;
  234. -webkit-line-clamp: 3;
  235. -webkit-box-orient: vertical;
  236. height: 70px;
  237. }
  238. .banner .swiper-pagination-bullet {
  239. width: 10px;
  240. height: 10px;
  241. background: rgba(255, 255, 255, 0.5);
  242. border-radius: 50%;
  243. }
  244. .banner .swiper-pagination-bullet-active {
  245. width: 12px;
  246. height: 12px;
  247. border-radius: 50%;
  248. background: rgba(255, 255, 255, 1);
  249. border: 2px solid #fff;
  250. position: relative;
  251. }
  252. .banner .swiper-pagination-bullet-active::after {
  253. width: 18px;
  254. height: 18px;
  255. background: rgba(255, 255, 255, 0);
  256. border: 2px solid #fff;
  257. -webkit-transition: all ease-out 0.2s;
  258. transition: all ease-out 0.2s;
  259. content: "";
  260. position: absolute;
  261. border: 1px solid #fff;
  262. top: -5px;
  263. left: -5px;
  264. border-radius: 50%;
  265. }
  266. .titlediv_title {
  267. width: 100%;
  268. font-size: 24px;
  269. font-family: Microsoft YaHei, Microsoft YaHei;
  270. font-weight: 400;
  271. color: #000000;
  272. line-height: 28px;
  273. overflow: hidden;
  274. display: -webkit-box;
  275. -webkit-line-clamp: 2;
  276. -webkit-box-orient: vertical;
  277. height: 56px;
  278. }
  279. }
  280. .titlediv_text {
  281. width: 100%;
  282. height: 96px;
  283. font-size: 13px;
  284. font-family: Microsoft YaHei, Microsoft YaHei;
  285. font-weight: 300;
  286. color: #3C3C3C;
  287. line-height: 20px;
  288. padding-top: 18px;
  289. display: -webkit-box;
  290. -webkit-line-clamp: 2;
  291. -webkit-box-orient: vertical;
  292. overflow: hidden;
  293. }
  294. .titlediv_btn {
  295. width: 117px;
  296. height: 30px;
  297. line-height: 30px;
  298. font-size: 14px;
  299. font-family: Microsoft YaHei, Microsoft YaHei;
  300. font-weight: 300;
  301. color: #0E50C8;
  302. border: 1px solid #0E50C8;
  303. margin-top: 10px;
  304. background: url(../../images/img/02.png) right 15px center no-repeat;
  305. float: right;
  306. text-align: left;
  307. padding-left: 19px;
  308. }
  309. .tansuo {
  310. position: absolute;
  311. right: 0;
  312. bottom: 0;
  313. }
  314. .titlediv_bottom {}
  315. .titlediv {
  316. margin: 18px 0;
  317. }
  318. .imgdiv {
  319. height: 276px;
  320. padding: 15px 0 15px 0;
  321. border-bottom: 1px solid rgba(14, 80, 200, 0.3);
  322. }
  323. .swiper2 {
  324. padding: 0 50px;
  325. }
  326. .s-next, .s-prev {
  327. width: 33px;
  328. height: 65px !important;
  329. background: #ADCAFF;
  330. border-radius: 0px 0px 0px 0px;
  331. opacity: 1;
  332. }
  333. .swiper-button-next, .swiper-button-prev {
  334. color: #000000 !important;
  335. }
  336. .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  337. font-size: 25px !important;
  338. }
  339. .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  340. font-size: 25px !important;
  341. }
  342. .titlediv_btn:hover {
  343. color: #fff;
  344. background: url(../../images/img/04.png) right 15px center no-repeat;
  345. background-color: #175394;
  346. }
  347. .titlediv_btn:hover a {
  348. color: #fff;
  349. }
  350. .h2after:after {
  351. width: 65px;
  352. height: 4px;
  353. background-color: #0E50C8;
  354. -webkit-transition: all ease-out 0.2s;
  355. transition: all ease-out 0.2s;
  356. content: "";
  357. position: absolute;
  358. left: 50%;
  359. bottom: -17px;
  360. webkit-transform: translate(-50%, 0%);
  361. -moz-transform: translate(-50%, 0%);
  362. transform: translate(-50%, 0%);
  363. }
  364. .bg_img {
  365. position: absolute;
  366. width: 100%;
  367. height: 100%;
  368. }
  369. .b1 {
  370. background: url(../../images/img/b1.jpg);
  371. background-size: cover;
  372. background-position-x: center !important;
  373. /*opacity: 0.4;*/
  374. z-index: 1;
  375. }
  376. .b2 {
  377. background: url(../../images/img/b2.jpg);
  378. background-size: cover;
  379. background-position-x: center !important;
  380. /*opacity: 0.4;*/
  381. z-index: 1;
  382. }
  383. .b3 {
  384. background: url(../../images/img/b3.jpg);
  385. background-size: cover;
  386. background-position-x: center !important;
  387. /*opacity: 0.4;*/
  388. z-index: 1;
  389. }
  390. .b4 {
  391. background: url(../../images/img/b4.jpg);
  392. background-size: cover;
  393. background-position-x: center !important;
  394. /*opacity: 0.4;*/
  395. z-index: 1;
  396. }
  397. .b5 {
  398. background: url(../../images/img/b5.jpg);
  399. background-size: cover;
  400. background-position-x: center !important;
  401. /*opacity: 0.4;*/
  402. z-index: 1;
  403. }
  404. .jiejue {
  405. position: relative;
  406. margin-top: 30px
  407. }
  408. .san_content .item {
  409. width: 112px !important;
  410. height: 72px;
  411. overflow: hidden;
  412. overflow: hidden;
  413. float: left;
  414. text-align: center;
  415. margin-top: 46px;
  416. }
  417. .san_content .list1 {
  418. background: url(../../images/img/Component21.png) center no-repeat;
  419. }
  420. .san_content .list2 {
  421. background: url(../../images/img/Group48.png) center no-repeat;
  422. }
  423. .san_content .list3 {
  424. background: url(../../images/img/Group32.png) center no-repeat;
  425. }
  426. .san_content .list4 {
  427. background: url(../../images/img/Group33.png) center no-repeat;
  428. }
  429. .san_content .list5 {
  430. background: url(../../images/img/Group162.png) center no-repeat;
  431. }
  432. /* .san_content .list2:hover{
  433. background: url(../../images/img/Group411.png) 45px center no-repeat;
  434. } */
  435. .san_content .active0 {
  436. background: url(../../images/img/Component37.png) center no-repeat;
  437. }
  438. .san_content .active1 {
  439. background: url(../../images/img/Group411.png) center no-repeat;
  440. }
  441. .san_content .active2 {
  442. background: url(../../images/img/Group321.png) center no-repeat;
  443. }
  444. .san_content .active3 {
  445. background: url(../../images/img/Group521.png) center no-repeat;
  446. }
  447. .san_content .active4 {
  448. background: url(../../images/img/Group164.png) center no-repeat;
  449. }
  450. .san_container {
  451. height: 100%;
  452. position: relative;
  453. z-index: 1;
  454. }
  455. .titlediv_btn {
  456. width: 117px;
  457. height: 30px;
  458. line-height: 30px;
  459. font-size: 14px;
  460. font-family: Microsoft YaHei, Microsoft YaHei;
  461. font-weight: 300;
  462. color: #0E50C8;
  463. border: 1px solid #0E50C8;
  464. margin-top: 10px;
  465. /* background: url(../images/tb_37.png) right 15px center no-repeat; */
  466. float: right;
  467. text-align: left;
  468. padding-left: 19px;
  469. bottom: 10px;
  470. }
  471. .santext {
  472. float: left;
  473. padding: 30px;
  474. overflow: hidden;
  475. right: 0;
  476. bottom: 0;
  477. }
  478. .santext h2 {
  479. height: 60px;
  480. font-size: 32px;
  481. font-family: Microsoft YaHei, Microsoft YaHei;
  482. font-weight: 400;
  483. color: #FFFFFF;
  484. line-height: 38px;
  485. letter-spacing: 1px;
  486. }
  487. .santext p {
  488. width: 70%;
  489. color: #FFFFFF;
  490. }
  491. .santext .title_btn {
  492. color: #FFFFFF;
  493. border: 1px solid #FFFFFF;
  494. width: 117px;
  495. height: 30px;
  496. line-height: 30px;
  497. font-size: 14px;
  498. font-family: Microsoft YaHei, Microsoft YaHei;
  499. font-weight: 300;
  500. margin-top: 10px;
  501. background: url(../../images/img/04.png) right 15px center no-repeat;
  502. float: right;
  503. text-align: left;
  504. padding-left: 19px;
  505. cursor: pointer;
  506. }
  507. .santext .tansuo {
  508. bottom: 34px;
  509. }
  510. .bgactive1, .bgactive2, .bgactive3, .bgactive4 {
  511. display: none;
  512. }
  513. .si {
  514. padding: 7% 0;
  515. background-color: #fff;
  516. }
  517. .tu1 {
  518. width: 100%;
  519. /* height: 470px;
  520. background: url(../../images/img/Rectangle13.png) right center no-repeat;
  521. background-size: 100% 100%;
  522. padding: 10px;
  523. margin-bottom: 15px;
  524. z-index: 10; */
  525. }
  526. .text_si {
  527. height: 48px;
  528. font-size: 36px;
  529. font-family: Microsoft YaHei, Microsoft YaHei;
  530. font-weight: bold;
  531. color: #000000;
  532. line-height: 42px;
  533. position: relative;
  534. }
  535. .si_left {
  536. margin-top: 2%;
  537. left: 10%;
  538. margin-left: 4%;
  539. overflow: hidden;
  540. float: left;
  541. }
  542. .heng:after {
  543. width: 65px;
  544. height: 4px;
  545. background-color: #0E50C8;
  546. -webkit-transition: all ease-out 0.2s;
  547. transition: all ease-out 0.2s;
  548. content: "";
  549. position: absolute;
  550. left: 33px;
  551. bottom: -17px;
  552. webkit-transform: translate(-50%, 0%);
  553. -moz-transform: translate(-50%, 0%);
  554. transform: translate(-50%, 0%);
  555. }
  556. .text {
  557. width: 90%;
  558. padding-top: 40px;
  559. font-size: 14px;
  560. font-family: Microsoft YaHei, Microsoft YaHei;
  561. font-weight: 300;
  562. color: #000000;
  563. line-height: 22px;
  564. height: 155px;
  565. overflow: hidden;
  566. }
  567. .si_rigth {
  568. float: left;
  569. display: inline-block;
  570. overflow: hidden;
  571. position: relative;
  572. }
  573. .si_left .titlediv_btn {
  574. float: left;
  575. }
  576. .si a:hover {
  577. color: #fff;
  578. }
  579. .wu {
  580. background-color: #F6F9F9;
  581. }
  582. .bgwu {
  583. padding: 5% 10px;
  584. background: url(../../images/img/Rectangle14.png) center no-repeat;
  585. background-size: 100%;
  586. }
  587. .l_title3 {
  588. width: 100%;
  589. /* margin-top: 100px; */
  590. height: 48px;
  591. text-align: center;
  592. line-height: 42px;
  593. -webkit-background-clip: text;
  594. }
  595. .eu_title {
  596. padding-top: 50px;
  597. font-size: 14px;
  598. font-family: Microsoft YaHei, Microsoft YaHei;
  599. font-weight: Light;
  600. color: #000000;
  601. line-height: 25px;
  602. }
  603. .er-contentwu {
  604. max-width: 1100px;
  605. margin: 0 auto;
  606. }
  607. .bgwu ul li {
  608. float: left;
  609. margin-right: 4%;
  610. margin-top: 5%;
  611. overflow: hidden;
  612. }
  613. .wubtn {
  614. padding-top: 10%;
  615. }
  616. .bnt {
  617. margin: 0 auto;
  618. float: inherit;
  619. }
  620. .liu {
  621. background-color: #fff;
  622. padding: 5%;
  623. }
  624. .section.y6 {
  625. background-color: #333333;
  626. }
  627. .liu_left {
  628. float: left;
  629. border: 1px solid #ccc;
  630. }
  631. .liu_right {
  632. float: right;
  633. }
  634. .liu_img {
  635. width: 100%;
  636. height: 233px;
  637. overflow: hidden;
  638. }
  639. .liu_left .liu_img img {
  640. width: 100%;
  641. }
  642. .liu_newtext a {
  643. color: #000;
  644. }
  645. .liu_newtext h4 {
  646. overflow: hidden;
  647. font-size: 20px;
  648. font-weight: bold;
  649. text-overflow: ellipsis;
  650. display: -webkit-box;
  651. -webkit-line-clamp: 2;
  652. -webkit-box-orient: vertical;
  653. }
  654. .texttitle h4 {
  655. line-height: 1.5;
  656. height: 55px;
  657. }
  658. .texttitle p {
  659. padding: 10px 0;
  660. }
  661. .liu_newtext p {
  662. font-size: 14px;
  663. white-space: nowrap;
  664. /* 不换行 */
  665. overflow: hidden;
  666. /* 隐藏超出部分 */
  667. text-overflow: ellipsis;
  668. /* 显示省略号 */
  669. }
  670. .liu_ioc .ioc {
  671. display: inline-block;
  672. width: 22px;
  673. height: 17px;
  674. background: url(../../images/img/Frame.png)center no-repeat;
  675. background-size: 100%;
  676. }
  677. .liu_newtext:hover .ioc {
  678. display: inline-block;
  679. width: 22px;
  680. height: 17px;
  681. background: url(../../images/img/05.png)center no-repeat;
  682. background-size: 100%;
  683. overflow: hidden;
  684. }
  685. .liu_ioc .datatime {
  686. float: right;
  687. }
  688. .liu_right .dec {
  689. border: 1px solid #ccc;
  690. height: 121px;
  691. overflow: hidden;
  692. }
  693. .liu_conent {
  694. padding: 2.5% 0;
  695. }
  696. .liu_right .dec {
  697. padding: 2% 4%;
  698. }
  699. .h4 {
  700. line-height: 1.5;
  701. height: 46px;
  702. }
  703. .dec {
  704. margin-bottom: 1.2%;
  705. }
  706. .dec p {
  707. padding: 3.2px 0
  708. }
  709. .liu_newtext:hover {
  710. background-color: #0E50C8;
  711. /* -webkit-transition: all 0.5s;
  712. -o-transition: all 0.5s;
  713. -moz-transition: all 0.5s;
  714. transition: all 0.5s; */
  715. }
  716. .liu_newtext:hover a {
  717. color: #fff;
  718. }
  719. .footertitle {
  720. font-size: 20px;
  721. font-family: Microsoft YaHei, Microsoft YaHei;
  722. font-weight: 400;
  723. color: #FFFFFF;
  724. line-height: 23px;
  725. letter-spacing: 1px;
  726. }
  727. .er-content .liu_footer li {
  728. width: 20% !important;
  729. }
  730. .i_con {
  731. width: 100% !important;
  732. }
  733. .liu_footer_content li {
  734. padding: 0;
  735. }
  736. .footertitle {
  737. padding-top: 15px;
  738. }
  739. .swiperslide .swiper-slide:hover {
  740. /* box-shadow: 0 0 13px #c6c4ce; */
  741. box-shadow: 0 8px 12px 0 rgba(198, 196, 206, 1);
  742. }
  743. .swiperslide .swiper-wrapper {
  744. padding: 40px 0px 40px 10px;
  745. }
  746. .texttitle {
  747. height: 140px;
  748. overflow: hidden;
  749. }
  750. .swiperslide .swiper-slide {
  751. background-color: #fff;
  752. }
  753. .swiperslide .swiper-slide .imgdiv img, .si_rigth img {
  754. width: 100%;
  755. height: 100%;
  756. }
  757. .gongsi {
  758. text-align: right;
  759. color: #666666;
  760. }
  761. .i_footer_tleft li {
  762. min-height: 204px !important;
  763. }
  764. .minwidth .i_morebtn {
  765. display: none;
  766. }
  767. .liu_phone {
  768. padding-left: 25px;
  769. height: 100px;
  770. line-height: -1.5;
  771. padding-right: 1%;
  772. padding-top: 37px;
  773. background: url(../../images/img/Vector.png) left center no-repeat;
  774. color: #000
  775. }
  776. .l_input {
  777. margin-top: 39px;
  778. margin-right: 20px;
  779. height: 30px;
  780. border: none;
  781. background: url(../../images/img/Group2.png) right center no-repeat;
  782. }
  783. .l_input input {
  784. margin-right: 40px;
  785. border: none;
  786. width: 126px;
  787. }
  788. .i_con {
  789. display: flex;
  790. justify-content: center;
  791. }
  792. .a_menu .a_menu_a:hover, .a_menu .a_menu_a.activetm1 {
  793. color: #05468d !important;
  794. background-color: #fff !important;
  795. font-weight: bold;
  796. font-size: 30px;
  797. }
  798. .a_menu .a_menu_a {
  799. font-size: 24px !important;
  800. }
  801. .adi_title {
  802. font-size: 36px;
  803. height: 60px;
  804. font-family: Microsoft YaHei, Microsoft YaHei;
  805. font-weight: bold;
  806. color: #000000;
  807. line-height: 42px;
  808. position: relative;
  809. display: inline-block;
  810. }
  811. .yinwen {
  812. font-size: 16px;
  813. font-family: Microsoft YaHei, Microsoft YaHei;
  814. font-weight: 400;
  815. color: #CCCCCC;
  816. line-height: 19px;
  817. }
  818. .titleafter:after {
  819. width: 65px;
  820. height: 1px;
  821. background-color: #CCCCCC;
  822. -webkit-transition: all ease-out 0.2s;
  823. transition: all ease-out 0.2s;
  824. content: "";
  825. position: absolute;
  826. left: 33px;
  827. bottom: 0;
  828. webkit-transform: translate(-50%, 0%);
  829. -moz-transform: translate(-50%, 0%);
  830. transform: translate(-50%, 0%);
  831. }
  832. .adi_title2 {
  833. /* width: 191px; */
  834. font-size: 24px;
  835. font-family: Microsoft YaHei, Microsoft YaHei;
  836. font-weight: 400;
  837. color: #000000;
  838. line-height: 28px;
  839. padding: 20px 0;
  840. display: inline-block;
  841. }
  842. .aid_right {
  843. padding: 80px 0 0px 0px;
  844. }
  845. .img_r {
  846. display: inline-block;
  847. height: 440px;
  848. }
  849. .img_r img, .img_r2 img {
  850. width: 100%;
  851. height: 100%;
  852. }
  853. .img_r2 {
  854. display: inline-block;
  855. height: 433px;
  856. overflow: hidden;
  857. }
  858. .pad {
  859. margin-top: 100px;
  860. }
  861. .aid_bg {
  862. background-color: #FBFBFB;
  863. }
  864. .aid_bgimg {
  865. width: 100%;
  866. padding: 2% 0 0px 2%;
  867. background: url(../../images/img/Rectangle47.png) center center no-repeat;
  868. background-size: cover;
  869. padding-bottom: 30px;
  870. }
  871. .l_fc {
  872. text-align: center;
  873. }
  874. .aid_bgimg .listg {
  875. position: relative;
  876. height: 650px;
  877. overflow: hidden;
  878. background-color: rgba(12, 39, 88, 0.3);
  879. padding: 70px 0;
  880. float: left;
  881. margin: 10px;
  882. -webkit-transition: all 0.5s;
  883. -o-transition: all 0.5s;
  884. -moz-transition: all 0.5s;
  885. transition: all 0.5s;
  886. }
  887. .our_tile {
  888. width: 100%;
  889. height: 96px;
  890. display: inline-block;
  891. text-align: center;
  892. line-height: 42px;
  893. position: relative;
  894. }
  895. .our {
  896. font-size: 36px;
  897. font-family: Microsoft YaHei, Microsoft YaHei;
  898. font-weight: bold;
  899. color: #FFFFFF;
  900. }
  901. .q_ye:after {
  902. width: 65px;
  903. height: 1px;
  904. background: rgba(12, 39, 88, 0.5);
  905. -webkit-transition: all ease-out 0.2s;
  906. transition: all ease-out 0.2s;
  907. content: "";
  908. position: absolute;
  909. left: 50%;
  910. top: -20px;
  911. webkit-transform: translate(-50%, 0%);
  912. -moz-transform: translate(-50%, 0%);
  913. transform: translate(-50%, 0%);
  914. }
  915. .l_tspiri:after {
  916. width: 65px;
  917. height: 1px;
  918. background: rgba(12, 39, 88, 0.5);
  919. -webkit-transition: all ease-out 0.2s;
  920. transition: all ease-out 0.2s;
  921. content: "";
  922. position: absolute;
  923. left: 50%;
  924. ;
  925. bottom: 5px;
  926. webkit-transform: translate(-50%, 0%);
  927. -moz-transform: translate(-50%, 0%);
  928. transform: translate(-50%, 0%);
  929. }
  930. .listg p {
  931. margin: 30px 0;
  932. text-align: center;
  933. font-size: 18px;
  934. font-weight: 400;
  935. color: #FFFFFF;
  936. line-height: 21px;
  937. }
  938. .listg .yitext {
  939. display: inline-block;
  940. font-size: 18px;
  941. text-align: center;
  942. font-weight: 400;
  943. color: #FFFFFF;
  944. line-height: 21px;
  945. width: 100%;
  946. }
  947. .listg .cultrue{
  948. font-size: 14px;
  949. font-family: Microsoft YaHei, Microsoft YaHei;
  950. font-weight: 400;
  951. color: #FFFFFF;
  952. line-height: 16px;
  953. position: absolute;
  954. bottom: 40px;
  955. left: 50%;
  956. transform: translate(-50%);
  957. }
  958. .classul{
  959. padding-bottom: 15px;
  960. }
  961. .bgcolor1{
  962. background-color: #F6F6F6 ;
  963. padding: 6.5% 0;
  964. }
  965. .l_ryu{
  966. /* padding: 0 360px; */
  967. }
  968. .l_ryu ul li{
  969. width: 33%;
  970. font-size: 18px;
  971. font-weight: 400;
  972. color: #000000;
  973. line-height: 23px;
  974. float: left;
  975. text-align: left;
  976. margin-top: 20px;
  977. padding: 5px 0;
  978. }
  979. .l_ryu ul{
  980. width: 100%;
  981. }
  982. .l_ryuimg{
  983. width: 100%;
  984. }
  985. .l_ryuimg .home-swiper7{
  986. padding: 70px 0 0 0;
  987. }
  988. .h_zuo ul li{
  989. float: left;
  990. }
  991. .h_zuo .he_zuo{
  992. padding: 6.5% 0 1% 0;
  993. }
  994. .lx_zuo{
  995. background-color:#F9F9F9 ;
  996. }
  997. .lx_bg{
  998. background: url(../../images/img/Rectangle50.png) center no-repeat;
  999. background-size: 100%;
  1000. }
  1001. .lx_title{
  1002. font-size: 32px;
  1003. font-weight: 400;
  1004. color: #000000;
  1005. line-height: 40px;
  1006. }
  1007. .lian_x span{
  1008. font-size: 20px;
  1009. font-weight: 300;
  1010. color: #4D4D4D;
  1011. line-height: 40px;
  1012. }
  1013. .lian_x .l_text {
  1014. font-size: 20px;
  1015. font-weight: 400;
  1016. color: #000000;
  1017. line-height: 40px;
  1018. }
  1019. .footer_lx{
  1020. padding: 0;
  1021. }
  1022. .l_footer{
  1023. color: #fff !important;
  1024. }
  1025. .l_padding{
  1026. padding: 6.5% 0;
  1027. }
  1028. .lx_css{
  1029. text-align: center;
  1030. }
  1031. .lx_add{
  1032. padding-left: 3%;
  1033. }
  1034. .lx_bottom{
  1035. padding: 68px 0 0 0;
  1036. }
  1037. .lx_bottom ul li{
  1038. flex: 1;
  1039. position: relative;
  1040. text-align: center;
  1041. }
  1042. .lx_bottom ul li:after{
  1043. width: 1px;
  1044. height: 120px;
  1045. background: #999999 ;
  1046. -webkit-transition: all ease-out 0.2s;
  1047. transition: all ease-out 0.2s;
  1048. content: "";
  1049. position: absolute;
  1050. right: 0;
  1051. bottom: -10px;
  1052. webkit-transform: translate(-50%, 0%);
  1053. -moz-transform: translate(-50%, 0%);
  1054. transform: translate(-50%, 0%);
  1055. }
  1056. .lx_bottom .lx_h4{
  1057. font-size: 20px;
  1058. font-weight: 400;
  1059. color: #000000;
  1060. line-height: 40px;
  1061. }
  1062. .lx_bottom .lx_h4_text{
  1063. font-size: 20px;
  1064. font-weight: 300;
  1065. color: #4D4D4D;
  1066. line-height: 40px;
  1067. }
  1068. .a1_tile{
  1069. color: #fff !important;
  1070. }
  1071. .lx_lx{
  1072. margin-top: 20px;
  1073. }
  1074. .listg:hover {
  1075. /* box-shadow: 0 0 13px #c6c4ce; */
  1076. box-shadow: 0 8px 12px 0 rgba(198, 196, 206, 1);
  1077. }
  1078. .l_ryuimg .Amplification img{
  1079. height: 100%;
  1080. }
  1081. .home-swiper7 .swiper-slide .a_img{
  1082. width: 100%;
  1083. height: 345px;
  1084. }