innovator.css 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. *{box-sizing: border-box;}
  2. img{border: none;}
  3. body{background-color: #fafafa;}
  4. .w{width: 1200px; margin: 0 auto;}
  5. .clearfix:after{content: ''; display: table; clear: both;}
  6. /*.index_head .logobox a {display: block; height: 80px; background: url(../images/jc/index_logo_c.png) no-repeat top right;}*/
  7. .innbanner{position: relative; display: block; width: 100%; height: 347px; background: url(../../images/innbannerImg.png) no-repeat; background-size: 100% 347px; text-align: center;}
  8. .innbanner .banner_title{position: absolute; width: 100%; font-size: 40px; color: #fefefe; top: 100px;}
  9. .innbanner .banner_txt{position: absolute; width: 100%; font-size: 30px; font-family: '华文行楷'; color: #fff; top: 170px; }
  10. /*咨询专家*/
  11. .consult_profe{margin-top: 25px;}
  12. .consult_profe .profe_title{font-size: 18px; color: #dd4250; padding-left: 18px; margin-bottom: 15px; border-left: 4px #dd4250 solid;}
  13. .consult_profe .profe{width: 1200px; overflow: hidden;}
  14. .consult_profe .profe_people{width: 224px; background-color: #fff; border: 1px #dd4250 solid; border-radius: 5px; text-align: center; float: left; overflow: hidden;}
  15. .consult_profe .profe_people + .profe_people{margin-left: 20px;}
  16. .consult_profe .profe_people:hover{border: 1px #ffb940 solid;}
  17. .consult_profe .profe_people:hover .profe_name{background-color: #ffb940;}
  18. .consult_profe .profe_people:hover .profe_detailsBtn{background-color: #ffb940;}
  19. .profe_people .profe_name{width: 224px; height: 50px; line-height: 50px; background-color: #dd4250; font-size: 16px; color: #fff; text-align: center;}
  20. .profe_people .profe_info{width: 224px; margin-bottom: 30px;}
  21. .profe_people .profe_info > p{font-size: 14px; color: #666; line-height: 30px; text-align: center; /*margin-left: 76px;*/}
  22. .profe_people .profe_info > p:first-child{font-size: 14px; color: #000; margin-top: 15px;}
  23. .profe_people .profe_detailsBtn{display:inline-block; font-size: 14px; color: #fff; padding: 10px 30px; background-color: #dd4250; margin-bottom: 24px;}
  24. /*创业导师*/
  25. .innteacher{margin-top: 25px;}
  26. .innteacher .innteacher_title{font-size: 18px; color: #dd4250; padding-left: 18px; margin-bottom: 15px; border-left: 4px #dd4250 solid; float: left;}
  27. .innteacher .innteacher_title span{font-size: 12px;}
  28. .innteacher .more{font-size: 12px; color: #999; float: right;}
  29. .innteacher .more:hover{text-decoration: underline;}
  30. .innteacher .teacher{width: 1200px; overflow: hidden;}
  31. .teacher .teacher_people{width: 224px; border: 1px #e6e6e6 solid; background-color: #fff; float: left;}
  32. .teacher .teacher_people + .teacher_people{margin-left: 20px;}
  33. .teacher_people .teacher_info{border-bottom: 1px #e6e6e6 solid; background-color: #fffaf2; padding-top: 25px;}
  34. .teacher_info .teacher_head{display: block; width: 100px; height: 100px; margin: 0 auto; }
  35. .teacher_info > .teacher_head img{display: block; width: 100%; height: 100%; border-radius: 100%;}
  36. .teacher_info .teacher_name{display: block; font-size: 16px; color: #4c4c4c; margin: 10px 0; text-align: center;}
  37. .teacher_people .teacher_details{display: block; height: 130px; font-size: 12px; color: #666; line-height: 25px; margin-top: 10px; padding: 0 20px;}
  38. /*科易师傅*/
  39. .secco{width:1200px; margin-top: 25px;}
  40. .secco .secco_title{font-size: 18px; color: #dd4250; padding-left: 18px; margin-bottom: 15px; border-left: 4px #dd4250 solid; float: left;}
  41. .secco .secco_title span{font-size: 12px;}
  42. .secco .more{font-size: 12px; color: #999; float: right;}
  43. .secco .more:hover{text-decoration: underline;}
  44. .picScroll-left{width:1200px; height:300px; overflow:hidden; position:relative;}
  45. .picScroll-left .prev,.picScroll-left .next{position: absolute; z-index: 100; top: 50%; margin-top: -20px; width:40px; height:40px; cursor:pointer;}
  46. .picScroll-left .next{right: 18px; background: url(../../images/secco_nextAngle.png) no-repeat;}
  47. .picScroll-left .prev{left: 18px; background: url(../../images/secco_prevAngle.png) no-repeat;}
  48. .picScroll-left .bd .tempWrap{width: 1200px !important;}
  49. .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
  50. .picScroll-left .bd ul li{position: relative; width: 224px; float:left; margin-right: 20px;}
  51. .picScroll-left .bd ul li .pic img{ width:224px; height:300px; display:block;}
  52. .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
  53. .picScroll-left .bd ul li .title{display: none; position: absolute; bottom: 0; width: 224px; height: 50px; text-align: center; background-color: rgba( 0, 0, 0, 0.3 );
  54. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9; }
  55. .picScroll-left .bd ul li .title > a{display: block; color: #fefefe; line-height: 1.4;}
  56. .picScroll-left .bd ul li .title .title_name{font-size: 14px; margin-top: 8px;}
  57. .picScroll-left .bd ul li .title .title_posi{font-size: 12px;}
  58. .picScroll-left .bd ul li:hover .title{display: block;}
  59. /*创业助理*/
  60. .company_help{margin-top: 25px; }
  61. .company_help .company_title{font-size: 18px; color: #dd4250; padding-left: 20px; margin-bottom: 15px; border-left: 4px #dd4250 solid;}
  62. .company_help .company_content{width: 1200px; padding: 0 20px; border: 1px #e6e6e6 solid; background-color: #fff;}
  63. .company_content .content_title{width: 650px; font-size: 16px; color: #4c4c4c; margin-top: 20px;}
  64. .company_content .txtDiv{width: 650px; float: left; margin-bottom: 30px; margin-top: 10px;}
  65. .company_content .txtDiv .content_txt{ font-size: 12px; color: #4c4c4c; line-height: 22px; text-indent: 2em;}
  66. .company_content .content_help{float: left; margin-left: 90px; margin-top: -21px;}
  67. .content_help .isHelp{float: left; text-align: center;}
  68. .content_help .isHelp .isHelp_img{display: block; width: 100px; height: 100px; margin: 0 14px 15px; overflow: hidden;}
  69. .content_help .isHelp .isHelp_img > img{display: block; width: 100px; height: 100px;}
  70. .content_help .isHelp .isHelpBtn{display: block; font-size: 16px; color: #ffb940; width: 112px; height: 35px; line-height: 35px; margin-left: 8.5px; margin-bottom: 42px; border: 1px #ffb940 solid;}
  71. .content_help .findHelp{float: left; margin-left: 60px; text-align: center;}
  72. .content_help .findHelp .findHelp_img{display: block; width: 100px; height: 100px; margin: 0 14px 15px 11px; overflow: hidden;}
  73. .content_help .findHelp .findHelp_img > img{display: block; width: 100px; height: 100px;}
  74. .content_help .findHelp .findHelpBtn{display: block; font-size: 16px; color: #23b4f9; width: 112px; height: 35px; line-height: 35px; margin-left: 7px; margin-bottom: 42px; border: 1px #23b4f9 solid;}