pscroll.css 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764
  1. .owl-carousel .owl-wrapper:after {
  2. content: ".";
  3. display: block;
  4. clear: both;
  5. visibility: hidden;
  6. line-height: 0;
  7. height: 0;
  8. }
  9. /* display none until init*/
  10. .owl-carousel {
  11. display: none;
  12. position: relative;
  13. width: 100%;
  14. -ms-touch-action: pan-y;
  15. }
  16. .owl-carousel .owl-wrapper {
  17. display: none;
  18. position: relative;
  19. -webkit-transform: translate3d(0px, 0px, 0px);
  20. }
  21. .owl-carousel .owl-wrapper-outer {
  22. overflow: hidden;
  23. position: relative;
  24. width: 100%;
  25. }
  26. .owl-carousel .owl-wrapper-outer.autoHeight {
  27. -webkit-transition: height 500ms ease-in-out;
  28. -moz-transition: height 500ms ease-in-out;
  29. -ms-transition: height 500ms ease-in-out;
  30. -o-transition: height 500ms ease-in-out;
  31. transition: height 500ms ease-in-out;
  32. }
  33. .owl-carousel .owl-item {
  34. float: left;
  35. }
  36. .owl-controls .owl-page, .owl-controls .owl-buttons div {
  37. cursor: pointer;
  38. }
  39. .owl-controls {
  40. -webkit-user-select: none;
  41. -khtml-user-select: none;
  42. -moz-user-select: none;
  43. -ms-user-select: none;
  44. user-select: none;
  45. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  46. }
  47. /* mouse grab icon*/
  48. .grabbing {
  49. cursor: url(../images/grabbing.png) 8 8, move;
  50. }
  51. /* fix*/
  52. .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  53. -webkit-backface-visibility: hidden;
  54. -moz-backface-visibility: hidden;
  55. -ms-backface-visibility: hidden;
  56. -webkit-transform: translate3d(0, 0, 0);
  57. -moz-transform: translate3d(0, 0, 0);
  58. -ms-transform: translate3d(0, 0, 0);
  59. }
  60. .owl-theme .owl-controls {/*margin-bottom:20px;*/
  61. text-align: center;
  62. }
  63. /* Styling Next and Prev buttons*/
  64. .owl-theme .owl-controls .owl-buttons div {
  65. color: #FFF;
  66. display: inline-block;
  67. zoom: 1;
  68. *display: inline;
  69. width: 38px;
  70. height: 74px;/*IE7 life-saver*/
  71. text-indent: 40px;
  72. margin-top: -16%;
  73. z-index: 9;
  74. position: relative;
  75. overflow: hidden;
  76. -webkit-transition: all 0.3s ease-out 0s;
  77. -moz-transition: all 0.3s ease-out 0s;
  78. -o-transition: all 0.3s ease-out 0s;
  79. transition: all 0.3s ease-out 0s;
  80. }
  81. .owl-theme .owl-controls .owl-buttons div.owl-prev {
  82. background: url(../images/i_pro_left.png) no-repeat;
  83. float: left;
  84. }
  85. .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
  86. background: url(../images/i_pro_left_on.png) no-repeat;
  87. }
  88. .owl-theme .owl-controls .owl-buttons div.owl-next {
  89. background: url(../images/i_pro_right.png) no-repeat;
  90. float: right;
  91. }
  92. .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
  93. background: url(../images/i_pro_right_on.png) no-repeat;
  94. }
  95. /* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
  96. .owl-theme .owl-controls.clickable .owl-buttons div:hover {
  97. filter: Alpha(Opacity=100);/*IE7 fix*/
  98. opacity: 1;
  99. text-decoration: none;
  100. }
  101. /* Styling Pagination*/
  102. .owl-theme .owl-controls .owl-page {
  103. display: inline-block;
  104. zoom: 1;
  105. *display: inline;/*IE7 life-saver*/
  106. display: none;
  107. }
  108. .owl-theme .owl-controls .owl-page span {
  109. display: block;
  110. width: 10px;
  111. height: 10px;
  112. margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
  113. -webkit-border-radius: 50%;
  114. -moz-border-radius: 50%;
  115. border-radius: 50%;
  116. background: #ccc;
  117. }
  118. .owl-theme .owl-controls .owl-page.active span {
  119. background: #4cb6ed;
  120. }
  121. /* If PaginationNumbers is true
  122. .owl-theme .owl-controls.clickable .owl-page:hover span*/
  123. .owl-theme .owl-controls .owl-page span.owl-numbers {
  124. height: auto;
  125. width: auto;
  126. color: #FFF;
  127. padding: 2px 10px;
  128. font-size: 12px;
  129. -webkit-border-radius: 30px;
  130. -moz-border-radius: 30px;
  131. border-radius: 30px;
  132. }
  133. /* preloading images*/
  134. .owl-item.loading {
  135. min-height: 150px;
  136. background: url(../images/ajaxloader.gif) no-repeat center center
  137. }
  138. /*首页手机轮显*/
  139. .flash_div {
  140. display: none;
  141. }
  142. #owl-flash {
  143. text-align: center;
  144. }
  145. #owl-flash.owl-theme .owl-controls {
  146. bottom: 0px;
  147. text-align: center;
  148. position: absolute;
  149. width: 100%;
  150. }
  151. #owl-flash.owl-theme .owl-controls .owl-pagination {
  152. }
  153. /* Styling Pagination*/
  154. #owl-flash.owl-theme .owl-controls .owl-page {
  155. display: inline-block;
  156. zoom: 1;
  157. *display: inline;/*IE7 life-saver*/
  158. }
  159. #owl-flash.owl-theme .owl-controls .owl-page span {
  160. display: block;
  161. width: 10px;
  162. height: 10px;
  163. margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
  164. -webkit-border-radius: 20px;
  165. -moz-border-radius: 20px;
  166. border-radius: 50%;
  167. background: #b3b3b3;
  168. }
  169. #owl-flash.owl-theme .owl-controls .owl-page.active span {
  170. background: #00a1e9;
  171. }
  172. #owl-flash.owl-theme .owl-controls .owl-buttons {
  173. position: absolute;
  174. top: 30%;
  175. width: 100%;
  176. left: 0;
  177. height: 0;
  178. display: none;
  179. }
  180. #owl-flash.owl-theme .owl-controls .owl-page {
  181. display: inline-block;
  182. }
  183. #owl-flash .item {
  184. margin: 0px;
  185. }
  186. #owl-flash .item img {
  187. display: block;
  188. width: 100%;
  189. height: 100%;
  190. }
  191. #owl-flash .item dd {
  192. width: 100%;
  193. }
  194. /*首页工程实例*/
  195. #owl-demo3 {
  196. text-align: center;
  197. }
  198. #owl-demo3.owl-theme .owl-pagination {
  199. display: none;
  200. }
  201. #owl-demo3.owl-theme .owl-controls {
  202. padding-top: 0%;
  203. }
  204. #owl-demo3.owl-theme .owl-controls .owl-buttons {
  205. position: absolute;
  206. top: 47%;
  207. width: 100%;
  208. left: 0;
  209. height: 0;
  210. }
  211. #owl-demo3.owl-theme .owl-controls .owl-buttons div {
  212. color: #FFF;
  213. display: inline-block;
  214. zoom: 1;
  215. *display: inline;
  216. width: 19px;
  217. height: 33px;/*IE7 life-saver*/
  218. text-indent: 60px;
  219. overflow: hidden;
  220. -webkit-transition: all 0.3s ease-out 0s;
  221. -moz-transition: all 0.3s ease-out 0s;
  222. -o-transition: all 0.3s ease-out 0s;
  223. transition: all 0.3s ease-out 0s;
  224. margin-top: 0;
  225. }
  226. #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev {
  227. background: url(../images/i_left2.png) center center no-repeat;
  228. float: left;
  229. margin-left: -30px;
  230. }
  231. #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
  232. filter: Alpha(Opacity=80);
  233. opacity: 0.8;
  234. transition: all 0.3s;
  235. }
  236. #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next {
  237. background: url(../images/i_right2.png) center center no-repeat;
  238. float: right;
  239. margin-right: -30px;
  240. }
  241. #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
  242. filter: Alpha(Opacity=80);
  243. opacity: 0.8;
  244. transition: all 0.3s;
  245. }
  246. #owl-demo3.owl-theme .owl-controls .owl-page {
  247. display: inline-block;
  248. }
  249. #owl-demo3 .item {
  250. margin: 0px 3%;
  251. text-align: center;
  252. }
  253. #owl-demo3 .item img {
  254. display: block;
  255. width: 100%;
  256. height: 100%;
  257. -webkit-transition: all 1s ease-in-out;
  258. -moz-transition: all 1s ease-in-out;
  259. -ms-transition: all 1s ease-in-out;
  260. -o-transition: all 1s ease-in-out;
  261. transition: all 1s ease-in-out;
  262. }
  263. #owl-demo3 .item dd {
  264. width: 100%;
  265. margin: 0 auto;
  266. position: relative;
  267. overflow: hidden;
  268. }
  269. #owl-demo3 .item dd .imgs {
  270. overflow: hidden;
  271. width: 100%;
  272. }
  273. #owl-demo3 .item dd .imgs img {
  274. display: block;
  275. width: 100%;
  276. -webkit-transform: scale(1);
  277. -moz-transform: scale(1);
  278. -ms-transform: scale(1);
  279. -o-transform: scale(1);
  280. transform: scale(1);
  281. -webkit-transition: all 0.3s ease-out 0s;
  282. -moz-transition: all 0.3s ease-out 0s;
  283. -o-transition: all 0.3s ease-out 0s;
  284. transition: all 0.3s ease-out 0s;
  285. }
  286. #owl-demo3 .item dd .txts {
  287. overflow: hidden;
  288. background-color: #fff;
  289. transition: all 0.3s;
  290. padding-bottom: 25px;
  291. padding-top: 25px;
  292. padding-left: 26px;
  293. padding-right: 2%;
  294. text-align: left;
  295. }
  296. #owl-demo3 .item dd .txts h2 {
  297. height: 36px;
  298. line-height: 36px;
  299. overflow: hidden;
  300. font-weight: normal;
  301. color: #333;
  302. }
  303. #owl-demo3 .item dd .txts .p {
  304. font-size: 14px;
  305. color: #aaaaaa;
  306. line-height: 20px;
  307. height: 20px;
  308. overflow: hidden;
  309. }
  310. #owl-demo3 .item dd:hover .imgs img {
  311. -webkit-transform: scale(1.1, 1.1);
  312. -moz-transform: scale(1.1, 1.1);
  313. -o-transform: scale(1.1, 1.1);
  314. -ms-transform: scale(1.1, 1.1);
  315. transform: scale(1.1, 1.1);
  316. }
  317. #owl-demo3 .item dd:hover .txts h2 {
  318. color: #014ee7;
  319. }
  320. #owl-demo3 .item dd .desc {
  321. display: none;
  322. }
  323. /*旧产品详细*/
  324. #owl-demo2 {
  325. text-align: center;
  326. }
  327. #owl-demo2.owl-theme .owl-controls {
  328. bottom: 5px;
  329. text-align: center;
  330. position: absolute;
  331. width: 100%;
  332. }
  333. #owl-demo2.owl-theme .owl-controls .owl-pagination {
  334. text-align: right;
  335. padding-right: 2%;
  336. display: none;
  337. }
  338. /* Styling Pagination*/
  339. #owl-demo2.owl-theme .owl-controls .owl-page {
  340. display: inline-block;
  341. zoom: 1;
  342. *display: inline;/*IE7 life-saver*/
  343. }
  344. #owl-demo2.owl-theme .owl-controls .owl-page span {
  345. display: block;
  346. width: 10px;
  347. height: 10px;
  348. margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
  349. -webkit-border-radius: 20px;
  350. -moz-border-radius: 20px;
  351. border-radius: 50%;
  352. background: #ffffff;
  353. }
  354. #owl-demo2.owl-theme .owl-controls .owl-page.active span {
  355. background: #ec2029;
  356. }
  357. #owl-demo2.owl-theme .owl-controls .owl-buttons {
  358. position: absolute;
  359. top: 30%;
  360. width: 100%;
  361. left: 0;
  362. height: 0;
  363. display: none;
  364. }
  365. #owl-demo2.owl-theme .owl-controls .owl-page {
  366. display: inline-block;
  367. }
  368. #owl-demo2 .item {
  369. margin: 0px;
  370. }
  371. #owl-demo2 .item img {
  372. display: block;
  373. width: 100%;
  374. -webkit-transform: scale(1);
  375. -moz-transform: scale(1);
  376. -ms-transform: scale(1);
  377. -o-transform: scale(1);
  378. transform: scale(1);
  379. -webkit-transition: all 0.3s ease-out 0s;
  380. -moz-transition: all 0.3s ease-out 0s;
  381. -o-transition: all 0.3s ease-out 0s;
  382. transition: all 0.3s ease-out 0s;
  383. }
  384. #owl-demo2 .item dd {
  385. width: 80%;
  386. margin: 0 auto;
  387. text-align: center;
  388. }
  389. #owl-demo2 .item dd .imgs {
  390. margin: 0 auto;
  391. overflow: hidden;
  392. -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  393. box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  394. -webkit-transform: translate3d(0, -2px, 0);
  395. transform: translate3d(0, -2px, 0);
  396. margin-bottom: 5%;
  397. }
  398. #owl-demo2 .item dd:hover .imgs img {
  399. -webkit-transform: scale(1.1, 1.1);
  400. -moz-transform: scale(1.1, 1.1);
  401. -o-transform: scale(1.1, 1.1);
  402. -ms-transform: scale(1.1, 1.1);
  403. transform: scale(1.1, 1.1);
  404. }
  405. #owl-demo2 .item dd h2 {
  406. font-weight: normal;
  407. color: #1d1d1d;
  408. margin: 0 auto;
  409. max-width: 450px;
  410. margin-bottom: 2%;
  411. }
  412. #owl-demo2 .item dd p {
  413. color: #444;
  414. line-height: 24px;
  415. margin: 0 auto;
  416. max-width: 450px;
  417. }
  418. #owl-demo2 .item dd:hover h2 {
  419. color: #1d96d2;
  420. }
  421. /*机器人产品详细3*/
  422. #owl-demo4.owl-carousel .owl-wrapper-outer {
  423. overflow: visible;
  424. }
  425. #owl-demo4 {
  426. text-align: center;
  427. margin-top: 10%;
  428. }
  429. #owl-demo4.owl-theme .owl-controls {
  430. bottom: 5px;
  431. text-align: center;
  432. position: absolute;
  433. width: 100%;
  434. }
  435. #owl-demo4.owl-theme .owl-controls .owl-pagination {
  436. text-align: right;
  437. padding-right: 2%;
  438. display: none;
  439. }
  440. /* Styling Pagination*/
  441. #owl-demo4.owl-theme .owl-controls .owl-page {
  442. display: inline-block;
  443. zoom: 1;
  444. *display: inline;/*IE7 life-saver*/
  445. }
  446. #owl-demo4.owl-theme .owl-controls .owl-page span {
  447. display: block;
  448. width: 10px;
  449. height: 10px;
  450. margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
  451. -webkit-border-radius: 20px;
  452. -moz-border-radius: 20px;
  453. border-radius: 50%;
  454. background: #ffffff;
  455. }
  456. #owl-demo4.owl-theme .owl-controls .owl-page.active span {
  457. background: #ec2029;
  458. }
  459. #owl-demo4.owl-theme .owl-controls .owl-buttons {
  460. position: absolute;
  461. top: 30%;
  462. width: 100%;
  463. left: 0;
  464. height: 0;
  465. display: none;
  466. }
  467. #owl-demo4.owl-theme .owl-controls .owl-page {
  468. display: inline-block;
  469. }
  470. #owl-demo4 .item {
  471. margin: 0px;
  472. }
  473. #owl-demo4 .item img {
  474. display: block;
  475. width: 100%;
  476. max-width: 100px;
  477. -webkit-transform: scale(1);
  478. -moz-transform: scale(1);
  479. -ms-transform: scale(1);
  480. -o-transform: scale(1);
  481. transform: scale(1);
  482. -webkit-transition: all 0.3s ease-out 0s;
  483. -moz-transition: all 0.3s ease-out 0s;
  484. -o-transition: all 0.3s ease-out 0s;
  485. transition: all 0.3s ease-out 0s;
  486. }
  487. #owl-demo4 .item dd {
  488. width: 80%;
  489. margin: 0 auto;
  490. text-align: center;
  491. }
  492. #owl-demo4 .item dd .imgs {
  493. margin: 0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/
  494. -webkit-transform: translate3d(0, -2px, 0);
  495. transform: translate3d(0, -2px, 0);
  496. margin-bottom: 7%;
  497. }
  498. #owl-demo4 .item dd:hover .imgs img {
  499. -webkit-transform: scale(1.1, 1.1);
  500. -moz-transform: scale(1.1, 1.1);
  501. -o-transform: scale(1.1, 1.1);
  502. -ms-transform: scale(1.1, 1.1);
  503. transform: scale(1.1, 1.1);
  504. }
  505. #owl-demo4 .item dd h2 {
  506. font-weight: normal;
  507. color: #fff;
  508. max-width: 212px;
  509. line-height: 26px;
  510. margin: 0 auto;
  511. margin-bottom: 1%;
  512. font-size: 16px;
  513. }
  514. #owl-demo4 .item dd p {
  515. color: #fff;
  516. line-height: 24px;
  517. margin: 0 auto;
  518. font-size: 16px;
  519. }
  520. #owl-demo4 .item dd:hover h2 {
  521. color: #fff;
  522. }
  523. #owl-demo5.owl-carousel .owl-wrapper-outer {
  524. overflow: visible;
  525. }
  526. #owl-demo5 {
  527. text-align: center;
  528. margin-top: 10%;
  529. }
  530. #owl-demo5.owl-theme .owl-controls {
  531. bottom: 5px;
  532. text-align: center;
  533. position: absolute;
  534. width: 100%;
  535. }
  536. #owl-demo5.owl-theme .owl-controls .owl-pagination {
  537. text-align: right;
  538. padding-right: 2%;
  539. display: none;
  540. }
  541. /* Styling Pagination*/
  542. #owl-demo5.owl-theme .owl-controls .owl-page {
  543. display: inline-block;
  544. zoom: 1;
  545. *display: inline;/*IE7 life-saver*/
  546. }
  547. #owl-demo5.owl-theme .owl-controls .owl-page span {
  548. display: block;
  549. width: 10px;
  550. height: 10px;
  551. margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
  552. -webkit-border-radius: 20px;
  553. -moz-border-radius: 20px;
  554. border-radius: 50%;
  555. background: #ffffff;
  556. }
  557. #owl-demo5.owl-theme .owl-controls .owl-page.active span {
  558. background: #ec2029;
  559. }
  560. #owl-demo5.owl-theme .owl-controls .owl-buttons {
  561. position: absolute;
  562. top: 30%;
  563. width: 100%;
  564. left: 0;
  565. height: 0;
  566. display: none;
  567. }
  568. #owl-demo5.owl-theme .owl-controls .owl-page {
  569. display: inline-block;
  570. }
  571. #owl-demo5 .item {
  572. margin: 0px;
  573. }
  574. #owl-demo5 .item img {
  575. display: block;
  576. width: 100%;
  577. max-width: 119px;
  578. -webkit-transform: scale(1);
  579. -moz-transform: scale(1);
  580. -ms-transform: scale(1);
  581. -o-transform: scale(1);
  582. transform: scale(1);
  583. -webkit-transition: all 0.3s ease-out 0s;
  584. -moz-transition: all 0.3s ease-out 0s;
  585. -o-transition: all 0.3s ease-out 0s;
  586. transition: all 0.3s ease-out 0s;
  587. }
  588. #owl-demo5 .item dd {
  589. width: 80%;
  590. margin: 0 auto;
  591. text-align: center;
  592. }
  593. #owl-demo5 .item dd:first-child {
  594. margin-bottom: 14%;
  595. }
  596. #owl-demo5 .item dd .imgs {
  597. margin: 0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/
  598. -webkit-transform: translate3d(0, -2px, 0);
  599. transform: translate3d(0, -2px, 0);
  600. margin-bottom: 7%;
  601. }
  602. #owl-demo5 .item dd:hover .imgs img {
  603. -webkit-transform: scale(1.1, 1.1);
  604. -moz-transform: scale(1.1, 1.1);
  605. -o-transform: scale(1.1, 1.1);
  606. -ms-transform: scale(1.1, 1.1);
  607. transform: scale(1.1, 1.1);
  608. }
  609. #owl-demo5 .item dd h2 {
  610. font-weight: normal;
  611. color: #fff;
  612. max-width: 212px;
  613. line-height: 26px;
  614. margin: 0 auto;
  615. margin-bottom: 1%;
  616. font-size: 16px;
  617. }
  618. #owl-demo5 .item dd p {
  619. color: #fff;
  620. line-height: 24px;
  621. margin: 0 auto;
  622. font-size: 16px;
  623. }
  624. #owl-demo5 .item dd:hover h2 {
  625. color: #fff;
  626. }
  627. /*柜台轻产品详细*/
  628. #owl-demo6 {
  629. text-align: center;
  630. }
  631. #owl-demo6.owl-theme .owl-controls {
  632. bottom: 5px;
  633. text-align: center;
  634. position: absolute;
  635. width: 100%;
  636. }
  637. #owl-demo6.owl-theme .owl-controls .owl-pagination {
  638. text-align: right;
  639. padding-right: 2%;
  640. display: none;
  641. }
  642. /* Styling Pagination*/
  643. #owl-demo6.owl-theme .owl-controls .owl-page {
  644. display: inline-block;
  645. zoom: 1;
  646. *display: inline;/*IE7 life-saver*/
  647. }
  648. #owl-demo6.owl-theme .owl-controls .owl-page span {
  649. display: block;
  650. width: 10px;
  651. height: 10px;
  652. margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
  653. -webkit-border-radius: 20px;
  654. -moz-border-radius: 20px;
  655. border-radius: 50%;
  656. background: #ffffff;
  657. }
  658. #owl-demo6.owl-theme .owl-controls .owl-page.active span {
  659. background: #ec2029;
  660. }
  661. #owl-demo6.owl-theme .owl-controls .owl-buttons {
  662. position: absolute;
  663. top: 30%;
  664. width: 100%;
  665. left: 0;
  666. height: 0;
  667. display: none;
  668. }
  669. #owl-demo6.owl-theme .owl-controls .owl-page {
  670. display: inline-block;
  671. }
  672. #owl-demo6 .item {
  673. margin: 0px;
  674. }
  675. #owl-demo6 .item img {
  676. display: block;
  677. width: 100%;
  678. -webkit-transform: scale(1);
  679. -moz-transform: scale(1);
  680. -ms-transform: scale(1);
  681. -o-transform: scale(1);
  682. transform: scale(1);
  683. -webkit-transition: all 0.3s ease-out 0s;
  684. -moz-transition: all 0.3s ease-out 0s;
  685. -o-transition: all 0.3s ease-out 0s;
  686. transition: all 0.3s ease-out 0s;
  687. }
  688. #owl-demo6 .item dd {
  689. width: 90%;
  690. margin: 0 auto;
  691. text-align: center;
  692. }
  693. #owl-demo6 .item dd .imgs {
  694. margin: 0 auto;
  695. overflow: hidden;
  696. margin-bottom: 5%;
  697. }
  698. #owl-demo6 .item dd:hover .imgs img {
  699. -webkit-transform: scale(1.1, 1.1);
  700. -moz-transform: scale(1.1, 1.1);
  701. -o-transform: scale(1.1, 1.1);
  702. -ms-transform: scale(1.1, 1.1);
  703. transform: scale(1.1, 1.1);
  704. }
  705. #owl-demo6 .item dd h2 {
  706. font-weight: normal;
  707. color: #1d1d1d;
  708. margin: 0 auto;
  709. max-width: 450px;
  710. margin-bottom: 2%;
  711. }
  712. #owl-demo6 .item dd p {
  713. color: #444;
  714. line-height: 24px;
  715. margin: 0 auto;
  716. max-width: 450px;
  717. }
  718. #owl-demo6 .item dd:hover h2 {
  719. color: #1d96d2;
  720. }
  721. @media screen and (max-width:1440px) {
  722. /*首页工程实例*/
  723. #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev {
  724. margin-left: -15px;
  725. }
  726. #owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next {
  727. margin-right: -15px;
  728. }
  729. }
  730. @media screen and (max-width:1100px) {
  731. /*首页工程实例*/
  732. #owl-demo3 .item dd .txts .p {
  733. font-size: 13px;
  734. }
  735. }
  736. @media screen and (max-width:979px) {
  737. }
  738. @media screen and (max-width:890px) {
  739. }
  740. @media screen and (max-width:830px) {
  741. }
  742. @media screen and (max-width:780px) {
  743. }
  744. @media screen and (max-width:640px) {
  745. /*产品详细3*/
  746. #owl-demo4 .item dd h2 {
  747. line-height: 22px;
  748. font-size: 14px;
  749. }
  750. }
  751. @media screen and (max-width:480px) {
  752. /*首页工程实例*/
  753. #owl-demo3 .item dd .imgs h2 {
  754. height: 42px;
  755. line-height: 42px;
  756. font-size: 14px;
  757. }
  758. #owl-demo3 .item dd .txts h2 {
  759. font-size: 14px;
  760. }
  761. }
  762. @media screen and (max-width:360px) {
  763. }