brandBuild.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .continueHighBanner img{
  2. width: 100%;
  3. }
  4. .brandTop{
  5. margin-top: 130px;
  6. margin-bottom: 120px;
  7. }
  8. .brandTitle{
  9. width:1200px;
  10. margin: 0 auto;
  11. text-align: center
  12. }
  13. .brandTitle h2{
  14. font-size: 36px;
  15. color: #333333;
  16. font-weight: normal;
  17. }
  18. .brandTitle span{
  19. font-size: 20px;
  20. display: inline-block;
  21. color: #333;
  22. margin-top: 5px;
  23. margin-bottom: 32px;
  24. }
  25. .brandTop .brandTitle p{
  26. font-size: 18px;
  27. color: #666666;
  28. margin-bottom: 12px;
  29. }
  30. .brandBuess{
  31. width: 1200px;
  32. margin: 0 auto;
  33. text-align: center;
  34. }
  35. .brandBuess .brandImg2{
  36. margin-top: 120px;
  37. margin-bottom: 120px;
  38. }
  39. .advantage{
  40. width: 100%;
  41. background: #a8c9dd;
  42. margin-bottom: 110px;
  43. }
  44. .advantage .advantageBody{
  45. padding: 60px 0;
  46. width: 1200px;
  47. margin: 0 auto;
  48. display: flex;
  49. overflow: hidden;
  50. display:-webkit-flex;
  51. justify-content: space-around;
  52. }
  53. .advantage .advantageBody div{
  54. width: 208px;
  55. height: 208px;
  56. text-align: center;
  57. background: #fff;
  58. color: #666666;
  59. font-size: 26px;
  60. padding-top: 70px;
  61. }
  62. .brandCase {
  63. width: 1200px;
  64. margin: 70px auto 100px;
  65. display: flex;
  66. display: -webkit-flex;
  67. justify-content: space-between;
  68. }
  69. @media screen and (max-width:1200px){
  70. .advantage,.continueHighBanner{
  71. width: 1200px;
  72. }
  73. }