secode.css 45 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593
  1. .main{background:#F5F5F5;padding:30px 0;padding-bottom:70px}
  2. .main-prduct{background:#ffffff;padding:30px 0;padding-bottom:70px}
  3. .ql-align-center{text-align:center}
  4. .ql-align-right{text-align:right}
  5. .swiper-containerx{
  6. /* height:500px */
  7. }
  8. .swiper-containerx img{width:100%;height:100%}
  9. .swiper_title h6{position:absolute;top:50%;width:100%;font-size:80px;color:#ffffff;text-align:center;display:none}
  10. .secondary-menu{width:100%;padding:30px 0;background:#F5F5F5}
  11. .secondary-menu ul{width:100%;height:60px;text-align:center;line-height:60px;border-radius:5px;background:#ffffff;box-shadow:4px 3px 8px #c8c8c8}
  12. .secondary-menu ul::after{content:"";display:block;clear:both}
  13. .secondary-menu ul li{display:inline-block;font-size:16px;margin-right:13px}
  14. .secondary-menu ul.cprz li{font-size:12px}
  15. .secondary-menu ul li.active a{color:#1296DB}
  16. .secondary-menu.news-text ul li.active a{font-size:16px}
  17. .secondary-menu ul li a{color:#999999;cursor:pointer;font-size:16px}
  18. .secondary-menu ul li a:hover{color:#1296DB}
  19. .kws{font-size: 16px;background: #ffffff;padding: 20px 60px;box-shadow:4px 3px 8px #c8c8c8;}
  20. .bread-crumbs{background:#F5F5F5;width:100%;padding:30px 0;padding-bottom:0}
  21. .bread-crumbs ul li{display:inline-block}
  22. .bread-crumbs ul li a{font-size:18px;color:#666666}
  23. .bread-crumbs ul li.active a{color:#1296DB}
  24. .p-secod-menu{width:100%;padding:30px 0;background:#ffffff}
  25. .p-secod-menu ul{width:100%;height:60px;text-align:center;line-height:60px;border-radius:5px;background:#ffffff;box-shadow:4px 3px 8px #c8c8c8}
  26. .p-secod-menu.duohang ul{height:68px;line-height:1.2;padding:10px}
  27. .p-secod-menu.chaoduohang ul{width:100%;display:flex;height:100%;padding:10px;text-align:center;line-height:1.6;border-radius:5px;background:#ffffff;box-shadow:4px 3px 8px #c8c8c8;display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap}
  28. .p-secod-menu ul::after{content:"";display:block;clear:both}
  29. .p-img-w{}
  30. .p-img-w img{width:100%}
  31. .jishu-one{width:1100px;margin:0 auto;text-align:center}
  32. .jishu-one::after{content:"";display:block;clear:both}
  33. .jishu-one li{width:260px;height:210px;background:#E5F3FB;position:relative;float:left;padding:15px}
  34. .jishu-one li>span:nth-child(1){font-size:60px;color:#008cd7;display:block;margin-bottom:32px}
  35. .jishu-one li::before{content:"";width:42px;height:20px;background:#008CD7;position:absolute;top:50%;right:-29%}
  36. .jishu-one li::after{content:"";width:0;height:0;border-left:30px solid #008CD7;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;top:45%;right:-40%}
  37. .jishu-one li:nth-child(2){margin:0 150px}
  38. .jishu-one li:nth-child(3)::before,.jishu-one li:nth-child(3)::after{display:none}
  39. .p-secod-menu ul li{display:inline-block;font-size:16px;margin-right:30px;margin-bottom:5px}
  40. .p-secod-menu.chaoduohang ul li{width:20%;margin-right:0}
  41. .p-secod-menu ul.cprz li{font-size:12px}
  42. .p-secod-menu ul li.active a{color:#1296DB}
  43. .p-secod-menu.news-text ul li.active a{font-size:16px}
  44. .p-secod-menu ul li a{color:#999999;cursor:pointer;font-size:14px}
  45. .p-secod-menu ul li a:hover{color:#1296DB}
  46. .product-title{width:100%}
  47. .product-title h4{font-size:30px;color:#333333;text-align:center}
  48. .product-title p{font-size:22px;color:#8C8C8C;text-align:center;margin-bottom:40px}
  49. /* 网站地图页面*/
  50. .product-map{width:100%;margin-bottom: 80px;}
  51. .product-map h4{font-size:30px;color:#333333;text-align:center;margin-bottom: 40px;}
  52. .product-map h6{font-size:18px;text-align:center;}
  53. .mapbutton{display: flex;flex-direction: row;justify-content: space-between;}
  54. .mapbutton .mbitems{position: relative;-webkit-transition: all .5s ease;transition: all .5s ease;width:100%;border-radius: 8px;font-size: 18px;color: #333333;text-align: center;padding: 15px 0;border:1px solid #eeeeee;background: linear-gradient(135deg,rgba(230, 230, 230, 1) 0%,rgba(246, 246, 246, 1) 100%);box-shadow: -4px -4px 10px -5px rgba(255, 255, 255, 1),4px 4px 10px -5px rgb(0, 0, 0, 0.3);}
  55. .mapbutton .mbitems:hover{top:-15px;}
  56. .product-map ul{display: flex;flex-direction: row;justify-content: space-between;}
  57. .product-map a{width:13%;}
  58. .product-map li{transition: all .36s ease;width: 100%;height:100%;padding: 10px 0;color:#333333;background: #EFEFEF;border-radius: 5px;text-align: center;}
  59. .m-fontsiz{ font-size: 30px;color: #1296D8;font-weight: bold;text-align: center;}
  60. .product-map li:hover{background:#1296D8;color:#fff;}
  61. .product-map li:hover span{color:#fff;}
  62. .aboutlist{display: flex;flex-direction: row;justify-content: space-between;height: 90px;}
  63. .aboutlist a{width:13%;height:60px;border-radius: 8px;font-size: 18px;color: #333333;text-align: center;padding: 15px 0;background: rgb(147, 147, 147,.3);-webkit-transition: all .5s ease;transition: all .5s}
  64. .aboutlist a:nth-child(1):hover{color: #fff;background: rgba(79,201,230);height:90px;padding: 30px 0;}
  65. .aboutlist a:nth-child(2):hover{color: #fff;background: rgba(112, 158, 255);height:90px;padding: 30px 0;}
  66. .aboutlist a:nth-child(3):hover{color: #fff;background: rgba(255, 154, 33);height:90px;padding: 30px 0;}
  67. .aboutlist a:nth-child(4):hover{color: #fff;background: rgba(192, 122, 238);height:90px;padding: 30px 0;}
  68. .aboutlist a:nth-child(5):hover{color: #fff;background: rgba(92, 198, 131);height:90px;padding: 30px 0;}
  69. .aboutlist a:nth-child(6):hover{color: #fff;background: rgba(238, 113, 116);height:90px;padding: 30px 0;}
  70. .aboutlist a:nth-child(7):hover{color: #fff;background: rgba(0, 221, 255);height:90px;padding: 30px 0;}
  71. .maptext{font-size: 16px;color: #333333;text-align: center;margin-bottom: 80px;}
  72. .maptext a{width: none;}
  73. .product-map .newmain ul{display: flex;flex-direction: column;}
  74. #swiper4{height:520px}
  75. .product-a li a{cursor:pointer}
  76. #swiper4 .swiper-pagination-bullet{width:72px;height:6px;display:inline-block;border-radius:21px;opacity:1;background:#666666}
  77. #swiper4 .swiper-pagination-bullet-active{background-color:#1296DB}
  78. .product-list #swiper4>.swiper-wrapper .pd-li{height:467px;position:relative;float:left;width:25%;cursor:pointer}
  79. .product-list #swiper4>.swiper-wrapper .pd-li img{width:100%;height:100%}
  80. .product-list #swiper4>.swiper-wrapper .pd-li .pd-mask{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
  81. .product-list #swiper4>.swiper-wrapper .pd-li .pd-m{position:absolute;top:0;right:0;width:100%;height:100%;background:#161A1D;opacity:0.6;filter:alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(60));-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
  82. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t{position:absolute;top:0;width:100%;height:100%;text-align:center;filter:alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(60));-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
  83. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t span{font-size:70px;font-weight:bold;color:#1296DB;margin-top:50%;display:inline-block}
  84. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t em{display:block;font-size:22px;color:#ffffff;margin-bottom:30px}
  85. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t p{font-size:12px;color:#ffffff;opacity:0;padding:0px 30px;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
  86. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t .p-button{display:inline-block;border:1px solid #ffffff;width:120px;height:36px;line-height:36px;font-size:14px;color:#ffffff;text-decoration:none;margin-top:62px;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
  87. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-t .p-button{opacity:1}
  88. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t .p-button{opacity:1}
  89. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-t{top:-29px}
  90. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-m{background:#04A8FE;opacity:0.8}
  91. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-t span{color:#ffffff;margin-top:40%}
  92. .product-list #swiper4>.swiper-wrapper .pd-li:hover .pd-t p{opacity:1;display:none}
  93. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t{top:-29px}
  94. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-m{background:#04A8FE;opacity:0.8}
  95. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t span{color:#ffffff;margin-top:40%}
  96. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t p{opacity:1;display:none}
  97. .product .one{display:none}
  98. .product>div:nth-child(3){display:block}
  99. .p-dec-d>.container{border:1px solid #BEBEBE;padding:0;padding-bottom:50px}
  100. .p-dec-d .p-header{position:relative;height:320px}
  101. .p-dec-d .p-header img{width:100%;height:100%}
  102. .p-dec-d .p-header h4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:46px;color:#ffffff;width:100%;text-align:center}
  103. .p-dec-d .p-button-titile{width:141px;padding:12px 20px;background:#008CD7;color:#ffffff;font-size:19px;margin:1px auto;position:relative;margin-bottom:54px;text-align-last:justify;-moz-text-align-last:justify;-webkit-text-align:justify;text-align:justify;text-justify:distribute-all-lines}
  104. .p-dec-d .p-title-item h3{padding-bottom:15px}
  105. .p-dec-d .p-title-item h3:first-child{padding-top:15px}
  106. .p-dec-d .p-button-titile::after{position:absolute;top:-5px;left:-5px;content:"";width:108%;height:121%;border:1px solid #008CD7}
  107. .p-dec-d .gailian,.haochu{padding:60px 0px 50px}
  108. .p-dec-d .gailian{color:#666666;font-size:18px}
  109. .p-dec-d .gailian>p{color:#666666;font-size:18px}
  110. .p-dec-d .gailian>img{width:100%}
  111. .p-dec-d .gialian-con{width:800px;margin:0 auto}
  112. .p-dec-d .shengqing-con{width:918px;margin:0 auto}
  113. .p-dec-d .lingyu-con{width:1024px;margin:0 auto}
  114. .p-dec-d .zhengce-con{width:1180px;margin:0 auto}
  115. .p-dec-d .chengnuo-con{width:1200px;margin:0 auto}
  116. .p-dec-d .zhengce-ul{padding-left:65px}
  117. .p-dec-d .haochu-ul::after{content:"";display:block;clear:both}
  118. .p-dec-d .haochu-ul li{width:100%;color:#656565;font-size:18px;margin-bottom:20px;text-align:left}
  119. .p-dec-d .haochu-ul li em{display:inline-block;text-align:center;width:30px;height:30px;line-height:25px;font-size:16px;border-radius:50%;border:2px solid #1296DB;color:#008CD7;margin-right:10px;font-weight:bold}
  120. .p-dec-d .haochu{background:#F7F7F7}
  121. .p-dec-d .shengqing-ul::after{content:"";display:block;clear:both}
  122. .p-dec-d .shengqing-ul li{width:100%;color:#656565;font-size:18px;margin-bottom:20px;-webkit-box-orient:vertical;text-align:left}
  123. .p-dec-d .shengqing-ul li:nth-child(2n-1){padding-right:15px}
  124. .p-dec-d .shengqing-ul li em{display:inline-block;text-align:center;width:30px;height:30px;line-height:30px;font-size:16px;border-radius:50%;border:2px solid #1296DB;color:#008CD7;margin-right:10px;font-weight:bold}
  125. .p-dec-d .lingyu-ul{}
  126. .p-dec-d .lingyu-ul li{padding:15px 32px;border:1px dashed #1295DB;position:relative;display:inline-block;font-size:22px;color:#666666;margin-left:40px;margin-bottom:40px}
  127. .p-dec-d .lingyu-ul li em{position:absolute;top:-17px;left:-5px;font-size:22px;color:#ffffff}
  128. .p-dec-d .lingyu-ul{}
  129. .p-dec-d .liucheng-ul{}
  130. .p-dec-d .liucheng-ul::after{display:block;content:"";clear:both}
  131. .p-dec-d .liucheng-ul li{width:200px;height:100px;line-height:100px;text-align:center;border-radius:100%;background-color:#1295DB;color:#ffffff;font-size:16px;position:relative;margin-right:40px;position:relative;margin-bottom:10px;float:left}
  132. .p-dec-d .liucheng-ul.jishuzy li{line-height:1}
  133. .p-dec-d .liucheng-ul li span{display:inline-block;margin-top:30px}
  134. .p-dec-d .liucheng-ul li>p{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%)}
  135. .p-dec-d .liucheng-ul.jishuzy li>p{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%)}
  136. .p-dec-d .liucheng-ul li.chang{width:320px}
  137. .p-dec-d .liucheng-ul li::after{content:"";position:absolute;top:35px;right:-38px;width:0px;height:0px;border-left:30px solid #1295DB;border-bottom:15px solid transparent;border-top:15px solid transparent}
  138. .p-dec-d .liucheng-ul li:last-of-type::after{display:none}
  139. .zhibiao-h{margin-bottom:0 !important}
  140. .zhibiao-p{font-size:22px;color:#666666;text-align:center;margin:15px auto}
  141. .p-dec-d .zhibiao-dec table{border-collapse:collapse;text-align:left;font-size:22px;margin:1px auto}
  142. .p-dec-d .zhibiao-dec table td,.p-dec-d .zhibiao-dec table th{border:1px solid #1295DB;color:#666;height:30px;padding:20px}
  143. .p-dec-d .tuijian{width:100%;height:600px}
  144. .p-dec-d .tuijian .tuijian-left{width:20%;height:100%;display:inline-block;background:pink;float:left;padding:30px}
  145. .p-dec-d .tuijian .tuijian-left .left-list{width:100%;height:45px;line-height:45px;font-size:20px;color:#333333;background:#ffffff;margin-bottom:10px;position:relative}
  146. .p-dec-d .tuijian .tuijian-left .left-list::after{content:"";position:absolute;right:15px;bottom:10px;border-top:15px solid #666666;border-right:5px solid transparent;border-left:5px solid transparent}
  147. #swiper51{display:none}
  148. .p-dec-d .tuijian .tuijian-right{width:80%;height:100%;display:inline-block;background:blueviolet;float:left}
  149. .ziyuan-ul{width:1141px;margin:0 auto;text-align:center}
  150. .ziyuan-ul::after{content:"";display:block;clear:both}
  151. .ziyuan-ul li{width:347px;float:left;border:1px solid #008CD7;height:280px;padding-top:20px}
  152. .ziyuan-ul li:nth-child(1),.ziyuan-ul li:nth-child(3){margin-top:30px}
  153. .ziyuan-ul li span{font-size:16px;text-align:center;color:#333333;font-weight:bold;display:block;margin-bottom:5px;margin-top:8px}
  154. .ziyuan-ul li p{text-align:center;font-size:16px;color:#666666;margin-bottom:0px}
  155. .ziyuan-ul li .guowai{margin-top:20px}
  156. .ziyuan-ul li:nth-child(2){width:400px;height:320px;margin:0 20px}
  157. .ziyuan-ul li:nth-child(2) p,.ziyuan-ul li:nth-child(2) span{font-size:18px;margin-bottom:8px}
  158. .pingtai-l{width:1100px;margin:0 auto}
  159. .pingtai-l::after{content:"";display:block;clear:both}
  160. .pingtai-l>div{width:200px;height:200px;border-radius:200%;background:#E5F3FB;float:left;margin-right:40px;text-align:center;padding:15px;padding-top:80px;font-size:16px;position:relative}
  161. .pingtai-l>div::after{content:"";width:0;height:0;border-left:21px solid #008cd7;border-top:11px solid transparent;border-bottom:11px solid transparent;position:absolute;top:45%;right:-30px}
  162. .pingtai-l>div:nth-child(4)::after{display:none}
  163. .p-dec-d .zhengce-ul::after{display:block;content:"";clear:both}
  164. .p-dec-d .zhengce-ul li{display:inline-block;padding:22px;border:1px solid #1295DB;margin-right:22px;float:left}
  165. .p-dec-d .zhengce-ul li span{font-size:18px;color:#333333;font-weight:bold;display:block;margin-bottom:20px}
  166. .p-dec-d .zhengce-ul li p{font-size:18px;color:#666666}
  167. .p-dec-d .hunhe-yuan:last-of-type::after{display:none}
  168. .p-dec-d .chengnuo-ul li{width:25%;padding:95px 68px;font-size:22px;text-align:center;color:#ffffff;float:left}
  169. .p-dec-d .tx-ul{margin:1px auto;width:953px}
  170. .p-dec-d .chengnuo-ul.tx-ul>li{width:33.3%;padding:95px 68px;font-size:22px;text-align:center;color:#ffffff;float:left}
  171. .p-dec-d .chengnuo-ul li:nth-child(1){background:#0FB8E8}
  172. .p-dec-d .chengnuo-ul li:nth-child(2){background:#7363C8}
  173. .p-dec-d .chengnuo-ul li:nth-child(3){background:#E8A666}
  174. .p-dec-d .chengnuo-ul li:nth-child(4){background:#EA4349}
  175. .five-angle{position:absolute;top:-7px;left:-20px;width:43px;border-width:25px 8px 0;border-style:solid;border-color:#1295DB transparent}
  176. .five-angle::before{content:"";position:absolute;width:0;height:0;top:-44px;left:-8px;border-width:0 21px 19px;border-style:solid;border-color:#1295DB transparent}
  177. .newmain{width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
  178. .newleft{width: 70%;}
  179. .newslist{width: 100%;}
  180. .newslist li{width:100%;padding:20px 30px;background:#ffffff;border-radius:5px;margin-bottom:20px;position:relative;top:0;left:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;transition:all .36s ease;webkit-transition:all .36s ease}
  181. .newslist li:hover{box-shadow:0px 3px 10px #C2C2C2;top:-15px;background: #ffffff;}
  182. .newmain .hot{width: 29%;}
  183. .newmain .hitem{padding:15px 15px 8px;background:#ffffff;border-radius:5px;font-size: 18px;color:#333333;margin-bottom: 15px;}
  184. .hitem .hlist{display: flex;flex-direction: column;}
  185. .hlist a,.hlist2 a{color:#333333;}
  186. .hlist a:hover{color:#1296DB;}
  187. .hlist .htit{line-height: 36px;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  188. .htit .hnum{display: block;float: left;;margin:0px 4px 0 0;width:20px;font-size: 16px;font-weight: 700;color: #f26d5f;text-align: center;}
  189. /* 热门推荐 */
  190. .hitem .hlist2{display: flex;flex-direction: row;flex-wrap: wrap;}
  191. .hlist2 a{width: 100px;height:100px;border-radius: 50%;margin: 5px;display: flex;align-items: center;justify-content: center;transition: all .36s ease}
  192. .hlist2 a div{width: 70px;font-size: 16px;text-align: center;}
  193. .hlist2 a:nth-child(1){background: rgb(147, 147, 147,.3);}
  194. .hlist2 a:nth-child(2){background: rgba(112, 158, 255,.3);}
  195. .hlist2 a:nth-child(3){background: rgba(255, 154, 33,.3);}
  196. .hlist2 a:nth-child(4){background: rgba(251, 204, 63,.3);}
  197. .hlist2 a:nth-child(5){background: rgba(192, 122, 238,.3);}
  198. .hlist2 a:nth-child(6){background: rgba(92, 198, 131,.3);}
  199. .hlist2 a:nth-child(7){background: rgba(238, 113, 116,.3);}
  200. .hlist2 a:nth-child(8){background: rgba(79,201,230,.3);}
  201. .hlist2 a:nth-child(9){background: rgba(0, 221, 255,.3);}
  202. .hlist2 a:hover{color:#1296DB;transform: scale(0.9);}
  203. .news-item::after{content:"";display:block;clear:both}
  204. .news-item>div{float:left}
  205. .client-list-box{margin-top:20px}
  206. .news-item>div:nth-child(1){width:35%;height:200px}
  207. .news-item>div:nth-child(1) img{width:100%;height:100%;border-radius: 5px;object-fit: cover;}
  208. .news-item>div:nth-child(2){width:65%;padding-left:30px;height:200px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align: left;}
  209. .news-item>div:nth-child(2)>div{overflow:hidden;color:#666666;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:6}
  210. .news-item>div:nth-child(2) h6{font-size:24px;color:#333333;margin:0;text-align: left;}
  211. .news-item>div:nth-child(2) span{font-size:17px;color:#666666;margin:12px 0;display:block}
  212. .news-item>div:nth-child(2) p{color:#999999;font-size:14px;line-height:1.8}
  213. .news-detail{width:70%;background:#ffffff;padding:50px}
  214. .copyright{border-top: 2px solid #999999;padding-top: 20px;}
  215. .copyright .bzsm{color: #999999;}
  216. .copyright .kw{padding: 3px 10px;margin: 3px;cursor: pointer;background: #DCDCDC;color: black;}
  217. .copyright .page{background: rgb(242, 242, 242);padding: 10px 10px 1px 10px;margin-bottom: 10px;}
  218. .detail-title{border-bottom:1px solid #bdbbbb;padding-bottom:20px}
  219. .detail-title h6{font-size:36px;color:#333333}
  220. .detail-title span{font-size:20px;color:#999999}
  221. .detail-content{padding-top:40px}
  222. .detail-content p{color:#666666;font-size:16px;line-height:1.6;text-indent:30px}
  223. .detail-content img{display:block;margin:20px auto;width:550px}
  224. .detail-content iframe{width:500px !important;height:286px !important;margin:10px auto !important;display:block !important}
  225. .page_ctrl{text-align:center;margin:10px auto;box-sizing:border-box}
  226. .page_ctrl *{line-height:26px}
  227. .page_ctrl button{font-size:12px;width:32px;height:32px;line-height:32px;background:#ffffff;border-radius:25px;color:#999999;cursor:pointer;outline:none;text-align:center;margin:0 6px;margin-bottom:16px}
  228. .icon-xiangzuo,.icon-xiangyou{font-size:28px!important;vertical-align:bottom}
  229. .page_ctrl button:hover{background:#1296DB;color:#fff}
  230. .page_ctrl .btn_dis{cursor:default;opacity:.7;background:#eee;color:#616161;border:1px solid #999999}
  231. .page_ctrl .btn_dis:hover{background:#eee;color:#5e5e5e}
  232. .page_ctrl .current_page{background:#1296DB;color:#fff}
  233. .page_ctrl .input_page_num{width:32px;height:32px;border-radius:25px;font-size:15px;margin:0 6px;padding:0;text-align:center;background:#fff;border:1px solid #e5e5e5;color:#999999;outline:none}
  234. .page_ctrl .page_total,.page_ctrl .page_text{color:#999999;font-size:15px}
  235. .main-str .strategic .page_total,.main-str .strategic .input_page_num,.main-str .strategic .page_text,.main-str .strategic .to_page_num,.client .client-list-box .page_total,.client .client-list-box .input_page_num,.client .client-list-box .page_text,.client .client-list-box .to_page_num{display:none}
  236. .strategic{margin-bottom:20px}
  237. #swiper5{height:465px}
  238. #swiper5 .swiper-pagination-bullet{width:72px;height:6px;display:inline-block;border-radius:21px;opacity:1;background:#AAAAAA}
  239. #swiper5 .swiper-pagination-bullet-active{background-color:#333333}
  240. .strategic ul::after{content:"";display:block;clear:both}
  241. .strategic ul>li{float:left;width:292px;margin-right:20px;margin-bottom:20px}
  242. .strategic ul>li>img{}
  243. .strate-f{background:url("../images/strategic/str-bg.png") no-repeat;background-size:cover;padding:86px 0}
  244. .strate-f::after{content:"";display:block;clear:both}
  245. .str-f-text,.str-f-number{width:50%;float:left}
  246. .str-f-text p,.str-f-number p{font-size:22px;color:#ffffff;margin-bottom:18px;padding-left:100px}
  247. .app>.about>.container>div{display:none}
  248. .app>.about>.container>div:nth-child(1){display:block}
  249. .secondary-menu.about-kede-secodn>.container>ul>li>a{font-size:16px}
  250. .offoter1>img{width:100%}
  251. .about-kede-secodn,.about-kede-main{background:#ffffff}
  252. .about-kede-content>h4{font-size:30px;color:#070707;text-align:center}
  253. .about-kede-content>p{font-size:22px;color:#8C8C8C;text-align:center}
  254. .about-kede-content>.content{margin-top:50px}
  255. .about-kede-content>.content>p{font-size:20px;color:#666666;text-indent:30px}
  256. .about-kede-content>.content>img{display:block;margin:20px auto}
  257. .huanjing{height:850px;padding-top:50px}
  258. .kede-hj{padding:50px 0}
  259. .about-ofoter{margin-bottom:10px}
  260. .about-ofoter::after,.about-space::after{content:"";display:block;clear:both}
  261. .about-space{width:100%;height:auto}
  262. .about-ofoter .ofoter-item1{width:73.5%;float:left;margin-right:10px}
  263. .about-ofoter .ofoter-item2{width:25.5%;height:570px;float:left}
  264. .about-ofoter .ofoter-item1 .ofoters{width:32.85%;float:left;height:570px;margin-right:10px}
  265. .about-ofoter .ofoter-item1 .offoter2{width:65.8%;height:570px;float:left}
  266. .about-ofoter .ofoter-item1 .offoter2 img{width:100%}
  267. .item2-s{height:280px;margin-bottom:10px}
  268. .item2-s .s-item1{height:120px;margin-bottom:10px}
  269. .item2-s .s-item1::after{content:"";display:block;clear:both}
  270. .s-item1 .s-item1-a{width:48.3%;float:left;height:100%;border:1px solid #707070;margin-right:10px}
  271. .s-item1 .s-item1-b{width:48.3%;float:left;height:100%}
  272. .s-item1 .s-item1-b>div:nth-child(1){height:69px;border:1px solid #707070;margin-bottom:10px}
  273. .s-item1 .s-item1-b>div:nth-child(2){height:41px;border:1px solid #707070}
  274. /* .item2-s .s-item2{height:150px;padding:20px;background:#5454CE} */
  275. .s-item2{height: 300px; padding:20px;background:#5454CE}
  276. .s-item2 span{font-size:58px;color:#ffffff;font-weight:bold;}
  277. .s-item2 p{font-size:20px;color:#ffffff;margin-top: 130px;}
  278. .item2-d{height:280px}
  279. .item2-d img{width:100%;height:100%}
  280. .kede-wh h4{margin-top:30px;margin-bottom:10px}
  281. .kede-jingshen{padding-top:100px}
  282. .kede-jingshen h5{font-size:42px;color:#ffffff}
  283. .kede-jingshen span{font-size:20px;color:#E9E9E9;display:block;margin-top:20px;margin-bottom:37px}
  284. .jingsheng-top{margin-top:90px}
  285. .kede-jingshen p{font-size:14px;color:#ffffff}
  286. .jingshen-item1 img,.jingshen-item2 img,.jingshen-item3 img,.jingshen-item4 img{width:100%}
  287. .jingshen-item1,.jingshen-item2,.jingshen-item3,.jingshen-item4{width:100%;height:368px;margin-bottom:15px}
  288. .jingshen-item1>div:nth-child(1),.jingshen-item2>div:nth-child(2),.jingshen-item3>div:nth-child(1),.jingshen-item4>div:nth-child(2){width:49%;height:100%;float:left}
  289. .jingshen-item1>div:nth-child(2),.jingshen-item2>div:nth-child(1),.jingshen-item3>div:nth-child(2),.jingshen-item4>div:nth-child(1){width:49%;height:100%;float:right}
  290. .jingshen-item1>div:nth-child(2),.jingshen-item2>div:nth-child(2),.jingshen-item3>div:nth-child(2),.jingshen-item4>div:nth-child(2){padding:50px;margin-right:10px}
  291. .jingshen-item1>div:nth-child(1),.jingshen-item2>div:nth-child(1),.jingshen-item3>div:nth-child(1),.jingshen-item4>div:nth-child(1){margin-right:10px}
  292. .jingshen-item1>div:nth-child(2){background:#0FB8E8}
  293. .jingshen-item2>div:nth-child(2){background:#7363C8}
  294. .jingshen-item3>div:nth-child(2){background:#E8A666}
  295. .jingshen-item4>div:nth-child(2){background:#EA4349}
  296. .jingshen-item1>div:nth-child(1) img{width:100%;height:100%}
  297. .jingshen-item1 img,.jingshen-item2 img,.jingshen-item3 img,.jingshen-item4 img{width:100%}
  298. .about-ofoter .ofoter-item1 .offoter1,.room{height:280px}
  299. .room{padding:20px;background:#EA434A}
  300. .room span{font-size:58px;color:#ffffff;font-weight:bold;display:block;margin-bottom:130px}
  301. .room p{font-size:20px;color:#ffffff}
  302. .about-ofoter .ofoter-item1 .offoter1{margin-bottom:10px}
  303. .space-itme1,.space-itme2{width:50%;float:left;height:100%}
  304. .space-itme2{height:100%}
  305. .space-itme2 img{width:100%;height:100%}
  306. .space-itme1 .itme1-s,.space-itme1 .itme1-d{width:48.3%;float:left;height:100%;margin-right:10px}
  307. .space-itme1 .itme1-s img{width:100%;height:100%}
  308. .space-itme1 .itme1-d{height:100%}
  309. /* .itme1-d .d-item1{height:150px;padding:20px;background:#0EB96B;margin-bottom:10px} */
  310. .d-item1{height: 286px;padding:20px;background:#0EB96B;}
  311. .d-item1 span{font-size:57px;color:#ffffff;font-weight:bold}
  312. .d-item1 p{font-size:20px;color:#ffffff;margin-top: 130px;}
  313. .itme1-d .d-item2{height:119px}
  314. .d-item2 .d-item2-y{width:48.3%;height:100%;float:left}
  315. .d-item2 .d-item2-x{width:48.2%;height:100%;border:1px solid #707070;float:left;margin-right:10px}
  316. .d-item2-y>div:nth-child(1){height:72px;border:1px solid #707070;margin-bottom:10px}
  317. .d-item2-y>div:nth-child(2){height:35px;border:1px solid #707070}
  318. .about-kede-content .content::after{content:"";display:block;clear:both}
  319. .zizhi{width:100%;margin-top:25px}
  320. .zizhi>div{text-align:center}
  321. .zizhi>div:nth-child(1){height:311px}
  322. .zizhi>div:nth-child(1),.zizhi>div:nth-child(2){margin-bottom:27px}
  323. .zizhi>div:nth-child(1) img,.zizhi>div:nth-child(2) img,.zizhi>div:nth-child(3) img{margin-right:10px}
  324. .zizhi>div:nth-child(1) img:last-of-type{margin-right:0}
  325. .wenhua{width:100%;text-align:center}
  326. .wenhua p{font-size:28px;color:#070707;margin-top:30px}
  327. .wenhua span{font-size:18px;color:#666666}
  328. .dsanjiao{position:relative;font-size:26px;float:right;color:#B5B5B5;cursor:pointer;top:-3px}
  329. .join-title{margin-top:100px}
  330. .join-title p{font-size:16px;color:#666666;word-wrap:break-word}
  331. .join-title p:nth-child(3){margin-top:20px}
  332. .join-title hr:last-of-type{display:none}
  333. .join-dec li{font-size:17px;color:#666666;margin-bottom:10px}
  334. .filtrate .quyu{margin-bottom:20px}
  335. .filtrate .quyu,.filtrate .shengfen{height:59px;border-radius:5px;padding:13px 20px;background-color:#ffffff;box-shadow:0px 3px 10px #c8c8c8;position:relative;overflow:hidden;-moz-transition:all .36s ease;-o-transition:all .36s ease;transition:all .36s ease;webkit-transition:all .36s ease}
  336. .filtrate .quyu::after,.filtrate .shengfen::after{content:"";display:block;clear:both}
  337. .filtrate ul{display:block}
  338. .filtrate ul::after{content:"";display:block;clear:both}
  339. .filtrate ul li{float:left;padding:5px 20px;font-size:18px;color:#666666;height:34px;border-radius:5px;cursor:pointer;margin-left:3px;margin-bottom:4px}
  340. .filtrate ul li.active{background:#1296DB;color:#ffffff}
  341. .filtrate ul li:hover{background:#1296DB;color:#ffffff}
  342. .filtrate span{font-size:18px;color:#1295DB;float:left;margin-right:30px;line-height:36px}
  343. .filtrate .quyu{height:95px}
  344. .filtrate span{width:6%;height:100%;display:block;float:left}
  345. .filtrate ul{width:93%}
  346. .filtrate .quyu ul li{margin-top:3px}
  347. .contact_img{float:left;padding-top:40px;padding-left:35px}
  348. .contact_img img{margin-left:40px;width: 257px;height: 90px;}
  349. .contact_img h5{font-size:30px;color:#333333}
  350. .contact_text{float:left;padding-top:40px;padding-left:215px}
  351. .contact_text ul>li{font-size:20px;color:#666666;margin-bottom:20px}
  352. #baidu_container{height:400px}
  353. .m_fuwu{display:none}
  354. .client-list{}
  355. #trigger1{display:none}
  356. #trigger2{display:none}
  357. .client-list .quyu{margin-bottom:20px}
  358. .client-list ul::after{content:"";display:block;clear:both}
  359. .client-list ul li{float:left;padding:5px 20px;font-size:18px;color:#666666;height:34px;border-radius:5px;cursor:pointer;margin-left:3px}
  360. .client-list ul li.active{background:#1296DB;color:#ffffff}
  361. .client-list ul li:hover{background:#1296DB;color:#ffffff}
  362. .client-list .quyu,.client-list .shengfen{border-radius:5px;padding:6px 20px;background-color:#ffffff}
  363. .client-list .quyu::after,.client-list .shengfen::after{content:"";display:block;clear:both}
  364. .client-list ul{display:inline-block}
  365. .client-list .shengfen span{width:6%;display:block;height:100%;margin-bottom:39px}
  366. .client-list .shengfen ul{width:93%;display:block}
  367. .client-list .shengfen ul li{margin-top:3px}
  368. .client-list span{font-size:18px;color:#1295DB;float:left;margin-right:30px;line-height:36px}
  369. .client-item::after{content:"";display:block;clear:both}
  370. .client-item>div{float:left;width:19.8%;height:189px;margin-right:3px;margin-bottom:3px;position:relative;top:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;transition:all .36s ease;webkit-transition:all .36s ease}
  371. .client-item>div:hover{box-shadow:4px 3px 8px #c8c8c8;top:-10px}
  372. .client-item>div img{width:100%}
  373. .client-item>div:nth-child(5n){margin-right:0}
  374. #swiper6{height:835px;margin-top:30px;padding-top:20px}
  375. #swiper6 .swiper-pagination-bullet{width:72px;height:6px;display:inline-block;border-radius:21px;opacity:1;background:#666666}
  376. #swiper6 .swiper-pagination-bullet-active{background-color:#1296DB}
  377. .region-button{text-align:center;width:103px;font-size:16px;color:#ffffff;padding:12px;border-radius:5px;background:#1296DB;margin-top:40px}
  378. .company-list{color:#666666}
  379. .company-list h6{font-size:20px;font-weight:bold;padding-left:20px;color:#333333;border-left:3px solid #4520E1;margin-top:30px;margin-bottom:20px}
  380. .company-list span{font-size:20px;color:#4520E1;display:block;margin-bottom:10px}
  381. .company-list p{font-size:14px;color:#333333;display:inline-block}
  382. .company-zi::after{content:"";display:block;clear:both}
  383. .company-zi>.company-list{width:50%;float:left}
  384. .fazhang{margin-top:50px}
  385. .period{width:100%;text-align:center}
  386. .period::after{content:"";display:block;clear:both}
  387. .period>div{display:inline-block;width:200px;font-size:16px;border-radius:5px;color:#999999;padding:13px 9px;margin-right:20px;cursor:pointer;background:#ffffff;border:1px solid #c2c2c2}
  388. .period>div:nth-child(1){width:221px}
  389. .period>div.active{background:#1296DB;border-color:#1295DB;color:#ffffff}
  390. .history{display:none}
  391. .history.active{display:block}
  392. .history-item{margin-top:40px}
  393. .course-event{margin-left:280px;border-left:1px solid #ebebeb}
  394. .p-dec-d{display:none;margin-top:35px}
  395. .p-dec-d.active{display:block}
  396. .course-event h3{margin:0px 0 30px -40px;padding:18px 0;width:80px;height:80px;border-radius:50%;background:#f6f6f6;color:#303030;text-align:center;opacity:1;font-weight:700;font-size:24px;line-height:30px}
  397. .course-event h3 em{display:block;color:#a3a3a3;font-size:12px;line-height:14px}
  398. .course-event ul li{position:relative;padding-bottom:25px;padding-left:155px;font-size:14px}
  399. .course-event li em{position:absolute;top:0;left:0;padding-left:15px;height:30px;color:#a3a3a3;line-height:30px}
  400. .course-event li p{position:relative;padding-left:20px;color:#303030;line-height:30px}
  401. .course-event li p:before{position:absolute;top:12px;left:0;width:5px;height:5px;border-radius:50%;background:#a3a3a3;content:""}
  402. .course-event li em:before{position:absolute;top:10px;left:-5px;width:10px;height:10px;border-radius:50%;background:#1296DB;content:""}
  403. .page_1,.page_2,.page_3{margin:40px 0}
  404. .mobileSelect{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s,z-index 0.4s;transition:opacity 0.4s,z-index 0.4s}
  405. .mobileSelect *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}
  406. .mobileSelect .grayLayer{position:fixed;top:0;left:0;bottom:0;right:0;background:#eee;background:rgba(0,0,0,0.7);z-index:888;display:block}
  407. .mobileSelect .content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}
  408. .mobileSelect .content .fixWidth{width:90%;margin:0 auto;position:relative}
  409. .mobileSelect .content .fixWidth:after{content:".";display:block;height:0;clear:both;visibility:hidden}
  410. .mobileSelect .content .btnBar{border-bottom:1px solid #DCDCDC;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}
  411. .mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0}
  412. .mobileSelect .content .btnBar .cancel{left:0;color:#666}
  413. .mobileSelect .content .btnBar .ensure{right:0;color:#1e83d3}
  414. .mobileSelect .content .btnBar .title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  415. .mobileSelect .content .panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}
  416. .mobileSelect .content .panel .wheels{width:100%;height:200px;overflow:hidden}
  417. .mobileSelect .content .panel .wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}
  418. .mobileSelect .content .panel .wheel .selectContainer{display:block;text-align:center;-webkit-transition:-webkit-transform 0.18s ease-out;transition:-webkit-transform 0.18s ease-out;transition:transform 0.18s ease-out;transition:transform 0.18s ease-out,-webkit-transform 0.18s ease-out}
  419. .mobileSelect .content .panel .wheel .selectContainer li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  420. .mobileSelect .content .panel .selectLine{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC}
  421. .mobileSelect .content .panel .shadowMask{position:absolute;top:0;width:100%;height:200px;background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),color-stop(rgba(255,255,255,0)),to(#ffffff));background:-webkit-linear-gradient(top,#ffffff,rgba(255,255,255,0),#ffffff);background:linear-gradient(to bottom,#ffffff,rgba(255,255,255,0),#ffffff);opacity:0.9;pointer-events:none}
  422. .mobileSelect-show{opacity:1;z-index:10000;visibility:visible}
  423. .mobileSelect-show .content{bottom:0}
  424. @media screen and (max-width:955px){#baidu_container{height:auto}
  425. #baidu_container img{width:100%}
  426. .contact_img img{margin-left:0}
  427. .contact_img{float:left;padding-top:40px;width:100%;text-align:center}
  428. .contact_text{padding-left:0;width:100%}
  429. .contact_text ul>li{font-size:16px;color:#666666;margin-bottom:20px}
  430. }
  431. @media screen and (max-width:768px){.secondary-menu{padding-bottom:10px}
  432. .secondary-menu ul{height: 100%;line-height: 30px;padding: 15px 0;}
  433. .news-detail{width: 100%;}
  434. .newleft{width: 100%;}
  435. .hot{display: none;}
  436. .main{padding-top:0}
  437. .newslist li{padding:20px 13px}
  438. .swiper-containerx{height:auto;margin-top:69px}
  439. .swiper_title h6{font-size:40px}
  440. .news-item>div:nth-child(1){width:100%}
  441. .news-item>div:nth-child(2){width:100%;padding-left:0;margin-top:15px;height:150px}
  442. .news-item>div:nth-child(2) p{font-size:14px;height:80px;overflow:hidden}
  443. .about-ofoter .ofoter-item1{width:100%;margin-right:10px}
  444. .about-ofoter .ofoter-item2{width:100%;height:auto}
  445. .about-space{width:100%}
  446. .about-space::after{content:"";display:block;clear:both}
  447. .about-ofoter .ofoter-item1 .ofoters{width:100%;margin-bottom:10px;height:auto}
  448. .about-kede-content>.content{margin-top:25px}
  449. .kede-hj{padding:0px 0}
  450. .huanjing{height:auto;padding-top:25px}
  451. .huanjing::after{content:"";display:block;clear:both}
  452. .about-ofoter .ofoter-item1 .offoter2{width:100%;height:auto}
  453. .space-itme1,.space-itme2{width:100%}
  454. .about-kede-content>h4{font-size:20px}
  455. .about-kede-content>p{font-size:15px}
  456. .about-kede-content>.content>p{font-size:16px}
  457. .about-kede-content>.content>img{width:100%}
  458. .item2-s .s-item1{height:120px;margin-top:10px;margin-bottom:10px}
  459. .space-itme1 .itme1-s,.space-itme1 .itme1-d{width:100%;margin-right:10px;margin-top:10px}
  460. .space-itme1,.space-itme2{width:100%;float:left;height:100%}
  461. .space-itme1::after,.space-itme2::after{content:"";display:block;clear:both}
  462. .space-itme2{margin-top:10px}
  463. .kede-jingshen{padding-top:17px}
  464. .jingshen-item1>div:nth-child(1),.jingshen-item2>div:nth-child(1),.jingshen-item3>div:nth-child(1),.jingshen-item4>div:nth-child(1){width:100%;height:auto;margin-right:0px}
  465. .jingshen-item1>div:nth-child(2),.jingshen-item2>div:nth-child(2),.jingshen-item3>div:nth-child(2),.jingshen-item4>div:nth-child(2){width:100%;padding:17px;margin-right:0;margin-bottom:10px}
  466. .kede-jingshen span{font-size:20px;display:block;margin-top:9px;margin-bottom:17px}
  467. .jingshen-item1,.jingshen-item2,.jingshen-item3,.jingshen-item4{height:auto;margin-bottom:0}
  468. .jingshen-item1::after,.jingshen-item2::after,.jingshen-item3::after,.jingshen-item4::after{content:"";display:block;clear:both}
  469. .kede-jingshen p{font-size:12px;color:#ffffff}
  470. .kede-jingshen h5{font-size:30px;color:#ffffff}
  471. .jingsheng-top{margin-top:40px}
  472. .jingshen-item1>div,.jingshen-item2>div,.jingshen-item3>div,.jingshen-item4>div{margin-bottom:10px}
  473. .zizhi img{width:100%}
  474. .zizhi>div:nth-child(1){height:auto}
  475. .company-zi>.company-list{width:100%;float:left}
  476. .company-list h6{font-size:15px}
  477. .company-list span{font-size:17px}
  478. .region-button{text-align:center;width:90px;font-size:15px;color:#ffffff;padding:9px;border-radius:5px;background:#1296DB;margin-top:19px}
  479. .product-title h4{font-size:20px}
  480. .product-title p{font-size:15px;margin-bottom:20px}
  481. .product-map h6{font-size:15px;}
  482. .product-map h4{font-size:20px}
  483. #swiper5{height:554px}
  484. .str-f-text p,.str-f-number p{font-size:12px;color:#ffffff;margin-bottom:18px;padding-left:10px}
  485. .strategic ul>li>img{width:100%}
  486. .strategic ul>li{float:left;width:48.9%;margin-right:7px;margin-bottom:7px}
  487. .strategic ul>li:nth-child(2n){margin-right:0}
  488. .strate-f{padding:29px 0}
  489. .course-event{margin-left:11px;border-left:1px solid #ebebeb}
  490. .course-event ul li{position:relative;padding-bottom:25px;padding-left:59px;font-size:12px}
  491. .course-event h3{margin:0px 0 30px -27px;padding:6px 0;width:55px;height:55px;font-weight:700;font-size:17px;line-height:31px}
  492. .course-event h3 em{font-size:12px;line-height:6px}
  493. .fazhang{margin-top:6px}
  494. .period>div:nth-child(1){width:170px}
  495. .period>div{width:169px;font-size:12px;padding:9px 9px;margin-right:0;margin-bottom:8px}
  496. .news-item>div:nth-child(2) h6{font-size:19px;color:#333333;margin:0}
  497. #trigger1,#trigger2{display:block;width:100%;height:40px;border-radius:5px;border:1px solid #999;margin-bottom:20px;text-align:center;font-size:14px;line-height:40px}
  498. .client-item>div:nth-child(5n){margin-right:3px}
  499. .client-item>div:nth-child(2n){margin-right:0px}
  500. .client-item>div{float:left;width:49.2%;height:auto}
  501. .client-list .shengfen,.client-list .quyu{display:none}
  502. .filtrate .quyu{padding:2px 10px;height:203px}
  503. .filtrate span{font-size:16px;width:100%;height:auto;text-align:center}
  504. .filtrate ul li{float:left;padding:5px 12px;font-size:13px;color:#666666;height:29px;border-radius:5px;cursor:pointer;margin-left:3px;margin-bottom:4px}
  505. .filtrate ul{width:100%}
  506. .filtrate .shengfen{height:156px}
  507. #position p{font-size:16px!important}
  508. .p-dec-d .gialian-con{width:100%;margin:0 auto;padding:0 20px}
  509. .p-dec-d .shengqing-con{width:100%;margin:0 auto;padding:0 20px}
  510. .p-dec-d .lingyu-con{width:100%;margin:0 auto;padding:0 20px}
  511. .p-dec-d .zhengce-con{width:100%;margin:0 auto;padding:0 20px}
  512. .p-dec-d .chengnuo-con{width:100%;margin:0 auto;padding:0 20px}
  513. #swiper4{height:140px}
  514. .product-list #swiper4>.swiper-wrapper .pd-li{height:auto}
  515. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t span{font-size:39px}
  516. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t{top:-17px}
  517. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t p{opacity:0}
  518. .product-list #swiper4>.swiper-wrapper .pd-li .pd-t em{font-size:16px}
  519. .product-list #swiper4>.swiper-wrapper .pd-li.active .pd-t{top:-11px}
  520. #swiper4.swiper-container-horizontal>.swiper-pagination-bullets{bottom:-5px;left:0;width:100%}
  521. #swiper4 .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:200%;opacity:1;background:#666666}
  522. .p-dec-d .p-header{height:175px}
  523. .p-dec-d .p-header h4{font-size:26px}
  524. .p-dec-d .p-button-titile{width:89px;padding:7px 11px;font-size:15px;margin-bottom:20px;text-align:center!important}
  525. .gialian-con>p{font-size:14px}
  526. .p-dec-d .p-button-titile::after{top:-5px;left:-5px;width:111%;height:126%}
  527. .p-dec-d .haochu-ul li{font-size:14px}
  528. .zhibiao-p{font-size:15px;margin:15px auto}
  529. .p-dec-d .chengnuo-ul li{width:50%;padding:29px 14px;font-size:12px}
  530. .p-dec-d .shengqing-ul li{font-size:14px;margin-bottom:9px}
  531. .p-dec-d .haochu-ul li em{width:20px;height:20px;line-height:20px;font-size:13px;border:1px solid #1296DB}
  532. .p-dec-d .shengqing-ul li em{width:20px;height:20px;line-height:20px;font-size:13px;border:1px solid #1296DB}
  533. .about-ofoter .ofoter-item1 .offoter1{margin-bottom:10px;height:auto}
  534. .p-dec-d .lingyu-ul li{padding:15px 22px;border:1px dashed #1295DB;position:relative;display:inline-block;font-size:13px;color:#666666;margin-left:40px;margin-bottom:24px}
  535. .p-dec-d .lingyu-ul li em{position:absolute;top:-17px;left:-8px;font-size:19px;color:#ffffff}
  536. .five-angle::before{top:-32px;left:-8px;border-width:0px 18px 15px}
  537. .five-angle{top:-8px;left:-20px;width:35px;border-width:17px 8px 0}
  538. .p-dec-d .liucheng-ul li{width:129px;height:77px;line-height:81px;font-size:12px;margin-right:27px}
  539. .p-dec-d .liucheng-ul li::after{top:30px;right:-25px;border-left:15px solid #1295DB;border-bottom:7px solid transparent;border-top:7px solid transparent}
  540. .p-dec-d .zhengce-ul{padding-left:0}
  541. .p-dec-d .zhengce-ul li p{font-size:13px;color:#666666}
  542. .p-dec-d .zhengce-ul li{display:inline-block;padding:17px;border:1px solid #1295DB;margin-right:7px;height:160px;margin-bottom:5px}
  543. .p-dec-d .zhengce-ul li span{font-size:15px;color:#333333;margin-bottom:6px}
  544. .p-dec-d .zhibiao-dec table{font-size:16px}
  545. .p-dec-d .gailian,.haochu{padding:15px 0px 50px}
  546. .jishu-one{width:100%}
  547. .jishu-one li{width:32.3%;height:143px;float:left;padding:15px;font-size:12px}
  548. .jishu-one li::after,.jishu-one li::before{display:none}
  549. .jishu-one li>span:nth-child(1){font-size:32px;margin-bottom:8px}
  550. .jishu-one li:nth-child(2){margin:0 5px}
  551. .ziyuan-ul{width:100%}
  552. .ziyuan-ul li:nth-child(2){height:auto;margin:0;margin-top:5px;width:100%}
  553. .ziyuan-ul li{width:100%;height:auto;padding:6px 0;margin-top:5px}
  554. .ziyuan-ul li span{font-size:13px;margin-bottom:3px;margin-top:8px}
  555. .ziyuan-ul li p{font-size:12px}
  556. .ziyuan-ul li:nth-child(2) p,.ziyuan-ul li:nth-child(2) span{font-size:12px;margin-bottom:8px;margin-top:5px !important}
  557. .ziyuan-ul li:nth-child(1),.ziyuan-ul li:nth-child(3){margin-top:5px}
  558. .secondary-menu.about-kede-secodn ul{width:100%;text-align:center;line-height:33px;border-radius:5px;background:#ffffff;box-shadow:4px 3px 8px #c8c8c8}
  559. .detail-title h6{font-size:20px}
  560. .detail-title span{font-size:14px}
  561. .news-detail{padding:10px}
  562. .detail-content img{display:block;margin:0;width:100%}
  563. .wow{display:none}
  564. #swiper51{display:block}
  565. #swiper51 .item{width:100%}
  566. #swiper51 .item h3{height:44px;line-height:44px;margin:0;font-size:20px;font-weight:400;color:#ffffff;text-align:center;background:#c39857}
  567. #swiper51 .item .desc{line-height:24px;padding:0 15px 0;font-size:14px;color:#929292}
  568. .p-secod-menu ul{width:100%;height:97px;text-align:center;line-height:27px}
  569. .p-secod-menu.p-secod-menu.chaoduohang ul li a{color:#999999;cursor:pointer;font-size:14px;display:inline-block;width:98%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
  570. .p-secod-menu.chaoduohang ul li{width:50%;margin-right:0}
  571. .p-secod-menu.chaoduohang ul{height:560px;line-height:1.6}
  572. .pingtai-l>div{width:76px;height:157px;border-radius:200%;background:#E5F3FB;float:left;margin-right:6px;text-align:center;padding:15px;padding-top:43px;font-size:12px;position:relative}
  573. .pingtai-l{width:100%;margin:0 auto}
  574. ul.junmingstyle.product-a li{height:30px!important}
  575. ul.junmingstyle.product-a{height:191px!important}
  576. .p-dec-d{margin-top:-2px}
  577. .p-secod-menu ul li{margin-right:17px;margin-bottom:5px}
  578. .p-secod-menu ul{height:104px;line-height:26px;padding:3px}
  579. ul.gaoxinstyle.product-a li>a{font-size:13px!important}
  580. ul.gaoxinstyle.product-a li{margin-right:12px}
  581. ul.caishuistyle{height:104px!important}
  582. ul.caishuistyle li{margin-right:17px!important}
  583. ul.caishuistyle li>a{font-size:14px!important}
  584. .p-secod-menu.duohang ul{height:260px;line-height:1.2;padding:10px}
  585. }
  586. @media screen and (max-width:360px){.jishu-one li{width:32%;height:143px;float:left;padding:15px;font-size:12px}
  587. }