highTechCognizance.css 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. h3{color:#356A9A;}
  2. #first_title{width:1200px;height:110px;text-align: center;padding-top: 40px;margin: 0 auto; }
  3. #twotitle{width:1200px;height:110px;text-align: center;padding-top: 55px;margin: 0 auto;}
  4. #all_problem{width:100%;height:600px;background: #FCFAF9;}
  5. .problem{width:1200px;height:600px;position: relative;margin: 0 auto;overflow: hidden;}
  6. .problem_right{width:400px;height:600px;position: absolute;top:7px;right: 0;background: url("../../img/hightech1.png")}
  7. .problem_left{width:560px;height:500px;position: absolute;top:0;left:0;overflow: hidden;padding-top: 50px;}
  8. .problem_left>div{position: absolute;left:0;display: none;}
  9. .problem_bottom{width:160px;height:50px;background: #FFB200;color:#fff;text-align: center;cursor: pointer;
  10. line-height: 50px;font-size: 18px;border-radius: 5px;position: absolute;bottom:40px;left:400px;}
  11. .leftdiv1{top:65px;font-size: 15px;}
  12. .leftdiv2{top:165px;font-size: 16px;line-height: 30px;}
  13. .leftdiv3{top:200px;font-size: 16px;line-height: 30px;}
  14. .leftdiv4{top:140px;font-size: 16px;line-height: 40px;}
  15. .pro_rotate{width:585px;height:585px;border-radius: 50%;/*border:1px solid #ddd;*/position: absolute;top:7px;
  16. right: -190px;transform-origin: center center;transform:rotate(0deg);}
  17. .pro_rotate>div{width:585px;height:585px;border-radius: 50%;transform-origin: center center;position: absolute;}
  18. .pro_rotate>div>div{width:210px;height:50px;;border: #ddd;line-height: 50px;cursor: pointer;}
  19. .pro_rotate>div>div>span{width:5px;height:5px;border-radius: 50%;position: absolute;background: #3E86C5;
  20. right:0;top:22px;}
  21. .pro_rotate>div.active>div>span{transform: scale(1.5);}
  22. .pro_rotate>div.active>div>p{font-size: 17px;color:#3E86C5;padding-right: 20px;}
  23. .pro_rotate>div>div>p{text-align: right;padding-right: 20px;}
  24. .rotate_one{transform:rotate(-70deg);}
  25. .one{transform:rotate(70deg);position: absolute;top:-25px;right:290px;transform-origin: right center;}
  26. .rotate_two{transform:rotate(-90deg);}
  27. .two{transform:rotate(90deg);position: absolute;top:-25px;right:290px;transform-origin: right center;}
  28. .rotate_three{transform:rotate(-110deg);}
  29. .three{transform:rotate(110deg);position: absolute;top:-25px;right:290px;transform-origin: right center;}
  30. .rotate_four{transform:rotate(-130deg);}
  31. .four{transform:rotate(130deg);position: absolute;top:-25px;right:290px;transform-origin: right center;}
  32. .carousesmall{ position:relative; overflow: hidden;width:100%;height:160px;margin: 0 auto; }
  33. .ct_img_big{ position:absolute; }
  34. .ct_img_big li{ float: left; height:150px;width:200px;}
  35. .ct_img_big li img:nth-child(2){margin-top:50px;}
  36. .btn{ position: absolute; }
  37. .btn_pre1{top:50px;left:200px;width:40px;}
  38. .btn_next1{top:50px;right:200px;width:40px;}
  39. .btn_div{width:1200px;height:160px;margin: 0 auto;position: relative;}
  40. .btn_div>div{height:160px;position: absolute;}
  41. .btn_div>a{padding: 0;}
  42. .btn_div>a>img{width:100%;}
  43. .leftdiv{background-image:linear-gradient(90deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
  44. .rightdiv{background-image:linear-gradient(270deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
  45. #all_policy{width:100%;height:400px;}
  46. #policy{width:1200px;height:400px;margin: 0 auto;padding-top: 40px;text-align: center;}
  47. #policy>div{width:220px;height:300px;display: inline-block;margin-right: 10px;}
  48. #policy>div>p{padding: 0 10px;}
  49. #all_field{width:100%;height:360px;background: #E1EAF2;}
  50. .field{width:1200px;height:360px;margin: 0 auto;padding-top: 30px;text-align: center;position: relative;}
  51. .field>div{width:60px;height:60px;position: absolute;}
  52. .field_1{background: url("../../img/hightech7.png");top:60px;left:0px;}
  53. .field_2{background: url("../../img/hightech8.png");top:70px;left:300px;}
  54. .field_3{background: url("../../img/hightech9.png");top:80px;left:600px;}
  55. .field_4{background: url("../../img/hightech10.png");top:50px;left:900px;}
  56. .field_5{background: url("../../img/hightech11.png");top:180px;left:0px;}
  57. .field_6{background: url("../../img/hightech12.png");top:190px;left:300px;}
  58. .field_7{background: url("../../img/hightech13.png");top:200px;left:600px;}
  59. .field_8{background: url("../../img/hightech14.png");top:170px;left:900px;}
  60. .field>div>div{width:250px;height:75px;border:1px solid #E3EAEF;background: #fff;position: absolute;
  61. top:30px;left:30px;line-height: 75px;text-align: center;color:#424141;font-size: 18px;
  62. box-shadow: 0 0 5px 0 #DCE4EC;}
  63. #all_goodness{width:100%;height:610px;}
  64. .goodness{width:1200px;height:610px;margin: 0 auto;padding-top: 30px;text-align: center;position: relative;}
  65. .goodness>h4{color:#F6A322;margin-top:15px; }
  66. .goodness>div{width:830px;height:140px;position: absolute;}
  67. .goodnesstop{background: url("../../img/hightech15.png");top:120px;left:0;}
  68. .goodnesscenter{background: url("../../img/hightech16.png");top:270px;left:140px;}
  69. .goodnessbottom{background: url("../../img/hightech15.png");top:420px;left:280px;}
  70. .goodness>div>div{width:780px;height:100px;margin: 0 auto;text-align: left;padding-top: 25px;}
  71. .goodness>div>div>h4{display: inline-block;font-weight: bold;}
  72. .goodness>div>div>p{display: inline-block;}
  73. #all_ensure{width:100%;height:360px;background: #FCFAF9;}
  74. .ensure{width:1200px;height:360px;margin: 0 auto;padding-top: 20px;text-align: center;position: relative;}
  75. .ensure>div{width:395px;height:270px;display: inline-block;padding-top: 130px;}
  76. .ensure>div>h4{color:#F6A322}
  77. .ensure>div>p{padding: 0 40px;margin-top: 15px;text-align: left;}
  78. .ensureleft{background: url("../../img/hightech21.jpg")}
  79. .ensurecenter{background: url("../../img/hightech22.jpg")}
  80. .ensureright{background: url("../../img/hightech23.png")}
  81. #all_daturn{width:100%;height:350px;}
  82. .daturn{width:1200px;height:350px;margin: 0 auto;padding-top: 40px;text-align: center;position: relative;}
  83. .daturn>div{width:1030px;height:240px;background: url("../../img/hightech19.png");
  84. margin: 20px auto 0;position: relative;}
  85. .daturn>div>div{width:290px;height:150px;position: absolute;text-align: center;}
  86. .daturn>div>div>h5{font-size: 15px;}
  87. .daturn>div>div>p{color:#807F7F;line-height: 30px;}
  88. .daturnleft{top:40px;left:25px;}
  89. .daturncenter{top:40px;left:370px;}
  90. .daturnright{top:40px;left:720px;}
  91. #all_flow{width:100%;height:250px;position: relative;}
  92. .line{width:100%;border-bottom: 1px solid #D1D1D1;position: absolute;top:164px;}
  93. .flow{width:1200px;height:250px;margin: 0 auto;padding-top: 40px;text-align: center;position: relative;}
  94. .flow_bg{width:1100px;height:100px;margin: 0 auto;background: url("../../img/hightech20.png");margin-top: 20px;}
  95. .flow_text{width:1200px;height:30px;margin: 0 auto}
  96. .flow_text>div{width:235px;height:30px;display: inline-block;}
  97. .begin{text-align: left;padding-left: 10px;}
  98. .end{text-align: right;padding-right: 10px;}