secode.css 55 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166
  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. /* 上下翻页 */
  925. .copyright{border-top: 2px solid #999999;padding-top: 20px;}
  926. .copyright .bzsm{color: #999999;}
  927. .copyright .kw{padding: 3px 10px;margin: 3px;cursor: pointer;background: #DCDCDC;color: black;}
  928. .copyright .page{background: rgb(242, 242, 242);padding: 10px 10px 1px 10px;margin-bottom: 10px;}
  929. .news-detail {
  930. background: #ffffff;
  931. padding: 50px;
  932. }
  933. .detail-title {
  934. border-bottom: 1px solid #bdbbbb;
  935. padding-bottom: 20px;
  936. }
  937. .detail-title h6 {
  938. font-size: 36px;
  939. color: #333333;
  940. }
  941. .detail-title span {
  942. font-size: 20px;
  943. color: #999999;
  944. }
  945. .detail-content {
  946. padding-top: 40px;
  947. }
  948. .detail-content p {
  949. color: #666666;
  950. font-size: 16px;
  951. line-height: 1.6;
  952. text-indent: 30px;
  953. }
  954. .detail-content img {
  955. display: block;
  956. margin: 20px auto;
  957. width: 550px;
  958. }
  959. .detail-content iframe {
  960. width: 500px !important;
  961. height: 286px !important;
  962. margin: 10px auto !important;
  963. display: block !important;
  964. }
  965. /* 分页 */
  966. .page_ctrl {
  967. text-align: center;
  968. margin: 10px auto;
  969. box-sizing: border-box
  970. }
  971. .page_ctrl * {
  972. line-height: 26px
  973. }
  974. .page_ctrl button {
  975. font-size: 12px;
  976. width: 32px;
  977. height: 32px;
  978. line-height: 32px;
  979. background: #ffffff;
  980. border-radius: 25px;
  981. color: #999999;
  982. cursor: pointer;
  983. outline: none;
  984. text-align: center;
  985. margin: 0 6px;
  986. margin-bottom: 16px;
  987. }
  988. .icon-xiangzuo,
  989. .icon-xiangyou {
  990. font-size: 28px!important;
  991. vertical-align: bottom;
  992. }
  993. .page_ctrl button:hover {
  994. background: #1296DB;
  995. color: #fff
  996. }
  997. .page_ctrl .btn_dis {
  998. cursor: default;
  999. opacity: .7;
  1000. background: #eee;
  1001. color: #616161;
  1002. border: 1px solid #999999;
  1003. }
  1004. .page_ctrl .btn_dis:hover {
  1005. background: #eee;
  1006. color: #5e5e5e
  1007. }
  1008. .page_ctrl .current_page {
  1009. background: #1296DB;
  1010. color: #fff
  1011. }
  1012. .page_ctrl .input_page_num {
  1013. width: 32px;
  1014. height: 32px;
  1015. border-radius: 25px;
  1016. font-size: 15px;
  1017. margin: 0 6px;
  1018. padding: 0;
  1019. text-align: center;
  1020. background: #fff;
  1021. border: 1px solid #e5e5e5;
  1022. color: #999999;
  1023. outline: none;
  1024. }
  1025. .page_ctrl .page_total,
  1026. .page_ctrl .page_text {
  1027. color: #999999;
  1028. font-size: 15px
  1029. }
  1030. /* 分页 end */
  1031. .main-str .strategic .page_total,
  1032. .main-str .strategic .input_page_num,
  1033. .main-str .strategic .page_text,
  1034. .main-str .strategic .to_page_num,
  1035. .client .client-list-box .page_total,
  1036. .client .client-list-box .input_page_num,
  1037. .client .client-list-box .page_text,
  1038. .client .client-list-box .to_page_num {
  1039. display: none;
  1040. }
  1041. /* 新闻详情end */
  1042. /* 战略合作 */
  1043. .strategic {
  1044. margin-bottom: 20px;
  1045. }
  1046. #swiper5 {
  1047. height: 465px;
  1048. }
  1049. #swiper5 .swiper-pagination-bullet {
  1050. width: 72px;
  1051. height: 6px;
  1052. display: inline-block;
  1053. border-radius: 21px;
  1054. opacity: 1;
  1055. background: #AAAAAA;
  1056. }
  1057. #swiper5 .swiper-pagination-bullet-active {
  1058. background-color: #333333;
  1059. }
  1060. .strategic ul::after {
  1061. content: "";
  1062. display: block;
  1063. clear: both;
  1064. }
  1065. .strategic ul>li {
  1066. float: left;
  1067. width: 292px;
  1068. margin-right: 20px;
  1069. margin-bottom: 20px;
  1070. }
  1071. .strategic ul>li>img {}
  1072. .strate-f {
  1073. background: url("../images/strategic/str-bg.png") no-repeat;
  1074. background-size: cover;
  1075. padding: 86px 0;
  1076. }
  1077. .strate-f::after {
  1078. content: "";
  1079. display: block;
  1080. clear: both;
  1081. }
  1082. .str-f-text,
  1083. .str-f-number {
  1084. width: 50%;
  1085. float: left;
  1086. }
  1087. .str-f-text p,
  1088. .str-f-number p {
  1089. font-size: 22px;
  1090. color: #ffffff;
  1091. margin-bottom: 18px;
  1092. padding-left: 100px;
  1093. }
  1094. /* 关于科德 */
  1095. .app>.about>.container>div {
  1096. display: none;
  1097. }
  1098. .app>.about>.container>div:nth-child(1) {
  1099. display: block;
  1100. }
  1101. .secondary-menu.about-kede-secodn>.container>ul>li>a {
  1102. font-size: 16px;
  1103. }
  1104. .offoter1>img {
  1105. width: 100%;
  1106. }
  1107. .about-kede-secodn,
  1108. .about-kede-main {
  1109. background: #ffffff;
  1110. }
  1111. .about-kede-content>h4 {
  1112. font-size: 30px;
  1113. color: #070707;
  1114. text-align: center;
  1115. }
  1116. .about-kede-content>p {
  1117. font-size: 22px;
  1118. color: #8C8C8C;
  1119. text-align: center;
  1120. }
  1121. .about-kede-content>.content {
  1122. margin-top: 50px;
  1123. }
  1124. .about-kede-content>.content>p {
  1125. font-size: 18px;
  1126. color: #666666;
  1127. text-indent: 30px;
  1128. }
  1129. .about-kede-content>.content>img {
  1130. display: block;
  1131. margin: 20px auto;
  1132. }
  1133. /* 科德环境 */
  1134. .huanjing {
  1135. height: 850px;
  1136. padding-top: 50px;
  1137. }
  1138. .kede-hj {
  1139. padding: 50px 0;
  1140. }
  1141. .about-ofoter {
  1142. margin-bottom: 10px;
  1143. }
  1144. .about-ofoter::after,
  1145. .about-space::after {
  1146. content: "";
  1147. display: block;
  1148. clear: both;
  1149. }
  1150. .about-space {
  1151. width: 100%;
  1152. height: auto;
  1153. }
  1154. .about-ofoter .ofoter-item1 {
  1155. width: 73.5%;
  1156. float: left;
  1157. margin-right: 10px;
  1158. }
  1159. .about-ofoter .ofoter-item2 {
  1160. width: 25.5%;
  1161. height: 570px;
  1162. float: left;
  1163. }
  1164. .about-ofoter .ofoter-item1 .ofoters {
  1165. width: 32.85%;
  1166. float: left;
  1167. height: 570px;
  1168. margin-right: 10px;
  1169. }
  1170. .about-ofoter .ofoter-item1 .offoter2 {
  1171. width: 65.8%;
  1172. height: 570px;
  1173. float: left;
  1174. }
  1175. .about-ofoter .ofoter-item1 .offoter2 img {
  1176. width: 100%;
  1177. }
  1178. .item2-s {
  1179. height: 280px;
  1180. margin-bottom: 10px;
  1181. }
  1182. .item2-s .s-item1 {
  1183. height: 120px;
  1184. margin-bottom: 10px;
  1185. }
  1186. .item2-s .s-item1::after {
  1187. content: "";
  1188. display: block;
  1189. clear: both;
  1190. }
  1191. .s-item1 .s-item1-a {
  1192. width: 48.3%;
  1193. float: left;
  1194. height: 100%;
  1195. border: 1px solid #707070;
  1196. margin-right: 10px;
  1197. }
  1198. .s-item1 .s-item1-b {
  1199. width: 48.3%;
  1200. float: left;
  1201. height: 100%;
  1202. }
  1203. .s-item1 .s-item1-b>div:nth-child(1) {
  1204. height: 69px;
  1205. border: 1px solid #707070;
  1206. margin-bottom: 10px;
  1207. }
  1208. .s-item1 .s-item1-b>div:nth-child(2) {
  1209. height: 41px;
  1210. border: 1px solid #707070;
  1211. }
  1212. .item2-s .s-item2 {
  1213. height: 150px;
  1214. padding: 20px;
  1215. background: #5454CE;
  1216. }
  1217. .s-item2 span {
  1218. font-size: 58px;
  1219. color: #ffffff;
  1220. font-weight: bold;
  1221. }
  1222. .s-item2 p {
  1223. font-size: 20px;
  1224. color: #ffffff;
  1225. }
  1226. .item2-d {
  1227. height: 280px;
  1228. }
  1229. .item2-d img {
  1230. width: 100%;
  1231. height: 100%;
  1232. }
  1233. .kede-wh h4 {
  1234. margin-top: 30px;
  1235. margin-bottom: 10px;
  1236. }
  1237. .kede-jingshen {
  1238. padding-top: 100px;
  1239. }
  1240. .kede-jingshen h5 {
  1241. font-size: 42px;
  1242. color: #ffffff;
  1243. }
  1244. .kede-jingshen span {
  1245. font-size: 20px;
  1246. color: #E9E9E9;
  1247. display: block;
  1248. margin-top: 20px;
  1249. margin-bottom: 37px;
  1250. }
  1251. .jingsheng-top {
  1252. margin-top: 90px;
  1253. }
  1254. .kede-jingshen p {
  1255. font-size: 14px;
  1256. color: #ffffff;
  1257. }
  1258. .jingshen-item1 img,
  1259. .jingshen-item2 img,
  1260. .jingshen-item3 img,
  1261. .jingshen-item4 img {
  1262. width: 100%;
  1263. }
  1264. .jingshen-item1,
  1265. .jingshen-item2,
  1266. .jingshen-item3,
  1267. .jingshen-item4 {
  1268. width: 100%;
  1269. height: 368px;
  1270. margin-bottom: 15px;
  1271. }
  1272. .jingshen-item1>div:nth-child(1),
  1273. .jingshen-item2>div:nth-child(2),
  1274. .jingshen-item3>div:nth-child(1),
  1275. .jingshen-item4>div:nth-child(2) {
  1276. width: 49%;
  1277. height: 100%;
  1278. float: left;
  1279. }
  1280. .jingshen-item1>div:nth-child(2),
  1281. .jingshen-item2>div:nth-child(1),
  1282. .jingshen-item3>div:nth-child(2),
  1283. .jingshen-item4>div:nth-child(1) {
  1284. width: 49%;
  1285. height: 100%;
  1286. float: right;
  1287. }
  1288. .jingshen-item1>div:nth-child(2),
  1289. .jingshen-item2>div:nth-child(2),
  1290. .jingshen-item3>div:nth-child(2),
  1291. .jingshen-item4>div:nth-child(2) {
  1292. padding: 50px;
  1293. margin-right: 10px;
  1294. }
  1295. .jingshen-item1>div:nth-child(1),
  1296. .jingshen-item2>div:nth-child(1),
  1297. .jingshen-item3>div:nth-child(1),
  1298. .jingshen-item4>div:nth-child(1) {
  1299. margin-right: 10px;
  1300. }
  1301. .jingshen-item1>div:nth-child(2) {
  1302. background: #0FB8E8;
  1303. }
  1304. .jingshen-item2>div:nth-child(2) {
  1305. background: #7363C8;
  1306. }
  1307. .jingshen-item3>div:nth-child(2) {
  1308. background: #E8A666;
  1309. }
  1310. .jingshen-item4>div:nth-child(2) {
  1311. background: #EA4349;
  1312. }
  1313. .jingshen-item1>div:nth-child(1) img {
  1314. width: 100%;
  1315. height: 100%;
  1316. }
  1317. .jingshen-item1 img,
  1318. .jingshen-item2 img,
  1319. .jingshen-item3 img,
  1320. .jingshen-item4 img {
  1321. width: 100%;
  1322. }
  1323. .about-ofoter .ofoter-item1 .offoter1,
  1324. .room {
  1325. height: 280px;
  1326. }
  1327. .room {
  1328. padding: 20px;
  1329. background: #EA434A;
  1330. }
  1331. .room span {
  1332. font-size: 58px;
  1333. color: #ffffff;
  1334. font-weight: bold;
  1335. display: block;
  1336. margin-bottom: 130px;
  1337. }
  1338. .room p {
  1339. font-size: 20px;
  1340. color: #ffffff;
  1341. }
  1342. .about-ofoter .ofoter-item1 .offoter1 {
  1343. margin-bottom: 10px;
  1344. }
  1345. .space-itme1,
  1346. .space-itme2 {
  1347. width: 50%;
  1348. float: left;
  1349. height: 100%;
  1350. }
  1351. .space-itme2 {
  1352. height: 100%;
  1353. }
  1354. .space-itme2 img {
  1355. width: 100%;
  1356. height: 100%;
  1357. }
  1358. .space-itme1 .itme1-s,
  1359. .space-itme1 .itme1-d {
  1360. width: 48.3%;
  1361. float: left;
  1362. height: 100%;
  1363. margin-right: 10px;
  1364. }
  1365. .space-itme1 .itme1-s img {
  1366. width: 100%;
  1367. height: 100%;
  1368. }
  1369. .space-itme1 .itme1-d {
  1370. height: 100%;
  1371. }
  1372. .itme1-d .d-item1 {
  1373. height: 150px;
  1374. padding: 20px;
  1375. background: #0EB96B;
  1376. margin-bottom: 10px;
  1377. }
  1378. .d-item1 span {
  1379. font-size: 57px;
  1380. color: #ffffff;
  1381. font-weight: bold;
  1382. }
  1383. .d-item1 p {
  1384. font-size: 20px;
  1385. color: #ffffff;
  1386. }
  1387. .itme1-d .d-item2 {
  1388. height: 119px;
  1389. }
  1390. .d-item2 .d-item2-y {
  1391. width: 48.3%;
  1392. height: 100%;
  1393. float: left;
  1394. }
  1395. .d-item2 .d-item2-x {
  1396. width: 48.2%;
  1397. height: 100%;
  1398. border: 1px solid #707070;
  1399. float: left;
  1400. margin-right: 10px;
  1401. }
  1402. .d-item2-y>div:nth-child(1) {
  1403. height: 72px;
  1404. border: 1px solid #707070;
  1405. margin-bottom: 10px;
  1406. }
  1407. .d-item2-y>div:nth-child(2) {
  1408. height: 35px;
  1409. border: 1px solid #707070;
  1410. }
  1411. .about-kede-content .content::after {
  1412. content: "";
  1413. display: block;
  1414. clear: both;
  1415. }
  1416. .zizhi {
  1417. width: 100%;
  1418. margin-top: 25px;
  1419. }
  1420. .zizhi>div {
  1421. text-align: center;
  1422. }
  1423. .zizhi>div:nth-child(1) {
  1424. height: 311px;
  1425. }
  1426. .zizhi>div:nth-child(1),
  1427. .zizhi>div:nth-child(2) {
  1428. margin-bottom: 27px;
  1429. }
  1430. .zizhi>div:nth-child(1) img,
  1431. .zizhi>div:nth-child(2) img,
  1432. .zizhi>div:nth-child(3) img {
  1433. margin-right: 10px;
  1434. }
  1435. .zizhi>div:nth-child(1) img:last-of-type {
  1436. margin-right: 0;
  1437. }
  1438. /* 科德精神 */
  1439. .wenhua {
  1440. width: 100%;
  1441. text-align: center;
  1442. }
  1443. .wenhua p {
  1444. font-size: 28px;
  1445. color: #070707;
  1446. margin-top: 30px;
  1447. }
  1448. .wenhua span {
  1449. font-size: 18px;
  1450. color: #666666;
  1451. }
  1452. /* 加入我们 */
  1453. .dsanjiao {
  1454. position: relative;
  1455. font-size: 26px;
  1456. float: right;
  1457. color: #B5B5B5;
  1458. cursor: pointer;
  1459. top: -3px;
  1460. }
  1461. .join-title {
  1462. margin-top: 100px;
  1463. }
  1464. .join-title p {
  1465. font-size: 16px;
  1466. color: #666666;
  1467. word-wrap: break-word;
  1468. }
  1469. .join-title p:nth-child(3) {
  1470. margin-top: 20px;
  1471. }
  1472. .join-title hr:last-of-type {
  1473. display: none;
  1474. }
  1475. .join-dec li {
  1476. font-size: 17px;
  1477. color: #666666;
  1478. margin-bottom: 10px;
  1479. }
  1480. .filtrate .quyu {
  1481. margin-bottom: 20px;
  1482. }
  1483. .filtrate .quyu,
  1484. .filtrate .shengfen {
  1485. height: 59px;
  1486. border-radius: 5px;
  1487. padding: 13px 20px;
  1488. background-color: #ffffff;
  1489. box-shadow: 0px 3px 10px #c8c8c8;
  1490. position: relative;
  1491. overflow: hidden;
  1492. -moz-transition: all .36s ease;
  1493. -o-transition: all .36s ease;
  1494. transition: all .36s ease;
  1495. webkit-transition: all .36s ease;
  1496. }
  1497. .filtrate .quyu::after,
  1498. .filtrate .shengfen::after {
  1499. content: "";
  1500. display: block;
  1501. clear: both;
  1502. }
  1503. .filtrate ul {
  1504. display: block;
  1505. }
  1506. .filtrate ul::after {
  1507. content: "";
  1508. display: block;
  1509. clear: both;
  1510. }
  1511. .filtrate ul li {
  1512. float: left;
  1513. padding: 5px 20px;
  1514. font-size: 18px;
  1515. color: #666666;
  1516. height: 34px;
  1517. border-radius: 5px;
  1518. cursor: pointer;
  1519. margin-left: 3px;
  1520. margin-bottom: 4px;
  1521. }
  1522. .filtrate ul li.active {
  1523. background: #1296DB;
  1524. color: #ffffff;
  1525. }
  1526. .filtrate ul li:hover {
  1527. background: #1296DB;
  1528. color: #ffffff;
  1529. }
  1530. .filtrate span {
  1531. font-size: 18px;
  1532. color: #1295DB;
  1533. float: left;
  1534. margin-right: 30px;
  1535. line-height: 36px;
  1536. }
  1537. .filtrate .quyu {
  1538. height: 95px
  1539. }
  1540. .filtrate span {
  1541. width: 6%;
  1542. height: 100%;
  1543. display: block;
  1544. float: left;
  1545. }
  1546. .filtrate ul {
  1547. width: 93%;
  1548. }
  1549. .filtrate .quyu ul li {
  1550. margin-top: 3px;
  1551. }
  1552. /* 联系我们 */
  1553. .contact_img {
  1554. float: left;
  1555. padding-top: 40px;
  1556. padding-left: 35px;
  1557. }
  1558. .contact_img img {
  1559. margin-left: 40px;
  1560. height: 75px;
  1561. }
  1562. .contact_img h5 {
  1563. font-size: 30px;
  1564. color: #333333;
  1565. }
  1566. .contact_text {
  1567. float: left;
  1568. padding-top: 40px;
  1569. padding-left: 418px;
  1570. }
  1571. @media screen and (max-width: 1208px) {
  1572. .contact_text {
  1573. margin-left: -694px;
  1574. margin-top: 146px;
  1575. }
  1576. }
  1577. .contact_text ul>li {
  1578. font-size: 20px;
  1579. color: #666666;
  1580. margin-bottom: 20px;
  1581. }
  1582. #baidu_container {
  1583. height: 400px
  1584. }
  1585. /* 关于科德 end */
  1586. /* 服务客户 */
  1587. .m_fuwu {
  1588. display: none;
  1589. }
  1590. .client-list {}
  1591. #trigger1 {
  1592. display: none;
  1593. }
  1594. #trigger2 {
  1595. display: none;
  1596. }
  1597. .client-list .quyu {
  1598. margin-bottom: 20px;
  1599. }
  1600. .client-list ul::after {
  1601. content: "";
  1602. display: block;
  1603. clear: both;
  1604. }
  1605. .client-list ul li {
  1606. float: left;
  1607. padding: 5px 20px;
  1608. font-size: 18px;
  1609. color: #666666;
  1610. height: 34px;
  1611. border-radius: 5px;
  1612. cursor: pointer;
  1613. margin-left: 3px;
  1614. }
  1615. .client-list ul li.active {
  1616. background: #1296DB;
  1617. color: #ffffff;
  1618. }
  1619. .client-list ul li:hover {
  1620. background: #1296DB;
  1621. color: #ffffff;
  1622. }
  1623. .client-list .quyu,
  1624. .client-list .shengfen {
  1625. border-radius: 5px;
  1626. padding: 6px 20px;
  1627. background-color: #ffffff;
  1628. }
  1629. .client-list .quyu::after,
  1630. .client-list .shengfen::after {
  1631. content: "";
  1632. display: block;
  1633. clear: both;
  1634. }
  1635. .client-list ul {
  1636. display: inline-block;
  1637. }
  1638. .client-list .shengfen span {
  1639. width: 6%;
  1640. display: block;
  1641. height: 100%;
  1642. margin-bottom: 39px;
  1643. }
  1644. .client-list .shengfen ul {
  1645. width: 93%;
  1646. display: block;
  1647. }
  1648. .client-list .shengfen ul li {
  1649. margin-top: 3px;
  1650. }
  1651. .client-list span {
  1652. font-size: 18px;
  1653. color: #1295DB;
  1654. float: left;
  1655. margin-right: 30px;
  1656. line-height: 36px;
  1657. }
  1658. .client-item::after {
  1659. content: "";
  1660. display: block;
  1661. clear: both;
  1662. }
  1663. .client-item>div {
  1664. float: left;
  1665. width: 19.8%;
  1666. height: 189px;
  1667. margin-right: 3px;
  1668. margin-bottom: 3px;
  1669. position: relative;
  1670. top: 0;
  1671. -moz-transition: all .36s ease;
  1672. -o-transition: all .36s ease;
  1673. transition: all .36s ease;
  1674. webkit-transition: all .36s ease;
  1675. }
  1676. .client-item>div:hover {
  1677. box-shadow: 4px 3px 8px #c8c8c8;
  1678. top: -10px;
  1679. }
  1680. .client-item>div img {
  1681. width: 100%;
  1682. }
  1683. .client-item>div:nth-child(5n) {
  1684. margin-right: 0;
  1685. }
  1686. #swiper6 {
  1687. height: 835px;
  1688. margin-top: 30px;
  1689. padding-top: 20px;
  1690. }
  1691. #swiper6 .swiper-pagination-bullet {
  1692. width: 72px;
  1693. height: 6px;
  1694. display: inline-block;
  1695. border-radius: 21px;
  1696. opacity: 1;
  1697. background: #666666;
  1698. }
  1699. #swiper6 .swiper-pagination-bullet-active {
  1700. background-color: #1296DB;
  1701. }
  1702. /* 服务客户 end */
  1703. .region-button {
  1704. text-align: center;
  1705. width: 103px;
  1706. font-size: 16px;
  1707. color: #ffffff;
  1708. padding: 12px;
  1709. border-radius: 5px;
  1710. background: #1296DB;
  1711. margin-top: 40px;
  1712. }
  1713. .company-list {
  1714. color: #666666;
  1715. }
  1716. .company-list h6 {
  1717. font-size: 20px;
  1718. font-weight: bold;
  1719. padding-left: 20px;
  1720. color: #333333;
  1721. border-left: 3px solid #4520E1;
  1722. margin-top: 30px;
  1723. margin-bottom: 20px;
  1724. }
  1725. .company-list span {
  1726. font-size: 20px;
  1727. color: #4520E1;
  1728. display: block;
  1729. margin-bottom: 10px;
  1730. }
  1731. .company-list p {
  1732. font-size: 14px;
  1733. color: #333333;
  1734. display: inline-block;
  1735. }
  1736. .company-zi::after {
  1737. content: "";
  1738. display: block;
  1739. clear: both;
  1740. }
  1741. .company-zi>.company-list {
  1742. width: 50%;
  1743. float: left;
  1744. }
  1745. .fazhang {
  1746. margin-top: 50px;
  1747. }
  1748. .period {
  1749. width: 100%;
  1750. text-align: center;
  1751. }
  1752. .period::after {
  1753. content: "";
  1754. display: block;
  1755. clear: both;
  1756. }
  1757. .period>div {
  1758. display: inline-block;
  1759. width: 200px;
  1760. font-size: 16px;
  1761. border-radius: 5px;
  1762. color: #999999;
  1763. padding: 13px 9px;
  1764. margin-right: 20px;
  1765. cursor: pointer;
  1766. background: #ffffff;
  1767. border: 1px solid #c2c2c2;
  1768. }
  1769. .period>div:nth-child(1) {
  1770. width: 221px;
  1771. }
  1772. .period>div.active {
  1773. background: #1296DB;
  1774. border-color: #1295DB;
  1775. color: #ffffff;
  1776. }
  1777. .history {
  1778. display: none;
  1779. }
  1780. .history.active {
  1781. display: block;
  1782. }
  1783. .history-item {
  1784. margin-top: 40px;
  1785. }
  1786. .course-event {
  1787. margin-left: 280px;
  1788. border-left: 1px solid #ebebeb;
  1789. }
  1790. .p-dec-d {
  1791. display: none;
  1792. margin-top: 35px;
  1793. }
  1794. .p-dec-d.active {
  1795. display: block;
  1796. }
  1797. .course-event h3 {
  1798. margin: 0px 0 30px -40px;
  1799. padding: 18px 0;
  1800. width: 80px;
  1801. height: 80px;
  1802. border-radius: 50%;
  1803. background: #f6f6f6;
  1804. color: #303030;
  1805. text-align: center;
  1806. opacity: 1;
  1807. font-weight: 700;
  1808. font-size: 24px;
  1809. line-height: 30px;
  1810. }
  1811. .course-event h3 em {
  1812. display: block;
  1813. color: #a3a3a3;
  1814. font-size: 12px;
  1815. line-height: 14px;
  1816. }
  1817. .course-event ul li {
  1818. position: relative;
  1819. padding-bottom: 25px;
  1820. padding-left: 155px;
  1821. font-size: 14px;
  1822. }
  1823. .course-event li em {
  1824. position: absolute;
  1825. top: 0;
  1826. left: 0;
  1827. padding-left: 15px;
  1828. height: 30px;
  1829. color: #a3a3a3;
  1830. line-height: 30px;
  1831. }
  1832. .course-event li p {
  1833. position: relative;
  1834. padding-left: 20px;
  1835. color: #303030;
  1836. line-height: 30px;
  1837. }
  1838. .course-event li p:before {
  1839. position: absolute;
  1840. top: 12px;
  1841. left: 0;
  1842. width: 5px;
  1843. height: 5px;
  1844. border-radius: 50%;
  1845. background: #a3a3a3;
  1846. content: "";
  1847. }
  1848. .course-event li em:before {
  1849. position: absolute;
  1850. top: 10px;
  1851. left: -5px;
  1852. width: 10px;
  1853. height: 10px;
  1854. border-radius: 50%;
  1855. background: #1296DB;
  1856. content: "";
  1857. }
  1858. .page_1,
  1859. .page_2,
  1860. .page_3 {
  1861. margin: 40px 0;
  1862. }
  1863. /* 手机端二级联动 */
  1864. .mobileSelect {
  1865. position: relative;
  1866. z-index: 0;
  1867. opacity: 0;
  1868. visibility: hidden;
  1869. -webkit-transition: opacity 0.4s, z-index 0.4s;
  1870. transition: opacity 0.4s, z-index 0.4s;
  1871. }
  1872. .mobileSelect * {
  1873. margin: 0;
  1874. padding: 0;
  1875. -webkit-box-sizing: border-box;
  1876. box-sizing: border-box;
  1877. }
  1878. .mobileSelect .grayLayer {
  1879. position: fixed;
  1880. top: 0;
  1881. left: 0;
  1882. bottom: 0;
  1883. right: 0;
  1884. background: #eee;
  1885. background: rgba(0, 0, 0, 0.7);
  1886. z-index: 888;
  1887. display: block;
  1888. }
  1889. .mobileSelect .content {
  1890. width: 100%;
  1891. display: block;
  1892. position: fixed;
  1893. z-index: 889;
  1894. color: black;
  1895. -webkit-transition: all 0.4s;
  1896. transition: all 0.4s;
  1897. bottom: -350px;
  1898. left: 0;
  1899. background: white;
  1900. }
  1901. .mobileSelect .content .fixWidth {
  1902. width: 90%;
  1903. margin: 0 auto;
  1904. position: relative;
  1905. }
  1906. .mobileSelect .content .fixWidth:after {
  1907. content: ".";
  1908. display: block;
  1909. height: 0;
  1910. clear: both;
  1911. visibility: hidden;
  1912. }
  1913. .mobileSelect .content .btnBar {
  1914. border-bottom: 1px solid #DCDCDC;
  1915. font-size: 15px;
  1916. height: 45px;
  1917. position: relative;
  1918. text-align: center;
  1919. line-height: 45px;
  1920. }
  1921. .mobileSelect .content .btnBar .cancel,
  1922. .mobileSelect .content .btnBar .ensure {
  1923. height: 45px;
  1924. width: 55px;
  1925. cursor: pointer;
  1926. position: absolute;
  1927. top: 0;
  1928. }
  1929. .mobileSelect .content .btnBar .cancel {
  1930. left: 0;
  1931. color: #666;
  1932. }
  1933. .mobileSelect .content .btnBar .ensure {
  1934. right: 0;
  1935. color: #1e83d3;
  1936. }
  1937. .mobileSelect .content .btnBar .title {
  1938. font-size: 15px;
  1939. padding: 0 15%;
  1940. overflow: hidden;
  1941. white-space: nowrap;
  1942. text-overflow: ellipsis;
  1943. }
  1944. .mobileSelect .content .panel:after {
  1945. content: ".";
  1946. display: block;
  1947. height: 0;
  1948. clear: both;
  1949. visibility: hidden;
  1950. }
  1951. .mobileSelect .content .panel .wheels {
  1952. width: 100%;
  1953. height: 200px;
  1954. overflow: hidden;
  1955. }
  1956. .mobileSelect .content .panel .wheel {
  1957. position: relative;
  1958. z-index: 0;
  1959. float: left;
  1960. width: 50%;
  1961. height: 200px;
  1962. overflow: hidden;
  1963. -webkit-transition: width 0.3s ease;
  1964. transition: width 0.3s ease;
  1965. }
  1966. .mobileSelect .content .panel .wheel .selectContainer {
  1967. display: block;
  1968. text-align: center;
  1969. -webkit-transition: -webkit-transform 0.18s ease-out;
  1970. transition: -webkit-transform 0.18s ease-out;
  1971. transition: transform 0.18s ease-out;
  1972. transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
  1973. }
  1974. .mobileSelect .content .panel .wheel .selectContainer li {
  1975. font-size: 15px;
  1976. display: block;
  1977. height: 40px;
  1978. line-height: 40px;
  1979. cursor: pointer;
  1980. overflow: hidden;
  1981. white-space: nowrap;
  1982. text-overflow: ellipsis;
  1983. }
  1984. .mobileSelect .content .panel .selectLine {
  1985. height: 40px;
  1986. width: 100%;
  1987. position: absolute;
  1988. top: 80px;
  1989. pointer-events: none;
  1990. -webkit-box-sizing: border-box;
  1991. box-sizing: border-box;
  1992. border-top: 1px solid #DCDCDC;
  1993. border-bottom: 1px solid #DCDCDC;
  1994. }
  1995. .mobileSelect .content .panel .shadowMask {
  1996. position: absolute;
  1997. top: 0;
  1998. width: 100%;
  1999. height: 200px;
  2000. background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
  2001. background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  2002. background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  2003. opacity: 0.9;
  2004. pointer-events: none;
  2005. }
  2006. .mobileSelect-show {
  2007. opacity: 1;
  2008. z-index: 10000;
  2009. visibility: visible;
  2010. }
  2011. .mobileSelect-show .content {
  2012. bottom: 0;
  2013. }
  2014. @media screen and (max-width: 768px) {
  2015. .secondary-menu {
  2016. padding-bottom: 10px;
  2017. }
  2018. .main {
  2019. padding-top: 0;
  2020. }
  2021. .newslist li {
  2022. padding: 20px 13px;
  2023. }
  2024. .swiper-containerx {
  2025. height: auto;
  2026. margin-top: 69px;
  2027. }
  2028. .swiper_title h6 {
  2029. font-size: 40px;
  2030. }
  2031. .news-item>div:nth-child(1) {
  2032. width: 100%;
  2033. }
  2034. .news-item>div:nth-child(2) {
  2035. width: 100%;
  2036. padding-left: 0;
  2037. margin-top: 15px;
  2038. height: 150px;
  2039. }
  2040. .news-item>div:nth-child(2) p {
  2041. font-size: 14px;
  2042. height: 80px;
  2043. overflow: hidden;
  2044. }
  2045. .about-ofoter .ofoter-item1 {
  2046. width: 100%;
  2047. margin-right: 10px;
  2048. }
  2049. .about-ofoter .ofoter-item2 {
  2050. width: 100%;
  2051. height: auto;
  2052. }
  2053. .about-space {
  2054. width: 100%;
  2055. }
  2056. .about-space::after {
  2057. content: "";
  2058. display: block;
  2059. clear: both;
  2060. }
  2061. .about-ofoter .ofoter-item1 .ofoters {
  2062. width: 100%;
  2063. margin-bottom: 10px;
  2064. height: auto;
  2065. }
  2066. .about-kede-content>.content {
  2067. margin-top: 25px;
  2068. }
  2069. .kede-hj {
  2070. padding: 0px 0;
  2071. }
  2072. .huanjing {
  2073. height: auto;
  2074. padding-top: 25px;
  2075. }
  2076. .huanjing::after {
  2077. content: "";
  2078. display: block;
  2079. clear: both;
  2080. }
  2081. .about-ofoter .ofoter-item1 .offoter2 {
  2082. width: 100%;
  2083. height: auto;
  2084. }
  2085. .space-itme1,
  2086. .space-itme2 {
  2087. width: 100%;
  2088. }
  2089. .about-kede-content>h4 {
  2090. font-size: 20px;
  2091. }
  2092. .about-kede-content>p {
  2093. font-size: 15px;
  2094. }
  2095. .about-kede-content>.content>p {
  2096. font-size: 16px;
  2097. }
  2098. .about-kede-content>.content>img {
  2099. width: 100%;
  2100. }
  2101. .item2-s .s-item1 {
  2102. height: 120px;
  2103. margin-top: 10px;
  2104. margin-bottom: 10px;
  2105. }
  2106. .space-itme1 .itme1-s,
  2107. .space-itme1 .itme1-d {
  2108. width: 100%;
  2109. margin-right: 10px;
  2110. margin-top: 10px;
  2111. }
  2112. .space-itme1,
  2113. .space-itme2 {
  2114. width: 100%;
  2115. float: left;
  2116. height: 100%;
  2117. }
  2118. .space-itme1::after,
  2119. .space-itme2::after {
  2120. content: "";
  2121. display: block;
  2122. clear: both;
  2123. }
  2124. .space-itme2 {
  2125. margin-top: 10px;
  2126. }
  2127. .kede-jingshen {
  2128. padding-top: 17px;
  2129. }
  2130. .jingshen-item1>div:nth-child(1),
  2131. .jingshen-item2>div:nth-child(1),
  2132. .jingshen-item3>div:nth-child(1),
  2133. .jingshen-item4>div:nth-child(1) {
  2134. width: 100%;
  2135. height: auto;
  2136. margin-right: 0px;
  2137. }
  2138. .jingshen-item1>div:nth-child(2),
  2139. .jingshen-item2>div:nth-child(2),
  2140. .jingshen-item3>div:nth-child(2),
  2141. .jingshen-item4>div:nth-child(2) {
  2142. width: 100%;
  2143. padding: 17px;
  2144. margin-right: 0;
  2145. margin-bottom: 10px;
  2146. }
  2147. .kede-jingshen span {
  2148. font-size: 20px;
  2149. display: block;
  2150. margin-top: 9px;
  2151. margin-bottom: 17px;
  2152. }
  2153. .jingshen-item1,
  2154. .jingshen-item2,
  2155. .jingshen-item3,
  2156. .jingshen-item4 {
  2157. height: auto;
  2158. margin-bottom: 0;
  2159. }
  2160. .jingshen-item1::after,
  2161. .jingshen-item2::after,
  2162. .jingshen-item3::after,
  2163. .jingshen-item4::after {
  2164. content: "";
  2165. display: block;
  2166. clear: both;
  2167. }
  2168. .kede-jingshen p {
  2169. font-size: 12px;
  2170. color: #ffffff;
  2171. }
  2172. .kede-jingshen h5 {
  2173. font-size: 30px;
  2174. color: #ffffff;
  2175. }
  2176. .jingsheng-top {
  2177. margin-top: 40px;
  2178. }
  2179. .jingshen-item1>div,
  2180. .jingshen-item2>div,
  2181. .jingshen-item3>div,
  2182. .jingshen-item4>div {
  2183. margin-bottom: 10px;
  2184. }
  2185. .zizhi img {
  2186. width: 100%;
  2187. }
  2188. .zizhi>div:nth-child(1) {
  2189. height: auto;
  2190. }
  2191. .company-zi>.company-list {
  2192. width: 100%;
  2193. float: left;
  2194. }
  2195. .company-list h6 {
  2196. font-size: 15px;
  2197. }
  2198. .company-list span {
  2199. font-size: 17px;
  2200. }
  2201. .region-button {
  2202. text-align: center;
  2203. width: 90px;
  2204. font-size: 15px;
  2205. color: #ffffff;
  2206. padding: 9px;
  2207. border-radius: 5px;
  2208. background: #1296DB;
  2209. margin-top: 19px;
  2210. }
  2211. .product-title h4 {
  2212. font-size: 20px;
  2213. }
  2214. .product-title p {
  2215. font-size: 15px;
  2216. margin-bottom: 20px;
  2217. }
  2218. #swiper5 {
  2219. height: 554px;
  2220. }
  2221. .str-f-text p,
  2222. .str-f-number p {
  2223. font-size: 12px;
  2224. color: #ffffff;
  2225. margin-bottom: 18px;
  2226. padding-left: 10px;
  2227. }
  2228. .strategic ul>li>img {
  2229. width: 100%;
  2230. }
  2231. .strategic ul>li {
  2232. float: left;
  2233. width: 48.9%;
  2234. margin-right: 7px;
  2235. margin-bottom: 7px;
  2236. }
  2237. .strategic ul>li:nth-child(2n) {
  2238. margin-right: 0;
  2239. }
  2240. .strate-f {
  2241. padding: 29px 0;
  2242. }
  2243. .course-event {
  2244. margin-left: 11px;
  2245. border-left: 1px solid #ebebeb;
  2246. }
  2247. .course-event ul li {
  2248. position: relative;
  2249. padding-bottom: 25px;
  2250. padding-left: 59px;
  2251. font-size: 12px;
  2252. }
  2253. .course-event h3 {
  2254. margin: 0px 0 30px -27px;
  2255. padding: 6px 0;
  2256. width: 55px;
  2257. height: 55px;
  2258. font-weight: 700;
  2259. font-size: 17px;
  2260. line-height: 31px;
  2261. }
  2262. .course-event h3 em {
  2263. font-size: 12px;
  2264. line-height: 6px;
  2265. }
  2266. .fazhang {
  2267. margin-top: 6px;
  2268. }
  2269. .period>div:nth-child(1) {
  2270. width: 170px;
  2271. }
  2272. .period>div {
  2273. width: 169px;
  2274. font-size: 12px;
  2275. padding: 9px 9px;
  2276. margin-right: 0;
  2277. margin-bottom: 8px;
  2278. }
  2279. .news-item>div:nth-child(2) h6 {
  2280. font-size: 19px;
  2281. color: #333333;
  2282. margin: 0;
  2283. }
  2284. #trigger1,
  2285. #trigger2 {
  2286. display: block;
  2287. width: 100%;
  2288. height: 40px;
  2289. border-radius: 5px;
  2290. border: 1px solid #999;
  2291. margin-bottom: 20px;
  2292. text-align: center;
  2293. font-size: 14px;
  2294. line-height: 40px;
  2295. }
  2296. .client-item>div:nth-child(5n) {
  2297. margin-right: 3px;
  2298. }
  2299. .client-item>div:nth-child(2n) {
  2300. margin-right: 0px;
  2301. }
  2302. .client-item>div {
  2303. float: left;
  2304. width: 49.2%;
  2305. height: auto;
  2306. }
  2307. .client-list .shengfen,
  2308. .client-list .quyu {
  2309. display: none;
  2310. }
  2311. .filtrate .quyu {
  2312. padding: 2px 10px;
  2313. height: 203px;
  2314. }
  2315. .filtrate span {
  2316. font-size: 16px;
  2317. width: 100%;
  2318. height: auto;
  2319. text-align: center;
  2320. }
  2321. .filtrate ul li {
  2322. float: left;
  2323. padding: 5px 12px;
  2324. font-size: 13px;
  2325. color: #666666;
  2326. height: 29px;
  2327. border-radius: 5px;
  2328. cursor: pointer;
  2329. margin-left: 3px;
  2330. margin-bottom: 4px;
  2331. }
  2332. .filtrate ul {
  2333. width: 100%;
  2334. }
  2335. .filtrate .shengfen {
  2336. height: 156px;
  2337. }
  2338. #position p {
  2339. font-size: 16px!important;
  2340. }
  2341. .p-dec-d .gialian-con {
  2342. width: 100%;
  2343. margin: 0 auto;
  2344. padding: 0 20px;
  2345. }
  2346. .p-dec-d .shengqing-con {
  2347. width: 100%;
  2348. margin: 0 auto;
  2349. padding: 0 20px;
  2350. }
  2351. .p-dec-d .lingyu-con {
  2352. width: 100%;
  2353. margin: 0 auto;
  2354. padding: 0 20px;
  2355. }
  2356. .p-dec-d .zhengce-con {
  2357. width: 100%;
  2358. margin: 0 auto;
  2359. padding: 0 20px;
  2360. }
  2361. .p-dec-d .chengnuo-con {
  2362. width: 100%;
  2363. margin: 0 auto;
  2364. padding: 0 20px;
  2365. }
  2366. #swiper4 {
  2367. height: 140px;
  2368. }
  2369. .product-list #swiper4>.swiper-wrapper .pd-li {
  2370. height: auto;
  2371. }
  2372. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t span {
  2373. font-size: 39px;
  2374. }
  2375. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t {
  2376. top: -17px;
  2377. }
  2378. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t p {
  2379. opacity: 0;
  2380. }
  2381. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t em {
  2382. font-size: 16px;
  2383. }
  2384. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t {
  2385. top: -11px;
  2386. }
  2387. #swiper4.swiper-container-horizontal>.swiper-pagination-bullets {
  2388. bottom: -5px;
  2389. left: 0;
  2390. width: 100%;
  2391. }
  2392. #swiper4 .swiper-pagination-bullet {
  2393. width: 8px;
  2394. height: 8px;
  2395. display: inline-block;
  2396. border-radius: 200%;
  2397. opacity: 1;
  2398. background: #666666;
  2399. }
  2400. .p-dec-d .p-header {
  2401. height: 175px;
  2402. }
  2403. .p-dec-d .p-header h4 {
  2404. font-size: 26px;
  2405. }
  2406. .p-dec-d .p-button-titile {
  2407. width: 89px;
  2408. padding: 7px 11px;
  2409. font-size: 15px;
  2410. margin-bottom: 20px;
  2411. text-align: center!important;
  2412. }
  2413. .gialian-con>p {
  2414. font-size: 14px;
  2415. }
  2416. .p-dec-d .p-button-titile::after {
  2417. top: -5px;
  2418. left: -5px;
  2419. width: 111%;
  2420. height: 126%;
  2421. }
  2422. .p-dec-d .haochu-ul li {
  2423. font-size: 14px;
  2424. }
  2425. .zhibiao-p {
  2426. font-size: 15px;
  2427. margin: 15px auto;
  2428. }
  2429. .p-dec-d .chengnuo-ul li {
  2430. width: 50%;
  2431. padding: 29px 14px;
  2432. font-size: 12px;
  2433. }
  2434. .p-dec-d .shengqing-ul li {
  2435. font-size: 14px;
  2436. margin-bottom: 9px;
  2437. }
  2438. .p-dec-d .haochu-ul li em {
  2439. width: 20px;
  2440. height: 20px;
  2441. line-height: 20px;
  2442. font-size: 13px;
  2443. border: 1px solid #1296DB;
  2444. }
  2445. .p-dec-d .shengqing-ul li em {
  2446. width: 20px;
  2447. height: 20px;
  2448. line-height: 20px;
  2449. font-size: 13px;
  2450. border: 1px solid #1296DB;
  2451. }
  2452. .about-ofoter .ofoter-item1 .offoter1 {
  2453. margin-bottom: 10px;
  2454. height: auto;
  2455. }
  2456. .p-dec-d .lingyu-ul li {
  2457. padding: 15px 22px;
  2458. border: 1px dashed #1295DB;
  2459. position: relative;
  2460. display: inline-block;
  2461. font-size: 13px;
  2462. color: #666666;
  2463. margin-left: 40px;
  2464. margin-bottom: 24px;
  2465. }
  2466. .p-dec-d .lingyu-ul li em {
  2467. position: absolute;
  2468. top: -17px;
  2469. left: -8px;
  2470. font-size: 19px;
  2471. color: #ffffff;
  2472. }
  2473. .five-angle::before {
  2474. top: -32px;
  2475. left: -8px;
  2476. border-width: 0px 18px 15px;
  2477. }
  2478. .five-angle {
  2479. top: -8px;
  2480. left: -20px;
  2481. width: 35px;
  2482. border-width: 17px 8px 0;
  2483. }
  2484. .p-dec-d .liucheng-ul li {
  2485. width: 129px;
  2486. height: 77px;
  2487. line-height: 81px;
  2488. font-size: 12px;
  2489. margin-right: 27px;
  2490. }
  2491. .p-dec-d .liucheng-ul li::after {
  2492. top: 30px;
  2493. right: -25px;
  2494. border-left: 15px solid #1295DB;
  2495. border-bottom: 7px solid transparent;
  2496. border-top: 7px solid transparent;
  2497. }
  2498. .p-dec-d .zhengce-ul {
  2499. padding-left: 0;
  2500. }
  2501. .p-dec-d .zhengce-ul li p {
  2502. font-size: 13px;
  2503. color: #666666;
  2504. }
  2505. .p-dec-d .zhengce-ul li {
  2506. display: inline-block;
  2507. padding: 17px;
  2508. border: 1px solid #1295DB;
  2509. margin-right: 7px;
  2510. height: 160px;
  2511. margin-bottom: 5px;
  2512. }
  2513. .p-dec-d .zhengce-ul li span {
  2514. font-size: 15px;
  2515. color: #333333;
  2516. margin-bottom: 6px;
  2517. }
  2518. .p-dec-d .zhibiao-dec table {
  2519. font-size: 16px;
  2520. }
  2521. .p-dec-d .gailian,
  2522. .haochu {
  2523. padding: 15px 0px 50px;
  2524. }
  2525. .contact_text {
  2526. padding-left: 0;
  2527. width: 100%;
  2528. }
  2529. .contact_img img {
  2530. margin-left: 0px;
  2531. }
  2532. .contact_img {
  2533. float: left;
  2534. padding-top: 40px;
  2535. width: 100%;
  2536. text-align: center;
  2537. }
  2538. .contact_text ul>li {
  2539. font-size: 16px;
  2540. color: #666666;
  2541. margin-bottom: 20px;
  2542. }
  2543. .jishu-one {
  2544. width: 100%;
  2545. }
  2546. .jishu-one li {
  2547. width: 32.3%;
  2548. height: 143px;
  2549. float: left;
  2550. padding: 15px;
  2551. font-size: 12px;
  2552. }
  2553. .jishu-one li::after,
  2554. .jishu-one li::before {
  2555. display: none;
  2556. }
  2557. .jishu-one li>span:nth-child(1) {
  2558. font-size: 32px;
  2559. margin-bottom: 8px;
  2560. }
  2561. .jishu-one li:nth-child(2) {
  2562. margin: 0 5px;
  2563. }
  2564. .ziyuan-ul {
  2565. width:100%;
  2566. }
  2567. .ziyuan-ul li:nth-child(2) {
  2568. height: auto;
  2569. margin: 0;
  2570. margin-top: 5px;
  2571. width: 100%;
  2572. }
  2573. .ziyuan-ul li {
  2574. width: 100%;
  2575. height: auto;
  2576. padding:6px 0;
  2577. margin-top: 5px;
  2578. }
  2579. .ziyuan-ul li span {
  2580. font-size: 13px;
  2581. margin-bottom: 3px;
  2582. margin-top: 8px;
  2583. }
  2584. .ziyuan-ul li p {
  2585. font-size: 12px;
  2586. }
  2587. .ziyuan-ul li:nth-child(2) p, .ziyuan-ul li:nth-child(2) span {
  2588. font-size: 12px;
  2589. margin-bottom: 8px;
  2590. margin-top: 5px !important;
  2591. }
  2592. .ziyuan-ul li:nth-child(1), .ziyuan-ul li:nth-child(3) {
  2593. margin-top: 5px;
  2594. }
  2595. .secondary-menu.about-kede-secodn ul {
  2596. width: 100%;
  2597. height: 70px;
  2598. text-align: center;
  2599. line-height: 33px;
  2600. border-radius: 5px;
  2601. background: #ffffff;
  2602. box-shadow: 4px 3px 8px #c8c8c8;
  2603. }
  2604. .detail-title h6 {
  2605. font-size: 20px;
  2606. }
  2607. .detail-title span {
  2608. font-size: 14px;
  2609. }
  2610. .news-detail {
  2611. padding: 10px;
  2612. }
  2613. .detail-content img {
  2614. display: block;
  2615. margin: 0;
  2616. width: 100%;
  2617. }
  2618. .wow{display: none;}
  2619. #swiper51{display: block;}
  2620. #swiper51 .item{
  2621. width: 100%;
  2622. }
  2623. #swiper51 .item h3{
  2624. height: 44px;
  2625. line-height: 44px;
  2626. margin: 0;
  2627. font-size: 20px;
  2628. font-weight: 400;
  2629. color: #ffffff;
  2630. text-align: center;
  2631. background: #c39857;
  2632. }
  2633. #swiper51 .item .desc{
  2634. line-height: 24px;
  2635. padding: 0 15px 0;
  2636. font-size: 14px;
  2637. color: #929292;
  2638. }
  2639. .p-secod-menu ul {
  2640. width: 100%;
  2641. height: 97px;
  2642. text-align: center;
  2643. line-height: 27px;
  2644. }
  2645. .p-secod-menu.p-secod-menu.chaoduohang ul li a {
  2646. color: #999999;
  2647. cursor: pointer;
  2648. font-size: 14px;
  2649. display: inline-block;
  2650. width: 98%;
  2651. white-space: nowrap;
  2652. text-overflow: ellipsis;
  2653. overflow: hidden;
  2654. }
  2655. .p-secod-menu.chaoduohang ul li {
  2656. width: 50%;
  2657. margin-right: 0;
  2658. }
  2659. .p-secod-menu.chaoduohang ul {
  2660. height: 560px;
  2661. line-height: 1.6;
  2662. }
  2663. .pingtai-l>div {
  2664. width: 76px;
  2665. height: 157px;
  2666. border-radius: 200%;
  2667. background: #E5F3FB;
  2668. float: left;
  2669. margin-right: 6px;
  2670. text-align: center;
  2671. padding: 15px;
  2672. padding-top: 43px;
  2673. font-size: 12px;
  2674. position: relative;
  2675. }
  2676. .pingtai-l {
  2677. width: 100%;
  2678. margin: 0 auto;
  2679. }
  2680. ul.junmingstyle.product-a li {
  2681. height: 30px!important;
  2682. }
  2683. ul.junmingstyle.product-a {
  2684. height: 191px!important;
  2685. }
  2686. .p-dec-d {
  2687. margin-top: -2px;
  2688. }
  2689. .p-secod-menu ul li {
  2690. margin-right: 17px;
  2691. margin-bottom: 5px;
  2692. }
  2693. .p-secod-menu ul {
  2694. height: 104px;
  2695. line-height: 26px;
  2696. padding: 3px;
  2697. }
  2698. ul.gaoxinstyle.product-a li>a {
  2699. font-size: 13px!important;
  2700. }
  2701. ul.gaoxinstyle.product-a li {
  2702. margin-right: 12px;
  2703. }
  2704. ul.caishuistyle{
  2705. height: 104px!important;
  2706. }
  2707. ul.caishuistyle li{
  2708. margin-right: 17px!important;
  2709. }
  2710. ul.caishuistyle li>a{
  2711. font-size: 14px!important;
  2712. }
  2713. .p-secod-menu.duohang ul {
  2714. height: 260px;
  2715. line-height: 1.2;
  2716. padding: 10px;
  2717. }
  2718. }
  2719. @media screen and (max-width: 360px) {
  2720. .jishu-one li {
  2721. width: 32%;
  2722. height: 143px;
  2723. float: left;
  2724. padding: 15px;
  2725. font-size: 12px;
  2726. }
  2727. }