propertyRight.css 6.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .container{width:1200px;}
  2. .container h4{font-size: 24px;color: #2a6597;font-weight: normal;margin-bottom: 22px;margin-top: -30px;}
  3. .propery_main .propery_list,.propery_imgs,.propery_welfare{float: left;}
  4. .propery_list {width: 170px;margin-right: 20px;}
  5. .propery_list ol li{width: 150px;background: #FFFFFF;margin-bottom: 40px;height: 80px;line-height: 80px;text-align: center;font-size: 20px;border: 1px solid #cccccc;}
  6. .propery_list ol li.that{background: linear-gradient(#2d83ce ,#5bb1fa);color: #ffffff;box-shadow: 0 0 20px #0C79FF;border: 1px solid transparent;}
  7. .propery_imgs{width: 710px;position: relative;height: 300px;}
  8. .propery_header{margin-bottom: 90px;margin-top: 44px;}
  9. .propery_header h5{font-size: 24px;color: #2a6597;margin-top: 44px;margin-bottom: 40px;}
  10. .carousesmall{ position:relative;width:100%;margin: 0 auto; overflow: hidden;}
  11. .ct_img_big{ position:absolute;top: -30px; }
  12. .ct_img_big li{ float: left; height:150px;width:200px;}
  13. .ct_img_big li img:nth-child(2){margin-top:-50px;}
  14. .btn{ position: absolute; }
  15. .btn_pre1{top:72px;left:200px;width:40px;}
  16. .btn_next1{top:72px;right:200px;width:40px;}
  17. .btn_div{width:1200px;height:210px;margin: 0 auto;position: relative;}
  18. .btn_div>div{height:160px;position: absolute;}
  19. .btn_div>a{padding: 0;}
  20. .btn_div>a>img{width:100%;}
  21. .leftdiv{background-image:linear-gradient(90deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
  22. .rightdiv{background-image:linear-gradient(270deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
  23. .propery_list ol li:hover{background: linear-gradient(#2d83ce,#5bb1fa);color: #ffffff;box-shadow: 0 0 20px #0C79FF;border: 1px solid transparent;cursor: pointer;}
  24. .propery_imgs ul li img{width: 710px;height: 238px;margin-bottom: 28px;}
  25. .propery_imgs ul li{position: absolute;top: 0 ;left: 0;}
  26. .propery_imgs ul li p{font-size: 14px;color: #393838;line-height: 24px;}
  27. .propery_welfare{width: 236px;height: 260px;}
  28. .welfare_href{clear: both;width: 340px;margin: 0px auto ;padding-top: 25px;}
  29. .welfare_href a{width: 150px;height: 42px;background: #ffb200;color: #FFFFFF;font-size: 16px;text-align: center;line-height: 42px;display: inline-block;}
  30. .welfare_href a:first-child{margin-right: 35px;}
  31. .propery_star{width: 100%;height: 460px;background:url(../../../img/property_bj.jpg) no-repeat center center ;margin-top: 52px;position: relative;z-index: 10;}
  32. .copyright{width: 1168px;margin: 0px auto;position: relative;z-index: 14;margin-top: -370px;background: #ffffff;padding-left: 32px;overflow: hidden;box-shadow: 2px 2px 10px #CCCCCC;}
  33. .copyright h4{color: #2a6597;font-size: 24px;margin-bottom: 35px;margin-top: 35px;}
  34. .copyright_left{float: left;width: 380px;}
  35. .copyright_right{float: left;margin-left: 22px;}
  36. .copyright_left img{width: 380px;height: 164px;margin-bottom: 15px;}
  37. .copyright_left p{padding-left:5px ;padding-right: 5px;font-size: 14px;color: #5f5e5e;line-height: 24px;margin-bottom: 50px;}
  38. .copyright_contant{float: left;}
  39. #slide1 li span,#slide2 li span{float: right;}
  40. .copyright_right li:hover{cursor: pointer;color: #f68705;}
  41. .copyright_right h6{font-size: 14px;color: #f68705;margin-bottom: 15px;text-align: left;}
  42. .copyright_right li{border-bottom: 1px solid #cccccc;font-size: 12px;color:#5f5e5e;width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height:40px;line-height: 40px;}
  43. .copyright_right>a{width: 150px;height: 46px;display: inline-block;color: #ffffff;font-size: 16px;line-height: 46px;text-align: center;background: #ffb200;margin-top: 40px;margin-bottom: 40px;}
  44. .outtime{position:absolute;height: 472px;z-index: 20;width: 380px;right: 0;background: url(../../../img/property_08.jpg) center center no-repeat;}
  45. .outtime time{font-size: 296px;color: #ff9019;position: absolute;top: 92px;left: 112px;z-index: 40;font-family: arial;}
  46. .outtime .img_tate{position: absolute;top: 64px;right: 5px;z-index: 25; animation: rata 10s infinite linear;transition: all 10s;}
  47. .outtime .pro_yg{position: absolute;top: 83px;right:28px;opacity: 0.15;z-index: 30;}
  48. #slide{width:350px ;height: 200px;position: relative;overflow: hidden;}
  49. @-moz-keyframes rata{
  50. from{transform: rotate(0deg)}
  51. to{transform: rotate(360deg)}
  52. }
  53. @-webkit-keyframes rata{
  54. from{transform: rotate(0deg)}
  55. to{transform: rotate(360deg)}
  56. }
  57. @keyframes rata{
  58. from{transform: rotate(0deg)}
  59. to{transform: rotate(360deg)}
  60. }
  61. .intellectual{background: url(../../../img/property_09.png)no-repeat center center;height: 350px;width: 750px;position: relative;z-index: 10;display: inline-block;margin-top: 60px;}
  62. .intellectual a{width: 150px;height: 54px;background: url(../../../img/property_12.png) no-repeat;text-align: center;line-height: 44px;font-size: 16px ;color: #ffffff;bottom: 20px;right: -24px;position: absolute;display: inline-block;z-index: 11;}
  63. .intellectual_right{float: right;width: 366px;margin-top: 60px;}
  64. .intellectual_right h4{margin-top: 88px;font-size: 24px;color: #2a6597;margin-bottom: 32px;}
  65. .intellectual_right P{line-height: 24px;color: #5f5e5e;font-size: 14px;}
  66. .process{background: #fcfaf9;text-align: center;margin-top: 44px;}
  67. .process h5{font-size: 24px;color: #2a6597;font-weight: normal;margin-top: 50px;margin-bottom: 28px;}
  68. .process .container>img{width:1200px;height: 174px;margin-bottom: 140px;}
  69. .advantage ul{overflow: hidden;}
  70. .advantage ul li{width: 220px;height: 270px;background: url(../../../img/property_14.png) no-repeat center center;float: left;margin-left: 96px;}
  71. .advantage ul li:first-child{margin-left: 0;}
  72. .advantage ul li h6{font-size: 18px; color: #3b86c5;margin-top: 40px;margin-bottom: 16px;font-weight: 800;}
  73. .advantage ul li p{width: 180px;text-align: left;margin: 0 auto;padding-left: 6px;color: #393838;font-size: 14px;margin-bottom: 5px;height: 76px;}
  74. .advantage ul li time span{font-size: 20px;color: #393838;display: inline-block;}
  75. .advantage ul li time{width: 76px;height: 30px;display: inline-block;line-height: 30px;}
  76. .advantage ul li:hover{ background: url(../../../img/property_122.png) no-repeat center center;}
  77. .advantage ul li:hover p,.advantage ul li:hover h6{color: #ffffff;}
  78. .advantage ul li:hover time {background: #ffffff;}
  79. .advantage ul li:hover time span{color: #000000;}
  80. .advantage {padding-bottom: 170px;}