main.css 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @charset "utf-8";
  2. /*#visual{height:220px;}
  3. #visual img{width:auto;height:100%;}*/
  4. .swiper-slide{
  5. text-align: center;
  6. /* Center slide text vertically */
  7. display: -webkit-box;
  8. display: -ms-flexbox;
  9. display: -webkit-flex;
  10. display: flex;
  11. -webkit-box-pack: center;
  12. -ms-flex-pack: center;
  13. -webkit-justify-content: center;
  14. justify-content: center;
  15. -webkit-box-align: center;
  16. -ms-flex-align: center;
  17. -webkit-align-items: center;
  18. align-items: center;
  19. }
  20. .swiper-container-horizontal>.swiper-pagination-bullets,
  21. .swiper-pagination-custom,
  22. .swiper-pagination-fraction{bottom:12px;}
  23. .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
  24. .swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:.3;}
  25. .swiper-pagination-bullet-active{width:6px;height:6px;opacity:1;}
  26. .main_con1{padding:33px 20px;background:#f5f5f5;}
  27. .main_con1 ul{overflow:hidden;}
  28. .main_con1 ul li{float:left;padding-top:63px;width:33.3%;background-size:49px;background-position:50% 0;background-repeat:no-repeat;font-size:12px;line-height:17px;color:#000;text-align:center;}
  29. .main_con1 ul li a{display:block;}
  30. .main_con1 ul li:first-child{background-image:url('/m/img/ic_time.png');}
  31. .main_con1 ul li:nth-child(2){background-image:url('/m/img/ic_money.png');border-left:1px solid #ccc;border-right:1px solid #ccc;}
  32. .main_con1 ul li:nth-child(3){background-image:url('/m/img/ic_car.png');}
  33. .main_con2{height:363px;background:url('/m/img/bg_main_con2.jpg') no-repeat;background-size:100%;color:#fff;}
  34. .main_con2 dt{padding:100px 0 0 20px;text-shadow:0 0 5px rgba(0,0,0,.3);font-weight:800;font-size:25px;line-height:33px;}
  35. .main_con2 dt em{font-weight:400;}
  36. .main_con2 dd.txt{margin-top:55px;padding-left:20px;font-size:15px;line-height:22px;}
  37. .main_con2 dd.btn{padding:25px 0 0 20px;}
  38. .main_con2 dd.btn a{display:inline-block;width:90px;height:27px;border:1px solid #fff;font-size:9px;line-height:23px;color:#fff;}
  39. .main_con2 dd.btn a:first-child{padding-left:27px;background:url('/img/ic_google.png') 13px 7px no-repeat;background-size:10px;}
  40. .main_con2 dd.btn a:nth-child(2){margin-left:9px;padding-left:31px;background:url('/img/ic_apple.png') 16px 5px no-repeat;background-size:11px;}
  41. .main_con3{padding:33px 20px 0;}
  42. .main_con3 h2{font-size:24px;text-align:center;color:#000;}
  43. .main_con3 .date{margin-top:17px;font:600 15px 'Century Gothic',sans-serif;text-align:center;color:#6b6b6b;}
  44. .main_con3 .date:before{content:'';display:block;margin:0 auto 10px;width:40px;height:1px;background:#6b6b6b;}
  45. .main_con3 .num_estimate{overflow:hidden;margin-top:20px;}
  46. .main_con3 .num_estimate li{float:left;padding-top:70px;width:50%;background:url('/m/img/ic_chart.png') 50% 25px no-repeat;background-size:47px;border-top:1px solid #919191;font-size:12px;color:#303030;text-align:center;}
  47. .main_con3 .num_estimate li:first-child{padding:0 0 20px;width:100%;background:none;border:none;font-size:17px;}
  48. .main_con3 .num_estimate li em{display:block;margin-bottom:5px;font:600 30px 'Century Gothic',sans-serif;color:#666;}
  49. .main_con3 .num_estimate li:first-child em{margin-bottom:10px;color:#000;}
  50. .main_con3 .num_estimate li:nth-child(2){border-right:1px solid #919191;}