secode.css 40 KB

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