thinkerDetail.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. *{padding: 0;margin: 0;box-sizing:border-box;}
  2. .banner{width:100%;height:600px;}
  3. .banner>img{width:100%;height:100%;}
  4. .think_man{width:615px;height:90px;margin: 0 auto;position: relative;}
  5. .man_img{position:absolute;width:210px;height:210px;border-radius:50%;
  6. background:red;top:-400px;left:203px;}
  7. .man_img>img{width:210px;height:210px;border-radius:50%;}
  8. .man_name{width:200px;height:50px;position: absolute;top:-170px;left:207px;
  9. background: #fff;color:#444444;font-size:22px;line-height: 50px;text-align: center;}
  10. .think_basc{width:1200px;height:420px;margin:30px auto 0;position:relative;background:url("../../../img/thinkTank_er2.png");}
  11. .lingyu{width:100px;line-height: 50px;display: inline-block;text-overflow: ellipsis;white-space: nowrap}
  12. .box_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5_no.jpg)no-repeat center center;margin-top: 17px;vertical-align: top;
  13. cursor:pointer;}
  14. .bj_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5.jpg)no-repeat center center;margin-top: 17px;vertical-align: top;
  15. cursor:pointer;}
  16. .yuejian{margin-left:10px;font-size:12px;}
  17. .shoucang{font-size:12px;}
  18. .ci{font-size:12px;}
  19. .cishu{color:#FFB200;}
  20. .dem_number{color:#FFB200;}
  21. .basc_img{width:352px;height:334px;position:absolute;top:30px;left:35px;}
  22. .bacs-img>img{width:100%;height:100%;display: block;}
  23. .basc_img>div.bacs-img{width:352px;height:334px;position:absolute;top:0px;left:0px;}
  24. .basc_img>div{width:352px;height:50px;position: absolute;right:0px;bottom:-45px;line-height: 50px;}
  25. .basc_img>div>div{line-height: 50px;}
  26. .basc_img>div>div>span{display: inline-block;overflow: hidden;}
  27. .basc_p{width:750px;height:340px;position: absolute;top:30px;left:420px;}
  28. .basc_p>h4{text-align: center;color:#2F6698;font-size:22px;letter-spacing: 2px;font-weight: normal;}
  29. .basc_p>p{margin-top:15px;line-height: 26px;color:#6C6B6B;
  30. text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
  31. .basc_p>div{font-weight:bold;}
  32. .basc_p>div>span{font-weight: normal;color:#6C6B6B;width:280px;display: inline-block;
  33. overflow: hidden;
  34. text-overflow: ellipsis;
  35. -o-text-overflow: ellipsis;
  36. white-space: nowrap;
  37. vertical-align: bottom
  38. }
  39. .basc_p>div:nth-child(3){position: absolute;top:185px;left:0;}
  40. .basc_p>div:nth-child(4){position: absolute;top:185px;left:380px;}
  41. .basc_p>div:nth-child(5){position: absolute;top:240px;left:0;}
  42. .basc_p>div:nth-child(6){position: absolute;top:240px;left:380px;}
  43. .basc_p>div:nth-child(7){position: absolute;top:290px;left:0;}
  44. .basc_p>div:nth-child(8){position: absolute;top:290px;left:380px;}
  45. .think_achieve{width:1200px;min-height:100px;margin:30px auto 0;padding-bottom: 100px;position:relative;}
  46. .think_achieve>h3{text-align: center;color:#2F6698;font-weight: normal;letter-spacing: 3px;font-size: 22px;}
  47. .achieve_cont{width:1200px;min-height:70px;padding-left: 15px;margin-top: 30px;}
  48. .achieve_cont>a>div{width:580px;height:45px;line-height:45px;display: inline-block;overflow: hidden;vertical-align: top;
  49. background: #F9F9F9;margin-bottom: 10px;margin-right:10px;padding-right:10px;}
  50. .achieve_cont>a>div>span{width:35px;height:35px;float:right;margin-top: 5px;cursor:pointer;background: url(../../../img/thinkTank_er3.png);}
  51. .achieve_cont>a>div>span:hover{background: url(../../../img/thinkTank_er9.png);}
  52. .achieve_cont>a>div>span.active{transform-origin:50% 50%;transform:rotate(180deg);}
  53. .achieve_cont>a{text-decoration: none;}
  54. .achieve_cont>a>div>p{width:500px;line-height: 45px;padding-left: 10px;color:#1C1C1C;
  55. text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
  56. .achieve_btn{width:1200px;height:100px;position:absolute;left:0;bottom:0;}
  57. .achieve_btn>a{width:150px;height:45px;float:right;text-decoration: none;color:#1C1C1C;border:1px solid #D7D5D5;
  58. text-align: center;line-height: 45px;margin-right: 20px;cursor:pointer;}
  59. .achieve_btn>a:hover{background:#FFB200;color:#fff;border:none;}
  60. .think_about{width:1200px;height:350px;margin:30px auto 0;}
  61. .think_about>h3{text-align: left;color:#2F6698;font-weight: normal;letter-spacing: 3px;font-size: 22px;}
  62. .think_about>div{width:1200px;height:300px;padding-top:30px;}
  63. .think_about>div>div{border: 1px solid #ccc;width:200px;height:270px;margin-left:45px;position:relative;display:inline-block;transition: all .2s ease-in-out;vertical-align: top}
  64. .think_about>div>div:nth-child(1){margin-left:0px;}
  65. .think_about>div>div>a{text-decoration:none;}
  66. .think_about>div>div img{width:200px;height:190px;display: block;}
  67. .about_name{width:200px;height:35px;position:absolute;left:0;top:155px;background:#FFB200;line-height: 35px;}
  68. .about_p{margin-top: 10px;width:200px;height:65px;color:#5F5E5E;padding:0 10px;font-size:14px;line-height:22px;
  69. text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
  70. .about_man{width:50px;color:#7D5F2F;margin-left:10px;display:inline-block;
  71. text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
  72. .about_manp{width:125px;color:#fff;margin-left:10px;display:inline-block;
  73. text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
  74. .think_about>div>div:hover{
  75. box-shadow: 0 0px 4px #ccc;
  76. margin-top: -8px;
  77. transition: all .2s ease-in;
  78. }
  79. .think_about>div>div:hover .about_p{
  80. color: #0a7dd4
  81. }
  82. .collection{
  83. height: 50px;
  84. line-height: 50px;
  85. padding-left: 20px;
  86. }
  87. .collection p span{
  88. vertical-align: top;
  89. color: #ff6a25
  90. }
  91. .collection p img{
  92. margin-right: 12px;
  93. }
  94. .collection .heart{
  95. margin-right: 10px;
  96. margin-top: 15px;
  97. width: 19px;
  98. height: 18px;
  99. display: inline-block;
  100. background: url(../../../img/newMenu/serviceDetal_03.jpg) no-repeat;
  101. background-size:100% 100%;
  102. }
  103. .collection p{
  104. cursor: pointer;
  105. float: left;
  106. height: 50px;
  107. line-height: 50px;
  108. font-size: 14px;
  109. }
  110. .collection .heart.active{
  111. background: url(../../../img/newMenu/serviceDetal_Ok.jpg) no-repeat;
  112. }