service.css 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. .service_main{width: 100%;height: 600px;}
  2. .serve{width:1200px;height:600px;margin:0 auto;}
  3. .serve_title{width:1200px;height:130px;text-align: center;}
  4. .clear_{width:100%;height:1px;}
  5. h2{color:#074F88;margin-top:90px;}
  6. .serve_cont{width:1200px;height:470px;position: relative;}
  7. .serve_left{width:470px;height:470px;display: inline-block;}
  8. .serve_left>div{width:100%;height:110px;border-radius: 55px;
  9. position: relative;margin-bottom:20px;border: 2px solid transparent;
  10. }
  11. .serve_left>div:hover{border: 2px solid #BCBCBC;}
  12. .serve_left>div:hover span{background: #fff;}
  13. .serve_left>div:nth-child(1):hover span{background: #F8A346;}
  14. .serve_left span{display: inline-block;width:108px;height:108px;text-align: center;line-height:100px;
  15. border-radius: 50%;border: 2px solid #F8A346;position: absolute;top:-1px;left:-2px;background: #eee;}
  16. .serve_left h3{display: inline-block;position: absolute;top:5px;left:120px;
  17. color:#F8A346;}
  18. .serve_left p{display: inline-block;position: absolute;top:35px;left:120px;
  19. color:#A9A9A9;}
  20. .serve_left a{position:absolute;bottom:10px;right:20px;color:#F8A346;}
  21. .serve_right{width:710px;height:470px;display: inline-block;position: absolute;
  22. right:0;bottom:0;padding-top: 50px;}
  23. .serve_right>div{width:232px;height:283px;position: relative;
  24. display: inline-block;}
  25. .img_top{width:200px;height:123px;position: absolute;
  26. top:10px;left:14px; background: #fff;text-align: center;
  27. line-height: 120px}
  28. .img_top p{font-size: 3rem;color:#F8A346;}
  29. .img_bottom{width:200px;height:128px;position: absolute;
  30. bottom:17px;left:14px;background:#fff;text-align: center;
  31. line-height: 120px;}
  32. .img_bottom p{font-size: 1.6rem;color:#707070;}
  33. .Intellectual{width: 100%;background: url(../../img/service_04.png)no-repeat center;height: 640px;}
  34. .Intellectual .container>h3{font-size: 50px;color: #ffffff;width: 200px;margin: 0 auto;line-height: 150px;}
  35. .Intellectual .container{width: 1200px;}
  36. .Intellectual ul li{float: left;width: 360px;height: 450px;margin-left: 44px;}
  37. .Intellectual ul li:first-child{margin-left: 0;}
  38. .Intellectual_left{width: 360px;height: 145px;background: url(../../img/service_1.png);background-size: 100% 100%;}
  39. .Intellectual_left h4{font-weight: normal;line-height: 90px;font-size: 20px;color: #f68705;margin-left: 56px;}
  40. .Intellectual_left span{margin-top: 10px;font-size: 12px;color: #797979;text-align: left!important;line-height: 18px;display: inline-block;float: left;margin-left: 56px;}
  41. .Intellectual ul li:first-child+li{background: url(../../img/service_2.png) no-repeat;padding-top: 102px;}
  42. .Intellectual ul li:first-child+li+li{background: url(../../img/service_3.png) no-repeat;text-align: center;}
  43. .Intellectual ul li:first-child+li p{font-size: 36px;color: #f68705;text-align: center;}
  44. .Intellectual ul li:first-child+li .time{font-size: 18px;color: #f68705;margin-top: 60px;}
  45. .number_ten{margin-top:16px;margin-bottom: 30px;}
  46. .Intellectual ul li:first-child+li+li p{font-size:36px ;color: #f68705;margin-top: 120px;margin-bottom: 90px;}
  47. .Intellectual ul li:first-child+li+li p span{font-size:60px;color: #f54c49;}
  48. .Intellectual ul li:first-child+li+li a{width: 216px;height: 70px;background: #ffb200;border-radius: 10px;text-align: center;display: inline-block;line-height: 70px;font-size: 24px;color: #ffffff;}
  49. .customer_main{width: 400px;margin: 0 auto;}
  50. .customer hr{width: 1200px;margin: 0 auto;}
  51. .customer_main span{font-size: 40px;color: #074d88;width: 180px;text-align: center;line-height: 120px;display: inline-block;}
  52. .that{border-bottom: 2px solid #074d88;}
  53. .customer_company{margin: 80px auto 0;}
  54. .customer_company li{float: left;width: 274px;margin-left: 14px;overflow: hidden;}
  55. .customer_company li:first-child{margin-left:0 ;}
  56. .customer_company li p{width: 100%;line-height: 52px;text-align: center;font-size: 16px;color: #333333;background: #ffffff;border: 1px solid #cccccc;margin-top: -2px;}
  57. .thon p{background: #ffb200!important;color: #FFFFFF!important;border: 1px solid transparent!important;}
  58. .customer_circle{clear: both;width: 85px;margin: 0 auto;overflow: hidden;padding-top: 58px;padding-bottom: 36px;}
  59. .customer_circle li{width: 15px;height: 15px;border-radius: 50%;background: #d5d6d8;float: left;margin-left: 5px;}
  60. .customer_circle li.thonli{background: #909193;}
  61. .change_right{display:none;}
  62. #office{cursor: pointer;}
  63. #custom{cursor: pointer;}
  64. #bursar{display:none;}
  65. #lawyer{display:none;}
  66. .technology{width: 100%;height:580px;background: url(../../img/service_10.png) no-repeat center;}
  67. .technology h3{margin-left: 700px;font-size: 50px;color: #ffffff;margin-top: 30px;font-weight: normal}
  68. .technology_box{width: 600px;margin-left: 500px;}
  69. .technology_left:first-child{margin-left: 0;}
  70. .technology_left{float: left;width: 290px;text-align: center;margin-left: 20px;}
  71. .technology_left p{font-size: 36px;color: #ffffff;margin-top: 260px;}
  72. .technology_left a{width: 136px;height:60px;text-align: center;font-size: 24px;color: #ffffff;display: inline-block;background: #fcab00;line-height: 60px;margin-top: 112px;float: right;}
  73. .cooperation{width: 100%;background: #f0f0f2;}
  74. .cooperation h4{font-size: 40px;color: #074d88;font-weight:normal;text-align: center;margin-top: 82px;margin-bottom: 22px;}
  75. .cooperation ol{width: 744px;margin: 0 auto;overflow: hidden;margin-bottom: 36px;}
  76. .cooperation ol li{float: left;width: 216px;height: 56px;border: 1px solid #6a6a6a;text-align: center;
  77. line-height: 56px;font-size: 24px;color: #6a6a6a;margin: 0 16px;cursor: pointer;}
  78. .cooperation ol li.check_li{border-top:3px solid #EEA203; }
  79. .cooperation ul{clear: both;overflow: hidden;}
  80. .cooperation ul li{width: 270px;float: left;margin-left: 20px;overflow: hidden;position: relative;z-index: 10;height: 385px;overflow: hidden;}
  81. .cooperation ul li:first-child{margin-left: 0;}
  82. .cooperation ul li>p{width: 100%;line-height: 100px;text-align: center;background: rgba(251,190,49,.8);font-size: 20px;color: #ffffff;}
  83. .cooperation ul li .coop_text{position: absolute;top: 0;left: 0;width: 270;height:385px;background:rgba(40,156,224,.7);z-index: 333;text-align: center;display: none;}
  84. .coop_text h6{font-weight: normal;font-size: 20px;color: #ffffff;margin-top: 40px;margin-bottom: 56px;}
  85. .coop_text>p{font-size: 16px;color: #ffffff;padding-left: 20px;padding-right: 20px;text-align: left!important;}
  86. .cooperation ul li:hover .coop_text{display: block; cursor: pointer;}
  87. .img_city{width: 100%;height: 300px;background: url(../../img/service_15.png) center no-repeat;background-position-y: -212px;background-position-x: -200px;}
  88. #bottom{margin-top: -107px; height: 310px;}
  89. .bottom{height: 310px;}
  90. .bottom>img{height: 310px;}
  91. .bottom_text{margin-top: -100px;}
  92. .pub_fix{z-index: 999;}