highTechCognizance.css 6.9 KB

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