secode.css 54 KB

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