secode.css 54 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160
  1. .main {
  2. background: #F5F5F5;
  3. padding: 30px 0;
  4. padding-bottom: 70px;
  5. }
  6. .main-prduct {
  7. background: #ffffff;
  8. padding: 30px 0;
  9. padding-bottom: 70px;
  10. }
  11. .main-str {}
  12. .ql-align-center{
  13. text-align: center;
  14. }
  15. .ql-align-right{
  16. text-align: right;
  17. }
  18. /* banner */
  19. .swiper-containerx {
  20. /* height: 500px; */
  21. }
  22. .swiper-containerx img {
  23. width: 100%;
  24. height: 100%;
  25. object-fit: cover;
  26. }
  27. .swiper_title h6 {
  28. position: absolute;
  29. top: 50%;
  30. width: 100%;
  31. font-size: 80px;
  32. color: #ffffff;
  33. text-align: center;
  34. display: none;
  35. }
  36. /* 二级菜单 */
  37. .secondary-menu {
  38. width: 100%;
  39. padding: 30px 0;
  40. background: #F5F5F5;
  41. }
  42. .secondary-menu ul {
  43. width: 100%;
  44. height: 60px;
  45. text-align: center;
  46. line-height: 60px;
  47. border-radius: 5px;
  48. background: #ffffff;
  49. box-shadow: 4px 3px 8px #c8c8c8;
  50. }
  51. .secondary-menu ul::after {
  52. content: "";
  53. display: block;
  54. clear: both;
  55. }
  56. .secondary-menu ul li {
  57. display: inline-block;
  58. font-size: 16px;
  59. margin-right: 13px;
  60. }
  61. .secondary-menu ul.cprz li {
  62. font-size: 12px;
  63. }
  64. .secondary-menu ul li.active a {
  65. color: #1296DB;
  66. }
  67. .secondary-menu.news-text ul li.active a {
  68. font-size: 16px;
  69. }
  70. .secondary-menu ul li a {
  71. color: #999999;
  72. cursor: pointer;
  73. font-size: 16px;
  74. }
  75. .secondary-menu ul li a:hover {
  76. color: #1296DB;
  77. }
  78. /* 二级菜单 end */
  79. /* 面包屑 */
  80. .bread-crumbs {
  81. background: #F5F5F5;
  82. width: 100%;
  83. padding: 30px 0;
  84. padding-bottom: 0;
  85. }
  86. .bread-crumbs ul li {
  87. display: inline-block;
  88. }
  89. .bread-crumbs ul li a {
  90. font-size: 18px;
  91. color: #666666;
  92. }
  93. .bread-crumbs ul li.active a {
  94. color: #1296DB;
  95. }
  96. /* 面包屑 end */
  97. /* 产品二级导航 */
  98. .p-secod-menu {
  99. width: 100%;
  100. padding: 30px 0;
  101. background: #ffffff;
  102. }
  103. .p-secod-menu ul {
  104. width: 100%;
  105. height: 60px;
  106. text-align: center;
  107. line-height: 60px;
  108. border-radius: 5px;
  109. background: #ffffff;
  110. box-shadow: 4px 3px 8px #c8c8c8;
  111. }
  112. .p-secod-menu.duohang ul {
  113. height: 68px;
  114. line-height: 1.2;
  115. padding: 10px;
  116. }
  117. .p-secod-menu.chaoduohang ul {
  118. width: 100%;
  119. display: flex;
  120. height: 100%;
  121. padding: 10px;
  122. text-align: center;
  123. line-height: 1.6;
  124. border-radius: 5px;
  125. background: #ffffff;
  126. box-shadow: 4px 3px 8px #c8c8c8;
  127. display: flex;
  128. display: -webkit-flex;
  129. flex-direction: row;
  130. flex-wrap: wrap;
  131. }
  132. .p-secod-menu ul::after {
  133. content: "";
  134. display: block;
  135. clear: both;
  136. }
  137. .p-img-w {}
  138. .p-img-w img {
  139. width: 100%;
  140. }
  141. .jishu-one {
  142. width: 1100px;
  143. margin: 0 auto;
  144. text-align: center;
  145. }
  146. .jishu-one::after {
  147. content: "";
  148. display: block;
  149. clear: both;
  150. }
  151. .jishu-one li {
  152. width: 260px;
  153. height: 210px;
  154. background: #E5F3FB;
  155. position: relative;
  156. float: left;
  157. padding: 15px;
  158. }
  159. .jishu-one li>span:nth-child(1) {
  160. font-size: 60px;
  161. color: #008cd7;
  162. display: block;
  163. margin-bottom: 32px;
  164. }
  165. .jishu-one li::before {
  166. content: "";
  167. width: 42px;
  168. height: 20px;
  169. background: #008CD7;
  170. position: absolute;
  171. top: 50%;
  172. right: -29%;
  173. }
  174. .jishu-one li::after {
  175. content: "";
  176. width: 0;
  177. height: 0;
  178. border-left: 30px solid #008CD7;
  179. border-top: 20px solid transparent;
  180. border-bottom: 20px solid transparent;
  181. position: absolute;
  182. top: 45%;
  183. right: -40%;
  184. }
  185. .jishu-one li:nth-child(2) {
  186. margin: 0 150px;
  187. }
  188. .jishu-one li:nth-child(3)::before,
  189. .jishu-one li:nth-child(3)::after {
  190. display: none;
  191. }
  192. .p-secod-menu ul li {
  193. display: inline-block;
  194. font-size: 16px;
  195. margin-right: 30px;
  196. margin-bottom: 5px;
  197. }
  198. .p-secod-menu.chaoduohang ul li {
  199. width: 20%;
  200. margin-right: 0;
  201. }
  202. .p-secod-menu ul.cprz li {
  203. font-size: 12px;
  204. }
  205. .p-secod-menu ul li.active a {
  206. color: #1296DB;
  207. }
  208. .p-secod-menu.news-text ul li.active a {
  209. font-size: 16px;
  210. }
  211. .p-secod-menu ul li a {
  212. color: #999999;
  213. cursor: pointer;
  214. font-size: 14px;
  215. }
  216. .p-secod-menu ul li a:hover {
  217. color: #1296DB;
  218. }
  219. /* 产品中心 */
  220. .product-title {
  221. width: 100%;
  222. }
  223. .product-title h4 {
  224. font-size: 30px;
  225. color: #333333;
  226. text-align: center;
  227. }
  228. .product-title p {
  229. font-size: 22px;
  230. color: #8C8C8C;
  231. text-align: center;
  232. margin-bottom: 40px;
  233. }
  234. #swiper4 {
  235. height: 520px;
  236. }
  237. .product-a li a {
  238. cursor: pointer;
  239. }
  240. #swiper4 .swiper-pagination-bullet {
  241. width: 72px;
  242. height: 6px;
  243. display: inline-block;
  244. border-radius: 21px;
  245. opacity: 1;
  246. background: #666666;
  247. }
  248. #swiper4 .swiper-pagination-bullet-active {
  249. background-color: #1296DB;
  250. }
  251. .product-list #swiper4>.swiper-wrapper .pd-li {
  252. height: 467px;
  253. position: relative;
  254. float: left;
  255. width: 25%;
  256. cursor: pointer;
  257. }
  258. .product-list #swiper4>.swiper-wrapper .pd-li img {
  259. width: 100%;
  260. height: 100%;
  261. }
  262. .product-list #swiper4>.swiper-wrapper .pd-li .pd-mask {
  263. position: absolute;
  264. left: 0;
  265. right: 0;
  266. top: 0;
  267. bottom: 0;
  268. overflow: hidden;
  269. }
  270. .product-list #swiper4>.swiper-wrapper .pd-li .pd-m {
  271. position: absolute;
  272. top: 0;
  273. right: 0;
  274. width: 100%;
  275. height: 100%;
  276. background: #161A1D;
  277. opacity: 0.6;
  278. filter: alpha(opacity=60);
  279. -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(60));
  280. -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  281. -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  282. -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  283. transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  284. }
  285. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t {
  286. position: absolute;
  287. top: 0;
  288. width: 100%;
  289. height: 100%;
  290. text-align: center;
  291. filter: alpha(opacity=60);
  292. -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(60));
  293. -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  294. -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  295. -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  296. transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  297. }
  298. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t span {
  299. font-size: 70px;
  300. font-weight: bold;
  301. color: #1296DB;
  302. margin-top: 50%;
  303. display: inline-block;
  304. }
  305. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t em {
  306. display: block;
  307. font-size: 22px;
  308. color: #ffffff;
  309. margin-bottom: 30px;
  310. }
  311. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t p {
  312. font-size: 12px;
  313. color: #ffffff;
  314. opacity: 0;
  315. padding: 0px 30px;
  316. filter: alpha(opacity=0);
  317. -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));
  318. -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  319. -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  320. -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  321. transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  322. }
  323. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t .p-button {
  324. display: inline-block;
  325. border: 1px solid #ffffff;
  326. width: 120px;
  327. height: 36px;
  328. line-height: 36px;
  329. font-size: 14px;
  330. color: #ffffff;
  331. text-decoration: none;
  332. margin-top: 62px;
  333. opacity: 0;
  334. filter: alpha(opacity=0);
  335. -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));
  336. -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  337. -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  338. -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  339. transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  340. }
  341. /* ===========点击效果======= */
  342. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-t .p-button {
  343. opacity: 1;
  344. }
  345. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t .p-button {
  346. opacity: 1;
  347. }
  348. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-t {
  349. top: -29px;
  350. }
  351. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-m {
  352. background: #04A8FE;
  353. opacity: 0.8;
  354. }
  355. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-t span {
  356. color: #ffffff;
  357. margin-top: 40%;
  358. }
  359. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-t p {
  360. opacity: 1;
  361. display: none;
  362. }
  363. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t {
  364. top: -29px;
  365. }
  366. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-m {
  367. background: #04A8FE;
  368. opacity: 0.8;
  369. }
  370. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t span {
  371. color: #ffffff;
  372. margin-top: 40%;
  373. }
  374. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t p {
  375. opacity: 1;
  376. display: none;
  377. }
  378. /* ===========点击效果 end======= */
  379. .product .one {
  380. display: none;
  381. }
  382. .product>div:nth-child(3) {
  383. display: block;
  384. }
  385. /* 产品头部 */
  386. .p-dec-d>.container {
  387. border: 1px solid #BEBEBE;
  388. padding: 0;
  389. padding-bottom: 50px;
  390. }
  391. .p-dec-d .p-header {
  392. position: relative;
  393. height: 320px;
  394. }
  395. .p-dec-d .p-header img {
  396. width: 100%;
  397. height: 100%;
  398. }
  399. .p-dec-d .p-header h4 {
  400. position: absolute;
  401. top: 50%;
  402. left: 50%;
  403. transform: translate(-50%, -50%);
  404. font-size: 46px;
  405. color: #ffffff;
  406. width: 100%;
  407. text-align: center;
  408. }
  409. .p-dec-d .p-button-titile {
  410. width: 141px;
  411. padding: 12px 20px;
  412. background: #008CD7;
  413. color: #ffffff;
  414. font-size: 19px;
  415. margin: 1px auto;
  416. position: relative;
  417. margin-bottom: 54px;
  418. text-align-last: justify;
  419. -moz-text-align-last: justify;
  420. -webkit-text-align: justify;
  421. text-align: justify;
  422. text-justify: distribute-all-lines;
  423. }
  424. .p-dec-d .p-title-item h3{
  425. padding-bottom: 15px;
  426. }
  427. .p-dec-d .p-title-item h3:first-child{
  428. padding-top: 15px;
  429. }
  430. .p-dec-d .p-button-titile::after {
  431. position: absolute;
  432. top: -5px;
  433. left: -5px;
  434. content: "";
  435. width: 108%;
  436. height: 121%;
  437. border: 1px solid #008CD7;
  438. }
  439. /* 概念 */
  440. .p-dec-d .gailian,
  441. .haochu {
  442. padding: 60px 0px 50px;
  443. }
  444. .p-dec-d .gailian {
  445. color: #666666;
  446. font-size: 18px;
  447. }
  448. .p-dec-d .gailian>p {
  449. color: #666666;
  450. font-size: 18px;
  451. }
  452. .p-dec-d .gailian>img {
  453. width: 100%;
  454. }
  455. .p-dec-d .gialian-con {
  456. width: 800px;
  457. margin: 0 auto;
  458. }
  459. .p-dec-d .shengqing-con {
  460. width: 918px;
  461. margin: 0 auto;
  462. }
  463. .p-dec-d .lingyu-con {
  464. width: 1024px;
  465. margin: 0 auto;
  466. }
  467. .p-dec-d .zhengce-con {
  468. width: 1180px;
  469. margin: 0 auto;
  470. }
  471. .p-dec-d .chengnuo-con {
  472. width: 1200px;
  473. margin: 0 auto;
  474. }
  475. .p-dec-d .zhengce-ul {
  476. padding-left: 65px;
  477. }
  478. /* 申请好处 */
  479. .p-dec-d .haochu-ul::after {
  480. content: "";
  481. display: block;
  482. clear: both;
  483. }
  484. .p-dec-d .haochu-ul li {
  485. width: 100%;
  486. color: #656565;
  487. font-size: 18px;
  488. margin-bottom: 20px;
  489. text-align: left;
  490. }
  491. .p-dec-d .haochu-ul li em {
  492. display: inline-block;
  493. text-align: center;
  494. width: 30px;
  495. height: 30px;
  496. line-height: 25px;
  497. font-size: 16px;
  498. border-radius: 50%;
  499. border: 2px solid #1296DB;
  500. color: #008CD7;
  501. margin-right: 10px;
  502. font-weight: bold;
  503. }
  504. .p-dec-d .haochu {
  505. background: #F7F7F7;
  506. }
  507. /* 申请条件 */
  508. .p-dec-d .shengqing-ul::after {
  509. content: "";
  510. display: block;
  511. clear: both;
  512. }
  513. .p-dec-d .shengqing-ul li {
  514. width: 100%;
  515. color: #656565;
  516. font-size: 18px;
  517. margin-bottom: 20px;
  518. /*overflow: hidden;*/
  519. display: -webkit-box;
  520. /*text-overflow: ellipsis;*/
  521. -webkit-box-orient: vertical;
  522. /*-webkit-line-clamp: 3;*/
  523. text-align: left;
  524. }
  525. .p-dec-d .shengqing-ul li:nth-child(2n-1) {
  526. padding-right: 15px;
  527. }
  528. .p-dec-d .shengqing-ul li em {
  529. display: inline-block;
  530. text-align: center;
  531. width: 30px;
  532. height: 30px;
  533. line-height: 30px;
  534. font-size: 16px;
  535. border-radius: 50%;
  536. border: 2px solid #1296DB;
  537. color: #008CD7;
  538. margin-right: 10px;
  539. font-weight: bold;
  540. }
  541. /* 申请领域 */
  542. .p-dec-d .lingyu-ul {}
  543. .p-dec-d .lingyu-ul li {
  544. padding: 15px 32px;
  545. border: 1px dashed #1295DB;
  546. position: relative;
  547. display: inline-block;
  548. font-size: 22px;
  549. color: #666666;
  550. margin-left: 40px;
  551. margin-bottom: 40px;
  552. }
  553. .p-dec-d .lingyu-ul li em {
  554. position: absolute;
  555. top: -17px;
  556. left: -5px;
  557. font-size: 22px;
  558. color: #ffffff;
  559. }
  560. .p-dec-d .lingyu-ul {}
  561. /* 申请流程 */
  562. .p-dec-d .liucheng-ul {}
  563. .p-dec-d .liucheng-ul::after {
  564. display: block;
  565. content: "";
  566. clear: both;
  567. }
  568. .p-dec-d .liucheng-ul li {
  569. width: 200px;
  570. height: 100px;
  571. line-height: 100px;
  572. text-align: center;
  573. border-radius: 100%;
  574. background-color: #1295DB;
  575. color: #ffffff;
  576. font-size: 16px;
  577. position: relative;
  578. margin-right: 40px;
  579. position: relative;
  580. margin-bottom: 10px;
  581. float: left;
  582. }
  583. .p-dec-d .liucheng-ul.jishuzy li {
  584. line-height: 1;
  585. }
  586. .p-dec-d .liucheng-ul li span {
  587. display: inline-block;
  588. margin-top: 30px;
  589. }
  590. .p-dec-d .liucheng-ul li>p {
  591. position: absolute;
  592. bottom: -40px;
  593. left: 50%;
  594. transform: translateX(-50%);
  595. }
  596. .p-dec-d .liucheng-ul.jishuzy li>p {
  597. position: absolute;
  598. bottom: -5px;
  599. left: 50%;
  600. transform: translateX(-50%);
  601. }
  602. .p-dec-d .liucheng-ul li.chang {
  603. width: 320px;
  604. }
  605. .p-dec-d .liucheng-ul li::after {
  606. content: "";
  607. position: absolute;
  608. top: 35px;
  609. right: -38px;
  610. width: 0px;
  611. height: 0px;
  612. border-left: 30px solid #1295DB;
  613. border-bottom: 15px solid transparent;
  614. border-top: 15px solid transparent;
  615. }
  616. .p-dec-d .liucheng-ul li:last-of-type::after {
  617. display: none;
  618. }
  619. /* 指标分值 */
  620. .zhibiao-h {
  621. margin-bottom: 0 !important;
  622. }
  623. .zhibiao-p {
  624. font-size: 22px;
  625. color: #666666;
  626. text-align: center;
  627. margin: 15px auto;
  628. }
  629. .p-dec-d .zhibiao-dec table {
  630. border-collapse: collapse;
  631. text-align: left;
  632. font-size: 22px;
  633. margin: 1px auto;
  634. }
  635. .p-dec-d .zhibiao-dec table td,
  636. .p-dec-d .zhibiao-dec table th {
  637. border: 1px solid #1295DB;
  638. color: #666;
  639. height: 30px;
  640. padding: 20px;
  641. }
  642. /* 成果推荐 */
  643. .p-dec-d .tuijian {
  644. width: 100%;
  645. height: 600px;
  646. }
  647. .p-dec-d .tuijian .tuijian-left {
  648. width: 20%;
  649. height: 100%;
  650. display: inline-block;
  651. background: pink;
  652. float: left;
  653. padding: 30px;
  654. }
  655. .p-dec-d .tuijian .tuijian-left .left-list {
  656. width: 100%;
  657. height: 45px;
  658. line-height: 45px;
  659. font-size: 20px;
  660. color: #333333;
  661. background: #ffffff;
  662. margin-bottom: 10px;
  663. position: relative;
  664. }
  665. .p-dec-d .tuijian .tuijian-left .left-list::after {
  666. content: "";
  667. position: absolute;
  668. right: 15px;
  669. bottom: 10px;
  670. border-top: 15px solid #666666;
  671. border-right: 5px solid transparent;
  672. border-left: 5px solid transparent;
  673. }
  674. #swiper51{display: none;}
  675. .p-dec-d .tuijian .tuijian-right {
  676. width: 80%;
  677. height: 100%;
  678. display: inline-block;
  679. background: blueviolet;
  680. float: left;
  681. }
  682. .ziyuan-ul {
  683. width: 1141px;
  684. margin: 0 auto;
  685. text-align: center;
  686. }
  687. .ziyuan-ul::after {
  688. content: "";
  689. display: block;
  690. clear: both;
  691. }
  692. .ziyuan-ul li {
  693. width: 347px;
  694. float: left;
  695. border: 1px solid #008CD7;
  696. height: 280px;
  697. padding-top: 20px;
  698. }
  699. .ziyuan-ul li:nth-child(1),
  700. .ziyuan-ul li:nth-child(3) {
  701. margin-top: 30px;
  702. }
  703. .ziyuan-ul li span {
  704. font-size: 16px;
  705. text-align: center;
  706. color: #333333;
  707. font-weight: bold;
  708. display: block;
  709. margin-bottom: 5px;
  710. margin-top: 8px;
  711. }
  712. .ziyuan-ul li p {
  713. text-align: center;
  714. font-size: 16px;
  715. color: #666666;
  716. margin-bottom: 0px;
  717. }
  718. .ziyuan-ul li .guowai {
  719. margin-top: 20px;
  720. }
  721. .ziyuan-ul li:nth-child(2) {
  722. width: 400px;
  723. height: 320px;
  724. margin: 0 20px;
  725. }
  726. .ziyuan-ul li:nth-child(2) p,
  727. .ziyuan-ul li:nth-child(2) span {
  728. font-size: 18px;
  729. margin-bottom: 8px;
  730. }
  731. .pingtai-l {
  732. width: 1100px;
  733. margin: 0 auto;
  734. }
  735. .pingtai-l::after {
  736. content: "";
  737. display: block;
  738. clear: both;
  739. }
  740. .pingtai-l>div {
  741. width: 200px;
  742. height: 200px;
  743. border-radius: 200%;
  744. background: #E5F3FB;
  745. float: left;
  746. margin-right: 40px;
  747. text-align: center;
  748. padding: 15px;
  749. padding-top: 80px;
  750. font-size: 16px;
  751. position: relative;
  752. }
  753. .pingtai-l>div::after {
  754. content: "";
  755. width: 0;
  756. height: 0;
  757. border-left: 21px solid #008cd7;
  758. border-top: 11px solid transparent;
  759. border-bottom: 11px solid transparent;
  760. position: absolute;
  761. top: 45%;
  762. right: -30px;
  763. }
  764. .pingtai-l>div:nth-child(4)::after {
  765. display: none;
  766. }
  767. /* 地区政策 */
  768. .p-dec-d .zhengce-ul::after {
  769. display: block;
  770. content: "";
  771. clear: both;
  772. }
  773. .p-dec-d .zhengce-ul li {
  774. display: inline-block;
  775. padding: 22px;
  776. border: 1px solid #1295DB;
  777. margin-right: 22px;
  778. float: left;
  779. }
  780. .p-dec-d .zhengce-ul li span {
  781. font-size: 18px;
  782. color: #333333;
  783. font-weight: bold;
  784. display: block;
  785. margin-bottom: 20px;
  786. }
  787. .p-dec-d .zhengce-ul li p {
  788. font-size: 18px;
  789. color: #666666;
  790. }
  791. .p-dec-d .hunhe-yuan:last-of-type::after {
  792. display: none;
  793. }
  794. /* 服务承诺 */
  795. .p-dec-d .chengnuo-ul li {
  796. width: 25%;
  797. padding: 95px 68px;
  798. font-size: 22px;
  799. text-align: center;
  800. color: #ffffff;
  801. float: left;
  802. }
  803. .p-dec-d .tx-ul{
  804. margin: 1px auto;
  805. width: 953px;
  806. }
  807. .p-dec-d .chengnuo-ul.tx-ul>li {
  808. width: 33.3%;
  809. padding: 95px 68px;
  810. font-size: 22px;
  811. text-align: center;
  812. color: #ffffff;
  813. float: left;
  814. }
  815. .p-dec-d .chengnuo-ul li:nth-child(1) {
  816. background: #0FB8E8;
  817. }
  818. .p-dec-d .chengnuo-ul li:nth-child(2) {
  819. background: #7363C8;
  820. }
  821. .p-dec-d .chengnuo-ul li:nth-child(3) {
  822. background: #E8A666;
  823. }
  824. .p-dec-d .chengnuo-ul li:nth-child(4) {
  825. background: #EA4349;
  826. }
  827. /* 五边形 */
  828. .five-angle {
  829. position: absolute;
  830. top: -7px;
  831. left: -20px;
  832. width: 43px;
  833. border-width: 25px 8px 0;
  834. border-style: solid;
  835. border-color: #1295DB transparent;
  836. }
  837. .five-angle::before {
  838. content: "";
  839. position: absolute;
  840. width: 0;
  841. height: 0;
  842. top: -44px;
  843. left: -8px;
  844. border-width: 0 21px 19px;
  845. border-style: solid;
  846. border-color: #1295DB transparent;
  847. }
  848. /* 五边形 end*/
  849. /* 产品中心 end */
  850. /* 新闻列表 */
  851. .newslist li {
  852. padding: 36px 50px;
  853. background: #ffffff;
  854. border-radius: 5px;
  855. margin-bottom: 20px;
  856. position: relative;
  857. top: 0;
  858. left: 0;
  859. -moz-transition: all .36s ease;
  860. -o-transition: all .36s ease;
  861. transition: all .36s ease;
  862. webkit-transition: all .36s ease;
  863. }
  864. .newslist li:hover {
  865. box-shadow: 0px 3px 10px #C2C2C2;
  866. top: -15px;
  867. }
  868. .news-item::after {
  869. content: "";
  870. display: block;
  871. clear: both;
  872. }
  873. .news-item>div {
  874. float: left;
  875. }
  876. .client-list-box {
  877. margin-top: 20px;
  878. }
  879. .news-item>div:nth-child(1) {
  880. width: 30%;
  881. height: 200px;
  882. }
  883. .news-item>div:nth-child(1) img {
  884. width: 100%;
  885. height: 100%;
  886. }
  887. .news-item>div:nth-child(2) {
  888. width: 70%;
  889. padding-left: 70px;
  890. height: 200px;
  891. overflow: hidden;
  892. display: -webkit-box;
  893. text-overflow: ellipsis;
  894. -webkit-box-orient: vertical;
  895. -webkit-line-clamp: 3;
  896. }
  897. .news-item>div:nth-child(2)>div {
  898. overflow: hidden;
  899. color: #666666;
  900. overflow: hidden;
  901. display: -webkit-box;
  902. text-overflow: ellipsis;
  903. -webkit-box-orient: vertical;
  904. -webkit-line-clamp: 6;
  905. }
  906. .news-item>div:nth-child(2) h6 {
  907. font-size: 24px;
  908. color: #333333;
  909. margin: 0;
  910. }
  911. .news-item>div:nth-child(2) span {
  912. font-size: 17px;
  913. color: #666666;
  914. margin: 12px 0;
  915. display: block;
  916. }
  917. .news-item>div:nth-child(2) p {
  918. color: #999999;
  919. font-size: 14px;
  920. line-height: 1.8;
  921. }
  922. /* 新闻列表 end */
  923. /* 新闻详情 */
  924. .news-detail {
  925. background: #ffffff;
  926. padding: 50px;
  927. }
  928. .detail-title {
  929. border-bottom: 1px solid #bdbbbb;
  930. padding-bottom: 20px;
  931. }
  932. .detail-title h6 {
  933. font-size: 36px;
  934. color: #333333;
  935. }
  936. .detail-title span {
  937. font-size: 20px;
  938. color: #999999;
  939. }
  940. .detail-content {
  941. padding-top: 40px;
  942. }
  943. .detail-content p {
  944. color: #666666;
  945. font-size: 16px;
  946. line-height: 1.6;
  947. text-indent: 30px;
  948. }
  949. .detail-content img {
  950. display: block;
  951. margin: 20px auto;
  952. width: 550px;
  953. }
  954. .detail-content iframe {
  955. width: 500px !important;
  956. height: 286px !important;
  957. margin: 10px auto !important;
  958. display: block !important;
  959. }
  960. /* 分页 */
  961. .page_ctrl {
  962. text-align: center;
  963. margin: 10px auto;
  964. box-sizing: border-box
  965. }
  966. .page_ctrl * {
  967. line-height: 26px
  968. }
  969. .page_ctrl button {
  970. font-size: 12px;
  971. width: 32px;
  972. height: 32px;
  973. line-height: 32px;
  974. background: #ffffff;
  975. border-radius: 25px;
  976. color: #999999;
  977. cursor: pointer;
  978. outline: none;
  979. text-align: center;
  980. margin: 0 6px;
  981. margin-bottom: 16px;
  982. }
  983. .icon-xiangzuo,
  984. .icon-xiangyou {
  985. font-size: 28px!important;
  986. vertical-align: bottom;
  987. }
  988. .page_ctrl button:hover {
  989. background: #1296DB;
  990. color: #fff
  991. }
  992. .page_ctrl .btn_dis {
  993. cursor: default;
  994. opacity: .7;
  995. background: #eee;
  996. color: #616161;
  997. border: 1px solid #999999;
  998. }
  999. .page_ctrl .btn_dis:hover {
  1000. background: #eee;
  1001. color: #5e5e5e
  1002. }
  1003. .page_ctrl .current_page {
  1004. background: #1296DB;
  1005. color: #fff
  1006. }
  1007. .page_ctrl .input_page_num {
  1008. width: 32px;
  1009. height: 32px;
  1010. border-radius: 25px;
  1011. font-size: 15px;
  1012. margin: 0 6px;
  1013. padding: 0;
  1014. text-align: center;
  1015. background: #fff;
  1016. border: 1px solid #e5e5e5;
  1017. color: #999999;
  1018. outline: none;
  1019. }
  1020. .page_ctrl .page_total,
  1021. .page_ctrl .page_text {
  1022. color: #999999;
  1023. font-size: 15px
  1024. }
  1025. /* 分页 end */
  1026. .main-str .strategic .page_total,
  1027. .main-str .strategic .input_page_num,
  1028. .main-str .strategic .page_text,
  1029. .main-str .strategic .to_page_num,
  1030. .client .client-list-box .page_total,
  1031. .client .client-list-box .input_page_num,
  1032. .client .client-list-box .page_text,
  1033. .client .client-list-box .to_page_num {
  1034. display: none;
  1035. }
  1036. /* 新闻详情end */
  1037. /* 战略合作 */
  1038. .strategic {
  1039. margin-bottom: 20px;
  1040. }
  1041. #swiper5 {
  1042. height: 465px;
  1043. }
  1044. #swiper5 .swiper-pagination-bullet {
  1045. width: 72px;
  1046. height: 6px;
  1047. display: inline-block;
  1048. border-radius: 21px;
  1049. opacity: 1;
  1050. background: #AAAAAA;
  1051. }
  1052. #swiper5 .swiper-pagination-bullet-active {
  1053. background-color: #333333;
  1054. }
  1055. .strategic ul::after {
  1056. content: "";
  1057. display: block;
  1058. clear: both;
  1059. }
  1060. .strategic ul>li {
  1061. float: left;
  1062. width: 292px;
  1063. margin-right: 20px;
  1064. margin-bottom: 20px;
  1065. }
  1066. .strategic ul>li>img {}
  1067. .strate-f {
  1068. background: url("../images/strategic/str-bg.png") no-repeat;
  1069. background-size: cover;
  1070. padding: 86px 0;
  1071. }
  1072. .strate-f::after {
  1073. content: "";
  1074. display: block;
  1075. clear: both;
  1076. }
  1077. .str-f-text,
  1078. .str-f-number {
  1079. width: 50%;
  1080. float: left;
  1081. }
  1082. .str-f-text p,
  1083. .str-f-number p {
  1084. font-size: 22px;
  1085. color: #ffffff;
  1086. margin-bottom: 18px;
  1087. padding-left: 100px;
  1088. }
  1089. /* 关于科德 */
  1090. .app>.about>.container>div {
  1091. display: none;
  1092. }
  1093. .app>.about>.container>div:nth-child(1) {
  1094. display: block;
  1095. }
  1096. .secondary-menu.about-kede-secodn>.container>ul>li>a {
  1097. font-size: 16px;
  1098. }
  1099. .offoter1>img {
  1100. width: 100%;
  1101. }
  1102. .about-kede-secodn,
  1103. .about-kede-main {
  1104. background: #ffffff;
  1105. }
  1106. .about-kede-content>h4 {
  1107. font-size: 30px;
  1108. color: #070707;
  1109. text-align: center;
  1110. }
  1111. .about-kede-content>p {
  1112. font-size: 22px;
  1113. color: #8C8C8C;
  1114. text-align: center;
  1115. }
  1116. .about-kede-content>.content {
  1117. margin-top: 50px;
  1118. }
  1119. .about-kede-content>.content>p {
  1120. font-size: 18px;
  1121. color: #666666;
  1122. text-indent: 30px;
  1123. }
  1124. .about-kede-content>.content>img {
  1125. display: block;
  1126. margin: 20px auto;
  1127. }
  1128. /* 科德环境 */
  1129. .huanjing {
  1130. height: 850px;
  1131. padding-top: 50px;
  1132. }
  1133. .kede-hj {
  1134. padding: 50px 0;
  1135. }
  1136. .about-ofoter {
  1137. margin-bottom: 10px;
  1138. }
  1139. .about-ofoter::after,
  1140. .about-space::after {
  1141. content: "";
  1142. display: block;
  1143. clear: both;
  1144. }
  1145. .about-space {
  1146. width: 100%;
  1147. height: auto;
  1148. }
  1149. .about-ofoter .ofoter-item1 {
  1150. width: 73.5%;
  1151. float: left;
  1152. margin-right: 10px;
  1153. }
  1154. .about-ofoter .ofoter-item2 {
  1155. width: 25.5%;
  1156. height: 570px;
  1157. float: left;
  1158. }
  1159. .about-ofoter .ofoter-item1 .ofoters {
  1160. width: 32.85%;
  1161. float: left;
  1162. height: 570px;
  1163. margin-right: 10px;
  1164. }
  1165. .about-ofoter .ofoter-item1 .offoter2 {
  1166. width: 65.8%;
  1167. height: 570px;
  1168. float: left;
  1169. }
  1170. .about-ofoter .ofoter-item1 .offoter2 img {
  1171. width: 100%;
  1172. }
  1173. .item2-s {
  1174. height: 280px;
  1175. margin-bottom: 10px;
  1176. }
  1177. .item2-s .s-item1 {
  1178. height: 120px;
  1179. margin-bottom: 10px;
  1180. }
  1181. .item2-s .s-item1::after {
  1182. content: "";
  1183. display: block;
  1184. clear: both;
  1185. }
  1186. .s-item1 .s-item1-a {
  1187. width: 48.3%;
  1188. float: left;
  1189. height: 100%;
  1190. border: 1px solid #707070;
  1191. margin-right: 10px;
  1192. }
  1193. .s-item1 .s-item1-b {
  1194. width: 48.3%;
  1195. float: left;
  1196. height: 100%;
  1197. }
  1198. .s-item1 .s-item1-b>div:nth-child(1) {
  1199. height: 69px;
  1200. border: 1px solid #707070;
  1201. margin-bottom: 10px;
  1202. }
  1203. .s-item1 .s-item1-b>div:nth-child(2) {
  1204. height: 41px;
  1205. border: 1px solid #707070;
  1206. }
  1207. .item2-s .s-item2 {
  1208. height: 150px;
  1209. padding: 20px;
  1210. background: #5454CE;
  1211. }
  1212. .s-item2 span {
  1213. font-size: 58px;
  1214. color: #ffffff;
  1215. font-weight: bold;
  1216. }
  1217. .s-item2 p {
  1218. font-size: 20px;
  1219. color: #ffffff;
  1220. }
  1221. .item2-d {
  1222. height: 280px;
  1223. }
  1224. .item2-d img {
  1225. width: 100%;
  1226. height: 100%;
  1227. }
  1228. .kede-wh h4 {
  1229. margin-top: 30px;
  1230. margin-bottom: 10px;
  1231. }
  1232. .kede-jingshen {
  1233. padding-top: 100px;
  1234. }
  1235. .kede-jingshen h5 {
  1236. font-size: 42px;
  1237. color: #ffffff;
  1238. }
  1239. .kede-jingshen span {
  1240. font-size: 20px;
  1241. color: #E9E9E9;
  1242. display: block;
  1243. margin-top: 20px;
  1244. margin-bottom: 37px;
  1245. }
  1246. .jingsheng-top {
  1247. margin-top: 90px;
  1248. }
  1249. .kede-jingshen p {
  1250. font-size: 14px;
  1251. color: #ffffff;
  1252. }
  1253. .jingshen-item1 img,
  1254. .jingshen-item2 img,
  1255. .jingshen-item3 img,
  1256. .jingshen-item4 img {
  1257. width: 100%;
  1258. }
  1259. .jingshen-item1,
  1260. .jingshen-item2,
  1261. .jingshen-item3,
  1262. .jingshen-item4 {
  1263. width: 100%;
  1264. height: 368px;
  1265. margin-bottom: 15px;
  1266. }
  1267. .jingshen-item1>div:nth-child(1),
  1268. .jingshen-item2>div:nth-child(2),
  1269. .jingshen-item3>div:nth-child(1),
  1270. .jingshen-item4>div:nth-child(2) {
  1271. width: 49%;
  1272. height: 100%;
  1273. float: left;
  1274. }
  1275. .jingshen-item1>div:nth-child(2),
  1276. .jingshen-item2>div:nth-child(1),
  1277. .jingshen-item3>div:nth-child(2),
  1278. .jingshen-item4>div:nth-child(1) {
  1279. width: 49%;
  1280. height: 100%;
  1281. float: right;
  1282. }
  1283. .jingshen-item1>div:nth-child(2),
  1284. .jingshen-item2>div:nth-child(2),
  1285. .jingshen-item3>div:nth-child(2),
  1286. .jingshen-item4>div:nth-child(2) {
  1287. padding: 50px;
  1288. margin-right: 10px;
  1289. }
  1290. .jingshen-item1>div:nth-child(1),
  1291. .jingshen-item2>div:nth-child(1),
  1292. .jingshen-item3>div:nth-child(1),
  1293. .jingshen-item4>div:nth-child(1) {
  1294. margin-right: 10px;
  1295. }
  1296. .jingshen-item1>div:nth-child(2) {
  1297. background: #0FB8E8;
  1298. }
  1299. .jingshen-item2>div:nth-child(2) {
  1300. background: #7363C8;
  1301. }
  1302. .jingshen-item3>div:nth-child(2) {
  1303. background: #E8A666;
  1304. }
  1305. .jingshen-item4>div:nth-child(2) {
  1306. background: #EA4349;
  1307. }
  1308. .jingshen-item1>div:nth-child(1) img {
  1309. width: 100%;
  1310. height: 100%;
  1311. }
  1312. .jingshen-item1 img,
  1313. .jingshen-item2 img,
  1314. .jingshen-item3 img,
  1315. .jingshen-item4 img {
  1316. width: 100%;
  1317. }
  1318. .about-ofoter .ofoter-item1 .offoter1,
  1319. .room {
  1320. height: 280px;
  1321. }
  1322. .room {
  1323. padding: 20px;
  1324. background: #EA434A;
  1325. }
  1326. .room span {
  1327. font-size: 58px;
  1328. color: #ffffff;
  1329. font-weight: bold;
  1330. display: block;
  1331. margin-bottom: 130px;
  1332. }
  1333. .room p {
  1334. font-size: 20px;
  1335. color: #ffffff;
  1336. }
  1337. .about-ofoter .ofoter-item1 .offoter1 {
  1338. margin-bottom: 10px;
  1339. }
  1340. .space-itme1,
  1341. .space-itme2 {
  1342. width: 50%;
  1343. float: left;
  1344. height: 100%;
  1345. }
  1346. .space-itme2 {
  1347. height: 100%;
  1348. }
  1349. .space-itme2 img {
  1350. width: 100%;
  1351. height: 100%;
  1352. }
  1353. .space-itme1 .itme1-s,
  1354. .space-itme1 .itme1-d {
  1355. width: 48.3%;
  1356. float: left;
  1357. height: 100%;
  1358. margin-right: 10px;
  1359. }
  1360. .space-itme1 .itme1-s img {
  1361. width: 100%;
  1362. height: 100%;
  1363. }
  1364. .space-itme1 .itme1-d {
  1365. height: 100%;
  1366. }
  1367. .itme1-d .d-item1 {
  1368. height: 150px;
  1369. padding: 20px;
  1370. background: #0EB96B;
  1371. margin-bottom: 10px;
  1372. }
  1373. .d-item1 span {
  1374. font-size: 57px;
  1375. color: #ffffff;
  1376. font-weight: bold;
  1377. }
  1378. .d-item1 p {
  1379. font-size: 20px;
  1380. color: #ffffff;
  1381. }
  1382. .itme1-d .d-item2 {
  1383. height: 119px;
  1384. }
  1385. .d-item2 .d-item2-y {
  1386. width: 48.3%;
  1387. height: 100%;
  1388. float: left;
  1389. }
  1390. .d-item2 .d-item2-x {
  1391. width: 48.2%;
  1392. height: 100%;
  1393. border: 1px solid #707070;
  1394. float: left;
  1395. margin-right: 10px;
  1396. }
  1397. .d-item2-y>div:nth-child(1) {
  1398. height: 72px;
  1399. border: 1px solid #707070;
  1400. margin-bottom: 10px;
  1401. }
  1402. .d-item2-y>div:nth-child(2) {
  1403. height: 35px;
  1404. border: 1px solid #707070;
  1405. }
  1406. .about-kede-content .content::after {
  1407. content: "";
  1408. display: block;
  1409. clear: both;
  1410. }
  1411. .zizhi {
  1412. width: 100%;
  1413. margin-top: 25px;
  1414. }
  1415. .zizhi>div {
  1416. text-align: center;
  1417. }
  1418. .zizhi>div:nth-child(1) {
  1419. height: 311px;
  1420. }
  1421. .zizhi>div:nth-child(1),
  1422. .zizhi>div:nth-child(2) {
  1423. margin-bottom: 27px;
  1424. }
  1425. .zizhi>div:nth-child(1) img,
  1426. .zizhi>div:nth-child(2) img,
  1427. .zizhi>div:nth-child(3) img {
  1428. margin-right: 10px;
  1429. }
  1430. .zizhi>div:nth-child(1) img:last-of-type {
  1431. margin-right: 0;
  1432. }
  1433. /* 科德精神 */
  1434. .wenhua {
  1435. width: 100%;
  1436. text-align: center;
  1437. }
  1438. .wenhua p {
  1439. font-size: 28px;
  1440. color: #070707;
  1441. margin-top: 30px;
  1442. }
  1443. .wenhua span {
  1444. font-size: 18px;
  1445. color: #666666;
  1446. }
  1447. /* 加入我们 */
  1448. .dsanjiao {
  1449. position: relative;
  1450. font-size: 26px;
  1451. float: right;
  1452. color: #B5B5B5;
  1453. cursor: pointer;
  1454. top: -3px;
  1455. }
  1456. .join-title {
  1457. margin-top: 100px;
  1458. }
  1459. .join-title p {
  1460. font-size: 16px;
  1461. color: #666666;
  1462. word-wrap: break-word;
  1463. }
  1464. .join-title p:nth-child(3) {
  1465. margin-top: 20px;
  1466. }
  1467. .join-title hr:last-of-type {
  1468. display: none;
  1469. }
  1470. .join-dec li {
  1471. font-size: 17px;
  1472. color: #666666;
  1473. margin-bottom: 10px;
  1474. }
  1475. .filtrate .quyu {
  1476. margin-bottom: 20px;
  1477. }
  1478. .filtrate .quyu,
  1479. .filtrate .shengfen {
  1480. height: 59px;
  1481. border-radius: 5px;
  1482. padding: 13px 20px;
  1483. background-color: #ffffff;
  1484. box-shadow: 0px 3px 10px #c8c8c8;
  1485. position: relative;
  1486. overflow: hidden;
  1487. -moz-transition: all .36s ease;
  1488. -o-transition: all .36s ease;
  1489. transition: all .36s ease;
  1490. webkit-transition: all .36s ease;
  1491. }
  1492. .filtrate .quyu::after,
  1493. .filtrate .shengfen::after {
  1494. content: "";
  1495. display: block;
  1496. clear: both;
  1497. }
  1498. .filtrate ul {
  1499. display: block;
  1500. }
  1501. .filtrate ul::after {
  1502. content: "";
  1503. display: block;
  1504. clear: both;
  1505. }
  1506. .filtrate ul li {
  1507. float: left;
  1508. padding: 5px 20px;
  1509. font-size: 18px;
  1510. color: #666666;
  1511. height: 34px;
  1512. border-radius: 5px;
  1513. cursor: pointer;
  1514. margin-left: 3px;
  1515. margin-bottom: 4px;
  1516. }
  1517. .filtrate ul li.active {
  1518. background: #1296DB;
  1519. color: #ffffff;
  1520. }
  1521. .filtrate ul li:hover {
  1522. background: #1296DB;
  1523. color: #ffffff;
  1524. }
  1525. .filtrate span {
  1526. font-size: 18px;
  1527. color: #1295DB;
  1528. float: left;
  1529. margin-right: 30px;
  1530. line-height: 36px;
  1531. }
  1532. .filtrate .quyu {
  1533. height: 95px
  1534. }
  1535. .filtrate span {
  1536. width: 6%;
  1537. height: 100%;
  1538. display: block;
  1539. float: left;
  1540. }
  1541. .filtrate ul {
  1542. width: 93%;
  1543. }
  1544. .filtrate .quyu ul li {
  1545. margin-top: 3px;
  1546. }
  1547. /* 联系我们 */
  1548. .contact_img {
  1549. float: left;
  1550. padding-top: 40px;
  1551. padding-left: 35px;
  1552. }
  1553. .contact_img img {
  1554. margin-left: 40px;
  1555. height: 75px;
  1556. }
  1557. .contact_img h5 {
  1558. font-size: 30px;
  1559. color: #333333;
  1560. }
  1561. .contact_text {
  1562. float: left;
  1563. padding-top: 40px;
  1564. padding-left: 418px;
  1565. }
  1566. @media screen and (max-width: 1208px) {
  1567. .contact_text {
  1568. margin-left: -694px;
  1569. margin-top: 146px;
  1570. }
  1571. }
  1572. .contact_text ul>li {
  1573. font-size: 20px;
  1574. color: #666666;
  1575. margin-bottom: 20px;
  1576. }
  1577. #baidu_container {
  1578. height: 400px
  1579. }
  1580. /* 关于科德 end */
  1581. /* 服务客户 */
  1582. .m_fuwu {
  1583. display: none;
  1584. }
  1585. .client-list {}
  1586. #trigger1 {
  1587. display: none;
  1588. }
  1589. #trigger2 {
  1590. display: none;
  1591. }
  1592. .client-list .quyu {
  1593. margin-bottom: 20px;
  1594. }
  1595. .client-list ul::after {
  1596. content: "";
  1597. display: block;
  1598. clear: both;
  1599. }
  1600. .client-list ul li {
  1601. float: left;
  1602. padding: 5px 20px;
  1603. font-size: 18px;
  1604. color: #666666;
  1605. height: 34px;
  1606. border-radius: 5px;
  1607. cursor: pointer;
  1608. margin-left: 3px;
  1609. }
  1610. .client-list ul li.active {
  1611. background: #1296DB;
  1612. color: #ffffff;
  1613. }
  1614. .client-list ul li:hover {
  1615. background: #1296DB;
  1616. color: #ffffff;
  1617. }
  1618. .client-list .quyu,
  1619. .client-list .shengfen {
  1620. border-radius: 5px;
  1621. padding: 6px 20px;
  1622. background-color: #ffffff;
  1623. }
  1624. .client-list .quyu::after,
  1625. .client-list .shengfen::after {
  1626. content: "";
  1627. display: block;
  1628. clear: both;
  1629. }
  1630. .client-list ul {
  1631. display: inline-block;
  1632. }
  1633. .client-list .shengfen span {
  1634. width: 6%;
  1635. display: block;
  1636. height: 100%;
  1637. margin-bottom: 39px;
  1638. }
  1639. .client-list .shengfen ul {
  1640. width: 93%;
  1641. display: block;
  1642. }
  1643. .client-list .shengfen ul li {
  1644. margin-top: 3px;
  1645. }
  1646. .client-list span {
  1647. font-size: 18px;
  1648. color: #1295DB;
  1649. float: left;
  1650. margin-right: 30px;
  1651. line-height: 36px;
  1652. }
  1653. .client-item::after {
  1654. content: "";
  1655. display: block;
  1656. clear: both;
  1657. }
  1658. .client-item>div {
  1659. float: left;
  1660. width: 19.8%;
  1661. height: 189px;
  1662. margin-right: 3px;
  1663. margin-bottom: 3px;
  1664. position: relative;
  1665. top: 0;
  1666. -moz-transition: all .36s ease;
  1667. -o-transition: all .36s ease;
  1668. transition: all .36s ease;
  1669. webkit-transition: all .36s ease;
  1670. }
  1671. .client-item>div:hover {
  1672. box-shadow: 4px 3px 8px #c8c8c8;
  1673. top: -10px;
  1674. }
  1675. .client-item>div img {
  1676. width: 100%;
  1677. }
  1678. .client-item>div:nth-child(5n) {
  1679. margin-right: 0;
  1680. }
  1681. #swiper6 {
  1682. height: 835px;
  1683. margin-top: 30px;
  1684. padding-top: 20px;
  1685. }
  1686. #swiper6 .swiper-pagination-bullet {
  1687. width: 72px;
  1688. height: 6px;
  1689. display: inline-block;
  1690. border-radius: 21px;
  1691. opacity: 1;
  1692. background: #666666;
  1693. }
  1694. #swiper6 .swiper-pagination-bullet-active {
  1695. background-color: #1296DB;
  1696. }
  1697. /* 服务客户 end */
  1698. .region-button {
  1699. text-align: center;
  1700. width: 103px;
  1701. font-size: 16px;
  1702. color: #ffffff;
  1703. padding: 12px;
  1704. border-radius: 5px;
  1705. background: #1296DB;
  1706. margin-top: 40px;
  1707. }
  1708. .company-list {
  1709. color: #666666;
  1710. }
  1711. .company-list h6 {
  1712. font-size: 20px;
  1713. font-weight: bold;
  1714. padding-left: 20px;
  1715. color: #333333;
  1716. border-left: 3px solid #4520E1;
  1717. margin-top: 30px;
  1718. margin-bottom: 20px;
  1719. }
  1720. .company-list span {
  1721. font-size: 20px;
  1722. color: #4520E1;
  1723. display: block;
  1724. margin-bottom: 10px;
  1725. }
  1726. .company-list p {
  1727. font-size: 14px;
  1728. color: #333333;
  1729. display: inline-block;
  1730. }
  1731. .company-zi::after {
  1732. content: "";
  1733. display: block;
  1734. clear: both;
  1735. }
  1736. .company-zi>.company-list {
  1737. width: 50%;
  1738. float: left;
  1739. }
  1740. .fazhang {
  1741. margin-top: 50px;
  1742. }
  1743. .period {
  1744. width: 100%;
  1745. text-align: center;
  1746. }
  1747. .period::after {
  1748. content: "";
  1749. display: block;
  1750. clear: both;
  1751. }
  1752. .period>div {
  1753. display: inline-block;
  1754. width: 200px;
  1755. font-size: 16px;
  1756. border-radius: 5px;
  1757. color: #999999;
  1758. padding: 13px 9px;
  1759. margin-right: 20px;
  1760. cursor: pointer;
  1761. background: #ffffff;
  1762. border: 1px solid #c2c2c2;
  1763. }
  1764. .period>div:nth-child(1) {
  1765. width: 221px;
  1766. }
  1767. .period>div.active {
  1768. background: #1296DB;
  1769. border-color: #1295DB;
  1770. color: #ffffff;
  1771. }
  1772. .history {
  1773. display: none;
  1774. }
  1775. .history.active {
  1776. display: block;
  1777. }
  1778. .history-item {
  1779. margin-top: 40px;
  1780. }
  1781. .course-event {
  1782. margin-left: 280px;
  1783. border-left: 1px solid #ebebeb;
  1784. }
  1785. .p-dec-d {
  1786. display: none;
  1787. margin-top: 35px;
  1788. }
  1789. .p-dec-d.active {
  1790. display: block;
  1791. }
  1792. .course-event h3 {
  1793. margin: 0px 0 30px -40px;
  1794. padding: 18px 0;
  1795. width: 80px;
  1796. height: 80px;
  1797. border-radius: 50%;
  1798. background: #f6f6f6;
  1799. color: #303030;
  1800. text-align: center;
  1801. opacity: 1;
  1802. font-weight: 700;
  1803. font-size: 24px;
  1804. line-height: 30px;
  1805. }
  1806. .course-event h3 em {
  1807. display: block;
  1808. color: #a3a3a3;
  1809. font-size: 12px;
  1810. line-height: 14px;
  1811. }
  1812. .course-event ul li {
  1813. position: relative;
  1814. padding-bottom: 25px;
  1815. padding-left: 155px;
  1816. font-size: 14px;
  1817. }
  1818. .course-event li em {
  1819. position: absolute;
  1820. top: 0;
  1821. left: 0;
  1822. padding-left: 15px;
  1823. height: 30px;
  1824. color: #a3a3a3;
  1825. line-height: 30px;
  1826. }
  1827. .course-event li p {
  1828. position: relative;
  1829. padding-left: 20px;
  1830. color: #303030;
  1831. line-height: 30px;
  1832. }
  1833. .course-event li p:before {
  1834. position: absolute;
  1835. top: 12px;
  1836. left: 0;
  1837. width: 5px;
  1838. height: 5px;
  1839. border-radius: 50%;
  1840. background: #a3a3a3;
  1841. content: "";
  1842. }
  1843. .course-event li em:before {
  1844. position: absolute;
  1845. top: 10px;
  1846. left: -5px;
  1847. width: 10px;
  1848. height: 10px;
  1849. border-radius: 50%;
  1850. background: #1296DB;
  1851. content: "";
  1852. }
  1853. .page_1,
  1854. .page_2,
  1855. .page_3 {
  1856. margin: 40px 0;
  1857. }
  1858. /* 手机端二级联动 */
  1859. .mobileSelect {
  1860. position: relative;
  1861. z-index: 0;
  1862. opacity: 0;
  1863. visibility: hidden;
  1864. -webkit-transition: opacity 0.4s, z-index 0.4s;
  1865. transition: opacity 0.4s, z-index 0.4s;
  1866. }
  1867. .mobileSelect * {
  1868. margin: 0;
  1869. padding: 0;
  1870. -webkit-box-sizing: border-box;
  1871. box-sizing: border-box;
  1872. }
  1873. .mobileSelect .grayLayer {
  1874. position: fixed;
  1875. top: 0;
  1876. left: 0;
  1877. bottom: 0;
  1878. right: 0;
  1879. background: #eee;
  1880. background: rgba(0, 0, 0, 0.7);
  1881. z-index: 888;
  1882. display: block;
  1883. }
  1884. .mobileSelect .content {
  1885. width: 100%;
  1886. display: block;
  1887. position: fixed;
  1888. z-index: 889;
  1889. color: black;
  1890. -webkit-transition: all 0.4s;
  1891. transition: all 0.4s;
  1892. bottom: -350px;
  1893. left: 0;
  1894. background: white;
  1895. }
  1896. .mobileSelect .content .fixWidth {
  1897. width: 90%;
  1898. margin: 0 auto;
  1899. position: relative;
  1900. }
  1901. .mobileSelect .content .fixWidth:after {
  1902. content: ".";
  1903. display: block;
  1904. height: 0;
  1905. clear: both;
  1906. visibility: hidden;
  1907. }
  1908. .mobileSelect .content .btnBar {
  1909. border-bottom: 1px solid #DCDCDC;
  1910. font-size: 15px;
  1911. height: 45px;
  1912. position: relative;
  1913. text-align: center;
  1914. line-height: 45px;
  1915. }
  1916. .mobileSelect .content .btnBar .cancel,
  1917. .mobileSelect .content .btnBar .ensure {
  1918. height: 45px;
  1919. width: 55px;
  1920. cursor: pointer;
  1921. position: absolute;
  1922. top: 0;
  1923. }
  1924. .mobileSelect .content .btnBar .cancel {
  1925. left: 0;
  1926. color: #666;
  1927. }
  1928. .mobileSelect .content .btnBar .ensure {
  1929. right: 0;
  1930. color: #1e83d3;
  1931. }
  1932. .mobileSelect .content .btnBar .title {
  1933. font-size: 15px;
  1934. padding: 0 15%;
  1935. overflow: hidden;
  1936. white-space: nowrap;
  1937. text-overflow: ellipsis;
  1938. }
  1939. .mobileSelect .content .panel:after {
  1940. content: ".";
  1941. display: block;
  1942. height: 0;
  1943. clear: both;
  1944. visibility: hidden;
  1945. }
  1946. .mobileSelect .content .panel .wheels {
  1947. width: 100%;
  1948. height: 200px;
  1949. overflow: hidden;
  1950. }
  1951. .mobileSelect .content .panel .wheel {
  1952. position: relative;
  1953. z-index: 0;
  1954. float: left;
  1955. width: 50%;
  1956. height: 200px;
  1957. overflow: hidden;
  1958. -webkit-transition: width 0.3s ease;
  1959. transition: width 0.3s ease;
  1960. }
  1961. .mobileSelect .content .panel .wheel .selectContainer {
  1962. display: block;
  1963. text-align: center;
  1964. -webkit-transition: -webkit-transform 0.18s ease-out;
  1965. transition: -webkit-transform 0.18s ease-out;
  1966. transition: transform 0.18s ease-out;
  1967. transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
  1968. }
  1969. .mobileSelect .content .panel .wheel .selectContainer li {
  1970. font-size: 15px;
  1971. display: block;
  1972. height: 40px;
  1973. line-height: 40px;
  1974. cursor: pointer;
  1975. overflow: hidden;
  1976. white-space: nowrap;
  1977. text-overflow: ellipsis;
  1978. }
  1979. .mobileSelect .content .panel .selectLine {
  1980. height: 40px;
  1981. width: 100%;
  1982. position: absolute;
  1983. top: 80px;
  1984. pointer-events: none;
  1985. -webkit-box-sizing: border-box;
  1986. box-sizing: border-box;
  1987. border-top: 1px solid #DCDCDC;
  1988. border-bottom: 1px solid #DCDCDC;
  1989. }
  1990. .mobileSelect .content .panel .shadowMask {
  1991. position: absolute;
  1992. top: 0;
  1993. width: 100%;
  1994. height: 200px;
  1995. background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
  1996. background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  1997. background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  1998. opacity: 0.9;
  1999. pointer-events: none;
  2000. }
  2001. .mobileSelect-show {
  2002. opacity: 1;
  2003. z-index: 10000;
  2004. visibility: visible;
  2005. }
  2006. .mobileSelect-show .content {
  2007. bottom: 0;
  2008. }
  2009. @media screen and (max-width: 768px) {
  2010. .secondary-menu {
  2011. padding-bottom: 10px;
  2012. }
  2013. .main {
  2014. padding-top: 0;
  2015. }
  2016. .newslist li {
  2017. padding: 20px 13px;
  2018. }
  2019. .swiper-containerx {
  2020. height: auto;
  2021. margin-top: 69px;
  2022. }
  2023. .swiper_title h6 {
  2024. font-size: 40px;
  2025. }
  2026. .news-item>div:nth-child(1) {
  2027. width: 100%;
  2028. }
  2029. .news-item>div:nth-child(2) {
  2030. width: 100%;
  2031. padding-left: 0;
  2032. margin-top: 15px;
  2033. height: 150px;
  2034. }
  2035. .news-item>div:nth-child(2) p {
  2036. font-size: 14px;
  2037. height: 80px;
  2038. overflow: hidden;
  2039. }
  2040. .about-ofoter .ofoter-item1 {
  2041. width: 100%;
  2042. margin-right: 10px;
  2043. }
  2044. .about-ofoter .ofoter-item2 {
  2045. width: 100%;
  2046. height: auto;
  2047. }
  2048. .about-space {
  2049. width: 100%;
  2050. }
  2051. .about-space::after {
  2052. content: "";
  2053. display: block;
  2054. clear: both;
  2055. }
  2056. .about-ofoter .ofoter-item1 .ofoters {
  2057. width: 100%;
  2058. margin-bottom: 10px;
  2059. height: auto;
  2060. }
  2061. .about-kede-content>.content {
  2062. margin-top: 25px;
  2063. }
  2064. .kede-hj {
  2065. padding: 0px 0;
  2066. }
  2067. .huanjing {
  2068. height: auto;
  2069. padding-top: 25px;
  2070. }
  2071. .huanjing::after {
  2072. content: "";
  2073. display: block;
  2074. clear: both;
  2075. }
  2076. .about-ofoter .ofoter-item1 .offoter2 {
  2077. width: 100%;
  2078. height: auto;
  2079. }
  2080. .space-itme1,
  2081. .space-itme2 {
  2082. width: 100%;
  2083. }
  2084. .about-kede-content>h4 {
  2085. font-size: 20px;
  2086. }
  2087. .about-kede-content>p {
  2088. font-size: 15px;
  2089. }
  2090. .about-kede-content>.content>p {
  2091. font-size: 16px;
  2092. }
  2093. .about-kede-content>.content>img {
  2094. width: 100%;
  2095. }
  2096. .item2-s .s-item1 {
  2097. height: 120px;
  2098. margin-top: 10px;
  2099. margin-bottom: 10px;
  2100. }
  2101. .space-itme1 .itme1-s,
  2102. .space-itme1 .itme1-d {
  2103. width: 100%;
  2104. margin-right: 10px;
  2105. margin-top: 10px;
  2106. }
  2107. .space-itme1,
  2108. .space-itme2 {
  2109. width: 100%;
  2110. float: left;
  2111. height: 100%;
  2112. }
  2113. .space-itme1::after,
  2114. .space-itme2::after {
  2115. content: "";
  2116. display: block;
  2117. clear: both;
  2118. }
  2119. .space-itme2 {
  2120. margin-top: 10px;
  2121. }
  2122. .kede-jingshen {
  2123. padding-top: 17px;
  2124. }
  2125. .jingshen-item1>div:nth-child(1),
  2126. .jingshen-item2>div:nth-child(1),
  2127. .jingshen-item3>div:nth-child(1),
  2128. .jingshen-item4>div:nth-child(1) {
  2129. width: 100%;
  2130. height: auto;
  2131. margin-right: 0px;
  2132. }
  2133. .jingshen-item1>div:nth-child(2),
  2134. .jingshen-item2>div:nth-child(2),
  2135. .jingshen-item3>div:nth-child(2),
  2136. .jingshen-item4>div:nth-child(2) {
  2137. width: 100%;
  2138. padding: 17px;
  2139. margin-right: 0;
  2140. margin-bottom: 10px;
  2141. }
  2142. .kede-jingshen span {
  2143. font-size: 20px;
  2144. display: block;
  2145. margin-top: 9px;
  2146. margin-bottom: 17px;
  2147. }
  2148. .jingshen-item1,
  2149. .jingshen-item2,
  2150. .jingshen-item3,
  2151. .jingshen-item4 {
  2152. height: auto;
  2153. margin-bottom: 0;
  2154. }
  2155. .jingshen-item1::after,
  2156. .jingshen-item2::after,
  2157. .jingshen-item3::after,
  2158. .jingshen-item4::after {
  2159. content: "";
  2160. display: block;
  2161. clear: both;
  2162. }
  2163. .kede-jingshen p {
  2164. font-size: 12px;
  2165. color: #ffffff;
  2166. }
  2167. .kede-jingshen h5 {
  2168. font-size: 30px;
  2169. color: #ffffff;
  2170. }
  2171. .jingsheng-top {
  2172. margin-top: 40px;
  2173. }
  2174. .jingshen-item1>div,
  2175. .jingshen-item2>div,
  2176. .jingshen-item3>div,
  2177. .jingshen-item4>div {
  2178. margin-bottom: 10px;
  2179. }
  2180. .zizhi img {
  2181. width: 100%;
  2182. }
  2183. .zizhi>div:nth-child(1) {
  2184. height: auto;
  2185. }
  2186. .company-zi>.company-list {
  2187. width: 100%;
  2188. float: left;
  2189. }
  2190. .company-list h6 {
  2191. font-size: 15px;
  2192. }
  2193. .company-list span {
  2194. font-size: 17px;
  2195. }
  2196. .region-button {
  2197. text-align: center;
  2198. width: 90px;
  2199. font-size: 15px;
  2200. color: #ffffff;
  2201. padding: 9px;
  2202. border-radius: 5px;
  2203. background: #1296DB;
  2204. margin-top: 19px;
  2205. }
  2206. .product-title h4 {
  2207. font-size: 20px;
  2208. }
  2209. .product-title p {
  2210. font-size: 15px;
  2211. margin-bottom: 20px;
  2212. }
  2213. #swiper5 {
  2214. height: 554px;
  2215. }
  2216. .str-f-text p,
  2217. .str-f-number p {
  2218. font-size: 12px;
  2219. color: #ffffff;
  2220. margin-bottom: 18px;
  2221. padding-left: 10px;
  2222. }
  2223. .strategic ul>li>img {
  2224. width: 100%;
  2225. }
  2226. .strategic ul>li {
  2227. float: left;
  2228. width: 48.9%;
  2229. margin-right: 7px;
  2230. margin-bottom: 7px;
  2231. }
  2232. .strategic ul>li:nth-child(2n) {
  2233. margin-right: 0;
  2234. }
  2235. .strate-f {
  2236. padding: 29px 0;
  2237. }
  2238. .course-event {
  2239. margin-left: 11px;
  2240. border-left: 1px solid #ebebeb;
  2241. }
  2242. .course-event ul li {
  2243. position: relative;
  2244. padding-bottom: 25px;
  2245. padding-left: 59px;
  2246. font-size: 12px;
  2247. }
  2248. .course-event h3 {
  2249. margin: 0px 0 30px -27px;
  2250. padding: 6px 0;
  2251. width: 55px;
  2252. height: 55px;
  2253. font-weight: 700;
  2254. font-size: 17px;
  2255. line-height: 31px;
  2256. }
  2257. .course-event h3 em {
  2258. font-size: 12px;
  2259. line-height: 6px;
  2260. }
  2261. .fazhang {
  2262. margin-top: 6px;
  2263. }
  2264. .period>div:nth-child(1) {
  2265. width: 170px;
  2266. }
  2267. .period>div {
  2268. width: 169px;
  2269. font-size: 12px;
  2270. padding: 9px 9px;
  2271. margin-right: 0;
  2272. margin-bottom: 8px;
  2273. }
  2274. .news-item>div:nth-child(2) h6 {
  2275. font-size: 19px;
  2276. color: #333333;
  2277. margin: 0;
  2278. }
  2279. #trigger1,
  2280. #trigger2 {
  2281. display: block;
  2282. width: 100%;
  2283. height: 40px;
  2284. border-radius: 5px;
  2285. border: 1px solid #999;
  2286. margin-bottom: 20px;
  2287. text-align: center;
  2288. font-size: 14px;
  2289. line-height: 40px;
  2290. }
  2291. .client-item>div:nth-child(5n) {
  2292. margin-right: 3px;
  2293. }
  2294. .client-item>div:nth-child(2n) {
  2295. margin-right: 0px;
  2296. }
  2297. .client-item>div {
  2298. float: left;
  2299. width: 49.2%;
  2300. height: auto;
  2301. }
  2302. .client-list .shengfen,
  2303. .client-list .quyu {
  2304. display: none;
  2305. }
  2306. .filtrate .quyu {
  2307. padding: 2px 10px;
  2308. height: 203px;
  2309. }
  2310. .filtrate span {
  2311. font-size: 16px;
  2312. width: 100%;
  2313. height: auto;
  2314. text-align: center;
  2315. }
  2316. .filtrate ul li {
  2317. float: left;
  2318. padding: 5px 12px;
  2319. font-size: 13px;
  2320. color: #666666;
  2321. height: 29px;
  2322. border-radius: 5px;
  2323. cursor: pointer;
  2324. margin-left: 3px;
  2325. margin-bottom: 4px;
  2326. }
  2327. .filtrate ul {
  2328. width: 100%;
  2329. }
  2330. .filtrate .shengfen {
  2331. height: 156px;
  2332. }
  2333. #position p {
  2334. font-size: 16px!important;
  2335. }
  2336. .p-dec-d .gialian-con {
  2337. width: 100%;
  2338. margin: 0 auto;
  2339. padding: 0 20px;
  2340. }
  2341. .p-dec-d .shengqing-con {
  2342. width: 100%;
  2343. margin: 0 auto;
  2344. padding: 0 20px;
  2345. }
  2346. .p-dec-d .lingyu-con {
  2347. width: 100%;
  2348. margin: 0 auto;
  2349. padding: 0 20px;
  2350. }
  2351. .p-dec-d .zhengce-con {
  2352. width: 100%;
  2353. margin: 0 auto;
  2354. padding: 0 20px;
  2355. }
  2356. .p-dec-d .chengnuo-con {
  2357. width: 100%;
  2358. margin: 0 auto;
  2359. padding: 0 20px;
  2360. }
  2361. #swiper4 {
  2362. height: 140px;
  2363. }
  2364. .product-list #swiper4>.swiper-wrapper .pd-li {
  2365. height: auto;
  2366. }
  2367. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t span {
  2368. font-size: 39px;
  2369. }
  2370. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t {
  2371. top: -17px;
  2372. }
  2373. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t p {
  2374. opacity: 0;
  2375. }
  2376. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t em {
  2377. font-size: 16px;
  2378. }
  2379. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t {
  2380. top: -11px;
  2381. }
  2382. #swiper4.swiper-container-horizontal>.swiper-pagination-bullets {
  2383. bottom: -5px;
  2384. left: 0;
  2385. width: 100%;
  2386. }
  2387. #swiper4 .swiper-pagination-bullet {
  2388. width: 8px;
  2389. height: 8px;
  2390. display: inline-block;
  2391. border-radius: 200%;
  2392. opacity: 1;
  2393. background: #666666;
  2394. }
  2395. .p-dec-d .p-header {
  2396. height: 175px;
  2397. }
  2398. .p-dec-d .p-header h4 {
  2399. font-size: 26px;
  2400. }
  2401. .p-dec-d .p-button-titile {
  2402. width: 89px;
  2403. padding: 7px 11px;
  2404. font-size: 15px;
  2405. margin-bottom: 20px;
  2406. text-align: center!important;
  2407. }
  2408. .gialian-con>p {
  2409. font-size: 14px;
  2410. }
  2411. .p-dec-d .p-button-titile::after {
  2412. top: -5px;
  2413. left: -5px;
  2414. width: 111%;
  2415. height: 126%;
  2416. }
  2417. .p-dec-d .haochu-ul li {
  2418. font-size: 14px;
  2419. }
  2420. .zhibiao-p {
  2421. font-size: 15px;
  2422. margin: 15px auto;
  2423. }
  2424. .p-dec-d .chengnuo-ul li {
  2425. width: 50%;
  2426. padding: 29px 14px;
  2427. font-size: 12px;
  2428. }
  2429. .p-dec-d .shengqing-ul li {
  2430. font-size: 14px;
  2431. margin-bottom: 9px;
  2432. }
  2433. .p-dec-d .haochu-ul li em {
  2434. width: 20px;
  2435. height: 20px;
  2436. line-height: 20px;
  2437. font-size: 13px;
  2438. border: 1px solid #1296DB;
  2439. }
  2440. .p-dec-d .shengqing-ul li em {
  2441. width: 20px;
  2442. height: 20px;
  2443. line-height: 20px;
  2444. font-size: 13px;
  2445. border: 1px solid #1296DB;
  2446. }
  2447. .about-ofoter .ofoter-item1 .offoter1 {
  2448. margin-bottom: 10px;
  2449. height: auto;
  2450. }
  2451. .p-dec-d .lingyu-ul li {
  2452. padding: 15px 22px;
  2453. border: 1px dashed #1295DB;
  2454. position: relative;
  2455. display: inline-block;
  2456. font-size: 13px;
  2457. color: #666666;
  2458. margin-left: 40px;
  2459. margin-bottom: 24px;
  2460. }
  2461. .p-dec-d .lingyu-ul li em {
  2462. position: absolute;
  2463. top: -17px;
  2464. left: -8px;
  2465. font-size: 19px;
  2466. color: #ffffff;
  2467. }
  2468. .five-angle::before {
  2469. top: -32px;
  2470. left: -8px;
  2471. border-width: 0px 18px 15px;
  2472. }
  2473. .five-angle {
  2474. top: -8px;
  2475. left: -20px;
  2476. width: 35px;
  2477. border-width: 17px 8px 0;
  2478. }
  2479. .p-dec-d .liucheng-ul li {
  2480. width: 129px;
  2481. height: 77px;
  2482. line-height: 81px;
  2483. font-size: 12px;
  2484. margin-right: 27px;
  2485. }
  2486. .p-dec-d .liucheng-ul li::after {
  2487. top: 30px;
  2488. right: -25px;
  2489. border-left: 15px solid #1295DB;
  2490. border-bottom: 7px solid transparent;
  2491. border-top: 7px solid transparent;
  2492. }
  2493. .p-dec-d .zhengce-ul {
  2494. padding-left: 0;
  2495. }
  2496. .p-dec-d .zhengce-ul li p {
  2497. font-size: 13px;
  2498. color: #666666;
  2499. }
  2500. .p-dec-d .zhengce-ul li {
  2501. display: inline-block;
  2502. padding: 17px;
  2503. border: 1px solid #1295DB;
  2504. margin-right: 7px;
  2505. height: 160px;
  2506. margin-bottom: 5px;
  2507. }
  2508. .p-dec-d .zhengce-ul li span {
  2509. font-size: 15px;
  2510. color: #333333;
  2511. margin-bottom: 6px;
  2512. }
  2513. .p-dec-d .zhibiao-dec table {
  2514. font-size: 16px;
  2515. }
  2516. .p-dec-d .gailian,
  2517. .haochu {
  2518. padding: 15px 0px 50px;
  2519. }
  2520. .contact_text {
  2521. padding-left: 0;
  2522. width: 100%;
  2523. }
  2524. .contact_img img {
  2525. margin-left: 0px;
  2526. }
  2527. .contact_img {
  2528. float: left;
  2529. padding-top: 40px;
  2530. width: 100%;
  2531. text-align: center;
  2532. }
  2533. .contact_text ul>li {
  2534. font-size: 16px;
  2535. color: #666666;
  2536. margin-bottom: 20px;
  2537. }
  2538. .jishu-one {
  2539. width: 100%;
  2540. }
  2541. .jishu-one li {
  2542. width: 32.3%;
  2543. height: 143px;
  2544. float: left;
  2545. padding: 15px;
  2546. font-size: 12px;
  2547. }
  2548. .jishu-one li::after,
  2549. .jishu-one li::before {
  2550. display: none;
  2551. }
  2552. .jishu-one li>span:nth-child(1) {
  2553. font-size: 32px;
  2554. margin-bottom: 8px;
  2555. }
  2556. .jishu-one li:nth-child(2) {
  2557. margin: 0 5px;
  2558. }
  2559. .ziyuan-ul {
  2560. width:100%;
  2561. }
  2562. .ziyuan-ul li:nth-child(2) {
  2563. height: auto;
  2564. margin: 0;
  2565. margin-top: 5px;
  2566. width: 100%;
  2567. }
  2568. .ziyuan-ul li {
  2569. width: 100%;
  2570. height: auto;
  2571. padding:6px 0;
  2572. margin-top: 5px;
  2573. }
  2574. .ziyuan-ul li span {
  2575. font-size: 13px;
  2576. margin-bottom: 3px;
  2577. margin-top: 8px;
  2578. }
  2579. .ziyuan-ul li p {
  2580. font-size: 12px;
  2581. }
  2582. .ziyuan-ul li:nth-child(2) p, .ziyuan-ul li:nth-child(2) span {
  2583. font-size: 12px;
  2584. margin-bottom: 8px;
  2585. margin-top: 5px !important;
  2586. }
  2587. .ziyuan-ul li:nth-child(1), .ziyuan-ul li:nth-child(3) {
  2588. margin-top: 5px;
  2589. }
  2590. .secondary-menu.about-kede-secodn ul {
  2591. width: 100%;
  2592. height: 70px;
  2593. text-align: center;
  2594. line-height: 33px;
  2595. border-radius: 5px;
  2596. background: #ffffff;
  2597. box-shadow: 4px 3px 8px #c8c8c8;
  2598. }
  2599. .detail-title h6 {
  2600. font-size: 20px;
  2601. }
  2602. .detail-title span {
  2603. font-size: 14px;
  2604. }
  2605. .news-detail {
  2606. padding: 10px;
  2607. }
  2608. .detail-content img {
  2609. display: block;
  2610. margin: 0;
  2611. width: 100%;
  2612. }
  2613. .wow{display: none;}
  2614. #swiper51{display: block;}
  2615. #swiper51 .item{
  2616. width: 100%;
  2617. }
  2618. #swiper51 .item h3{
  2619. height: 44px;
  2620. line-height: 44px;
  2621. margin: 0;
  2622. font-size: 20px;
  2623. font-weight: 400;
  2624. color: #ffffff;
  2625. text-align: center;
  2626. background: #c39857;
  2627. }
  2628. #swiper51 .item .desc{
  2629. line-height: 24px;
  2630. padding: 0 15px 0;
  2631. font-size: 14px;
  2632. color: #929292;
  2633. }
  2634. .p-secod-menu ul {
  2635. width: 100%;
  2636. height: 97px;
  2637. text-align: center;
  2638. line-height: 27px;
  2639. }
  2640. .p-secod-menu.p-secod-menu.chaoduohang ul li a {
  2641. color: #999999;
  2642. cursor: pointer;
  2643. font-size: 14px;
  2644. display: inline-block;
  2645. width: 98%;
  2646. white-space: nowrap;
  2647. text-overflow: ellipsis;
  2648. overflow: hidden;
  2649. }
  2650. .p-secod-menu.chaoduohang ul li {
  2651. width: 50%;
  2652. margin-right: 0;
  2653. }
  2654. .p-secod-menu.chaoduohang ul {
  2655. height: 560px;
  2656. line-height: 1.6;
  2657. }
  2658. .pingtai-l>div {
  2659. width: 76px;
  2660. height: 157px;
  2661. border-radius: 200%;
  2662. background: #E5F3FB;
  2663. float: left;
  2664. margin-right: 6px;
  2665. text-align: center;
  2666. padding: 15px;
  2667. padding-top: 43px;
  2668. font-size: 12px;
  2669. position: relative;
  2670. }
  2671. .pingtai-l {
  2672. width: 100%;
  2673. margin: 0 auto;
  2674. }
  2675. ul.junmingstyle.product-a li {
  2676. height: 30px!important;
  2677. }
  2678. ul.junmingstyle.product-a {
  2679. height: 191px!important;
  2680. }
  2681. .p-dec-d {
  2682. margin-top: -2px;
  2683. }
  2684. .p-secod-menu ul li {
  2685. margin-right: 17px;
  2686. margin-bottom: 5px;
  2687. }
  2688. .p-secod-menu ul {
  2689. height: 104px;
  2690. line-height: 26px;
  2691. padding: 3px;
  2692. }
  2693. ul.gaoxinstyle.product-a li>a {
  2694. font-size: 13px!important;
  2695. }
  2696. ul.gaoxinstyle.product-a li {
  2697. margin-right: 12px;
  2698. }
  2699. ul.caishuistyle{
  2700. height: 104px!important;
  2701. }
  2702. ul.caishuistyle li{
  2703. margin-right: 17px!important;
  2704. }
  2705. ul.caishuistyle li>a{
  2706. font-size: 14px!important;
  2707. }
  2708. .p-secod-menu.duohang ul {
  2709. height: 260px;
  2710. line-height: 1.2;
  2711. padding: 10px;
  2712. }
  2713. }
  2714. @media screen and (max-width: 360px) {
  2715. .jishu-one li {
  2716. width: 32%;
  2717. height: 143px;
  2718. float: left;
  2719. padding: 15px;
  2720. font-size: 12px;
  2721. }
  2722. }