propertyRight.css 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .container{width:1200px;}
  2. .container h4{font-size: 24px;color: #2a6597;font-weight: normal;margin-bottom: 22px;}
  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: #56acf5;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; overflow: hidden;width:100%;height:160px;margin: 0 auto; }
  11. .ct_img_big{ position:absolute; }
  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:50px;left:200px;width:40px;}
  16. .btn_next1{top:50px;right:200px;width:40px;}
  17. .btn_div{width:1200px;height:160px;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: #56acf5;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: #CCCCCC;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: 40px;}
  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;text-align: center;}
  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. .copyright_right ol li:hover{cursor: pointer;color: #f68705;}
  40. .copyright_right h6{font-size: 14px;color: #f68705;margin-bottom: 22px;text-align: left;}
  41. .copyright_right ol li{padding-bottom: 12px;border-bottom: 1px solid #cccccc;margin-bottom: 26px;font-size: 12px;color:#5f5e5e;width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  42. .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: 30px;margin-bottom: 30px;}
  43. .outtime{position:absolute;height: 472px;z-index: 20;width: 380px;right: 0;background: url(../../../img/property_08.jpg) center center no-repeat;}
  44. .outtime time{font-size: 296px;color: #ff9019;position: absolute;top: 92px;left: 112px;z-index: 40;font-family: arial;}
  45. .outtime .img_tate{position: absolute;top: 64px;right: 5px;z-index: 25; animation: rata 10s infinite linear;transition: all 10s;}
  46. .outtime .pro_yg{position: absolute;top: 83px;right:28px;opacity: 0.15;z-index: 30;}
  47. @-moz-keyframes rata{
  48. from{transform: rotate(0deg)}
  49. to{transform: rotate(360deg)}
  50. }
  51. @-webkit-keyframes rata{
  52. from{transform: rotate(0deg)}
  53. to{transform: rotate(360deg)}
  54. }
  55. @keyframes rata{
  56. from{transform: rotate(0deg)}
  57. to{transform: rotate(360deg)}
  58. }
  59. .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;}
  60. .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;}
  61. .intellectual_right{float: right;width: 366px;margin-top: 60px;}
  62. .intellectual_right h4{margin-top: 88px;font-size: 24px;color: #2a6597;margin-bottom: 32px;}
  63. .intellectual_right P{line-height: 24px;color: #5f5e5e;font-size: 14px;}
  64. .process{background: #fcfaf9;text-align: center;margin-top: 44px;}
  65. .process h5{font-size: 24px;color: #2a6597;font-weight: normal;margin-top: 50px;margin-bottom: 28px;}
  66. .process .container>img{width:1200px;height: 174px;margin-bottom: 140px;}
  67. .advantage ul{overflow: hidden;}
  68. .advantage ul li{width: 220px;height: 270px;background: url(../../../img/property_14.png) no-repeat center center;float: left;margin-left: 96px;}
  69. .advantage ul li:first-child{margin-left: 0;}
  70. .advantage ul li h6{font-size: 18px; color: #3b86c5;margin-top: 40px;margin-bottom: 16px;font-weight: 800;}
  71. .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;}
  72. .advantage ul li time span{font-size: 20px;color: #393838;display: inline-block;}
  73. .advantage ul li time{width: 76px;height: 30px;display: inline-block;line-height: 30px;}
  74. .advantage ul li:hover{ background: url(../../../img/property_122.png) no-repeat center center;}
  75. .advantage ul li:hover p,.advantage ul li:hover h6{color: #ffffff;}
  76. .advantage ul li:hover time {background: #ffffff;}
  77. .advantage ul li:hover time span{color: #000000;}
  78. .advantage {padding-bottom: 170px;}