style.css 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647
  1. /*
  2. Theme Name: arrow360one
  3. Description: jg company website
  4. Author: lilei
  5. Version: 1.0
  6. */
  7. /* CSS Document */
  8. @charset "utf-8";
  9. body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; color:#333333; background:#FFF;}
  10. ul,li,dl,dt,dd{ list-style:none; margin:0; padding:0; outline:none;}
  11. a{ text-decoration:none; color:#333333; margin:0; padding:0; border:0; outline:none;}
  12. p,h2,h3,h4,div{ border:0; margin:0; padding:0; outline:none;}
  13. input,textarea{ border:0; outline:none; outline:none;}
  14. img{ display:inline; max-width:100%; max-height:100%; outline:none;}
  15. .clear{ clear:both;}
  16. .w1200{ width:1200px; margin:0 auto;}
  17. header .top1{ width:100%; overflow: hidden; background:#e50012; font:normal 14px/20px "微软雅黑"; color:#FFF; padding:10px 0;}
  18. header .top1 img{ display:inline-block; vertical-align:top; margin-right:8px;}
  19. header .top1 .yy{ float:right;}
  20. header .top1 .yy a{ color:#FFF; padding-left:8px;}
  21. header .top1 .tel{ float:right; margin-right:20px;}
  22. header .top2{ width:100%; height:60px; padding:20px 0 10px;}
  23. header .top2 .logo{ float:left;}
  24. header .top2 .menu{ float:right;}
  25. header .top2 .menu>ul{ float:left;}
  26. header .top2 .menu>ul>li{ float:left; padding:11px 17px 4px; position:relative;}
  27. header .top2 .menu>ul>li>a{ display:block; height:40px; font:normal 16px/40px "微软雅黑";}
  28. header .top2 .menu>ul>li.on>a{ color:#de0011; border-bottom:4px solid #de0011;}
  29. header .top2 .menu>ul>li.on:after{ content:''; width:0; height:0; position:absolute; z-index:1; left: calc(50% - 5px); top:41px; border-style:solid; border-width:5px; border-color:transparent transparent #de0011 transparent;}
  30. header .top2 .menu>ul>li>ul{ position:absolute; z-index:99; width:100px; padding:10px; background:rgba(247,18,36,0.75); left:50%; top:55px; transform:translateX(-50%); display:none;}
  31. header .top2 .menu>ul>li>ul>li>a{ display:block; width:100%; height:35px; text-align:center; font:normal 14px/35px "微软雅黑"; border-bottom:1px dashed #ff6471; color:#FFF;}
  32. header .top2 .menu>ul>li:hover>ul{ display:block;}
  33. header .top2 .menu>ul>li>ul>li>a:hover{background: hsl(355, 100%, 68%);}
  34. header .top2 .menu .search{ float:left; height:25px; margin:17px 0 0;}
  35. /*手机*/
  36. .phone_menu_trigger {display:none;position:absolute;right:10px;top:50%;z-index:10;transform:translateY(-50%);transition:all 0.4s ease-in-out;}
  37. .phone_menu_trigger > div {width:24px;height:2px;cursor:pointer;background:#333;transition:all 0.4s ease-in-out;}
  38. .phone_menu_trigger > div:not(:last-child) { margin-bottom:5px;}
  39. .phone_menu_trigger.on div:nth-child(1) { transform:rotateZ(45deg) translateY(5px);}
  40. .phone_menu_trigger.on div:nth-child(2) { transform:rotateZ(-45deg) translateY(-5px);}
  41. .phone_menu_trigger.on div:nth-child(3) { height:0px;}
  42. /*手机导航内容*/
  43. .phone_menu {display:none;position:fixed;top:0;left:0; z-index:9; overflow:scroll; background:#fff;padding:0 0 41px;width:100%;height:calc(100% - 80px);margin-top:40px;}
  44. .phone_menu > li {font:normal 18px/54px "微软雅黑";color:#000;border-bottom:dashed 1px #ccc;}
  45. .phone_menu > li > a {display:block;color:#333;padding-left:15px;font-size:16px;position:relative;}
  46. .phone_menu > li > .phone_menu_tab {padding-left:30px;display:none;}
  47. .phone_menu > li > .phone_menu_tab > li {position:relative; font:normal 15px/36px "微软雅黑";}
  48. .phone_menu > li > .phone_menu_tab > li > a {color:#000000;padding-left:15px;}
  49. .phone_menu > li > .phone_menu_tab > li:before {content:'';display:block;width:5px;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:50%;background:#e50012;}
  50. .phone_menu > .MpNav > a:after {content:'';transition:all 0.4s ease-in-out;display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);border-style:solid solid none solid;border-width:8px;border-color:#e50012 transparent transparent transparent;}
  51. .phone_menu > .MpNav > a.open:after {transform:rotate(-180deg);}
  52. .phone_menu > .yy{ text-align:center; font:normal 16px/50px "微软雅黑";}
  53. .phone_menu > .yy a{ padding:0 15px;}
  54. .phone_menu > .yy img{ display:inline-block; vertical-align:middle; margin-right:5px;}
  55. .ind_tit1{ text-align:center; padding:60px 0 80px;}
  56. .ind_tit1 h3{ font:bold 30px/30px "微软雅黑"; padding-top:50px; background:url(./assets/images/index_23.jpg) no-repeat center top; margin-bottom:20px;}
  57. .ind_tit1 p{ display:inline-block; width:67%; height:10px; border-bottom:1px solid #dedfe3; font:normal 20px/20px "微软雅黑"; color:#999999;}
  58. .ind_tit1 p span{ display:inline-block; background:#FFF; padding:0 10px;}
  59. .ind_tit2{ text-align:center; padding:70px 0 50px;}
  60. .ind_tit2 h3{ font:bold 30px/30px "微软雅黑"; padding:0 0 20px;}
  61. .ind_tit2 p{ display:inline-block; width:67%; height:10px; border-bottom:1px solid #dedfe3; font:normal 20px/20px "微软雅黑"; color:#999999;}
  62. .ind_tit2 p span{ display:inline-block; background:#FFF; padding:0 35px; position:relative;}
  63. .ind_tit2 p span:before{ content:''; width:20px; height:20px; position:absolute; left:0; top:0; background:url(./assets/images/index_48.png) no-repeat center top;}
  64. .ind_tit2 p span:after{ content:''; width:20px; height:20px; position:absolute; right:0; top:0; background:url(./assets/images/index_49.png) no-repeat center top;}
  65. .ind_box1 ul{ overflow:hidden; padding-bottom:100px;}
  66. .ind_box1 ul li{ width:150px; float:left; text-align:center; margin:0 45px;}
  67. .ind_box1 ul li div{ padding:5px 0;}
  68. .ind_box1 ul li div img{ display:inline-block;}
  69. .ind_box1 ul li h3{ font:bold 24px/34px "微软雅黑";}
  70. .ind_box1 ul li h3 span{ display:inline-block; font:bold 14px/20px "微软雅黑"; vertical-align:top;}
  71. .ind_box1 ul li p{ font:normal 14px/26px "微软雅黑"; color:#666666;}
  72. .ind_box2{ width:100%; overflow:hidden; background:url(./assets/images/index_46.jpg) no-repeat right top;display: flex;align-items: center;justify-content: space-between;}
  73. .ind_box2 .l{ width:50%;}
  74. .ind_box2 .l video{ margin:0; padding:0; display:block;}
  75. .ind_box2 .r{ width:45%;}
  76. .ind_box2 .r ul{ overflow:hidden;}
  77. .ind_box2 .r ul li{ width:100%; overflow:hidden; margin-bottom:5%;display: flex;align-items: center;}
  78. .ind_box2 .r ul li span{ display:inline-block; width:62px; height:62px; text-align:center; font:bold 24px/62px "微软雅黑"; color:#e70012; background:#FFF; border-radius:50%;}
  79. .ind_box2 .r ul li div{ display:inline-block; width:390px; margin-left:20px; font:normal 16px/30px "微软雅黑"; color:#FFF;}
  80. .ind_box2 .r ul>a{ display:block; width:140px; height:40px; border:1px solid #FFF; border-radius:5px; text-align:center; font:normal 14px/40px "微软雅黑"; color:#FFF;margin-top: -10px;}
  81. .ind_box3{ width:100%; overflow:hidden; background:#fafafa;}
  82. .ind_box3 .ind_tit2 p span{ background:#fafafa;}
  83. .ind_box3 .w1200{ position:relative;}
  84. .ind_box3 .w1200 .swbp2{ background:url(./assets/images/index_55.jpg); width:17px; height:25px; left:-30px;top:40%;}
  85. .ind_box3 .w1200 .swbn2{ background:url(./assets/images/index_56.jpg); width:17px; height:25px; right:-30px;top:40%;}
  86. .ind_box3 .w1200 .swbp2:hover{ background:url(./assets/images/index_57.jpg);}
  87. .ind_box3 .w1200 .swbn2:hover{ background:url(./assets/images/index_58.jpg);}
  88. .ind_box3 .w1200 .swiper-slide h3{ position:absolute; left:0; bottom:0; width:100%; font:normal 16px/34px "微软雅黑"; background:rgba(253, 253, 253, 0.85); text-align:center; color:#111111;}
  89. .ind_box3 .w1200 .swiper-slide:hover h3{ display:block;}
  90. .ind_box3 .w1200 .more{ display:block; width:140px; height:40px; border:1px solid #ccc; border-radius:5px; text-align:center; font:normal 14px/40px "微软雅黑"; color:#666; margin:40px auto 50px;}
  91. .ind_box4 .lm{ text-align:center; margin:0 0 40px;}
  92. .ind_box4 .lm li{ width:104px; height:30px; border:1px solid #ccc; border-radius:5px; display:inline-block; padding:8px 15px; font:normal 16px/30px "微软雅黑"; margin:0 15px;}
  93. .ind_box4 .lm li img{ display:inline-block; vertical-align:top; margin-right:8px;}
  94. .ind_box4 .lm li span{ display:inline-block; vertical-align:top; width:30px; height:30px; overflow:hidden; position:relative; margin-right:10px;}
  95. .ind_box4 .lm li span>span{ display:block; width:30px; height:30px; position:absolute; left:-30px; filter:drop-shadow(rgb(177, 177, 177) 30px 0px);}
  96. .ind_box4 .lm li:hover{ background:#e70012;}
  97. .ind_box4 .lm li:hover a{ color:#FFF;}
  98. .ind_box4 .lm li:hover span>span{ filter:drop-shadow(rgb(255, 255, 255) 30px 0px);}
  99. .ind_box4 .list{ overflow:hidden;}
  100. .ind_box4 .list .l{ width:565px; float:left; position:relative;}
  101. .ind_box4 .list .l>div{ padding:5px; border:1px solid #f1f1f1; border-radius:5px;}
  102. .ind_box4 .list .l>h3{ width:calc(100% - 32px); height:40px; padding:0 10px; position:absolute; z-index:2; left:6px; bottom:6px; font:normal 18px/40px "微软雅黑"; background:rgba(255,255,255,0.95);}
  103. .ind_box4 .list .l>h3 span{ float:right; color:#666666;}
  104. .ind_box4 .list .r{ width:590px; float:right;}
  105. .ind_box4 .list .r>div{ overflow:hidden; margin-bottom:8px;}
  106. .ind_box4 .list .r>div div{ width:205px; float:left; padding:5px; border:1px solid #f1f1f1; border-radius:5px; margin-right:16px;}
  107. .ind_box4 .list .r>div h3{ font:normal 16px/36px "微软雅黑"; color:#e70012a1;line-height: normal; margin-bottom: 6px;}
  108. .ind_box4 .list .r>div h3:hover{color:#e70012;}
  109. .ind_box4 .list .r>div span{ display:block; font:normal 14px/26px "微软雅黑"; color:#aaaaaa;}
  110. .ind_box4 .list .r>div span img{ display:inline-block; vertical-align:middle; margin-right:8px;}
  111. .ind_box4 .list .r>div p{ font:normal 14px/26px "微软雅黑"; color:#888888;}
  112. .ind_box4 .list .r ul li{ overflow:hidden; padding:14px 0; font:normal 16px/24px "微软雅黑"; border-bottom:1px dashed #cccccc;}
  113. .ind_box4 .list .r ul li a:hover{color:#e70012}
  114. .ind_box4 .list .r ul li span{ color:#aaaaaa; float:right;}
  115. .ind_box4 .list .r ul li em{ display:block; width:8px; height:8px; background:#cccccc; float:left; margin:8px 14px 8px 2px;}
  116. .ind_box4 .list .r .more{ display:block; width:140px; height:40px; border:1px solid #ccc; border-radius:5px; text-align:center; font:normal 14px/40px "微软雅黑"; color:#666; margin:18px 0 0;}
  117. .ind_box5{ width:100%; height:190px; background:url(./assets/images/index_80.jpg) no-repeat center top; margin-top:60px;}
  118. .ind_box5>div>div{ padding:30px 0 0 36px; font:bold 35px/50px "微软雅黑"; color:#e70012;}
  119. .ind_box5>div>h3{ font:normal 22px/32px "微软雅黑"; color:#FFF; background:#e70012; width:366px; text-align:center; margin:0 0 0 36px;}
  120. .ind_box5>div>p{ font:normal 30px/44px "微软雅黑"; margin:0 0 0 36px;}
  121. .ind_box6{ overflow:hidden;}
  122. .ind_box6 ul{ height:146px; border-bottom:3px solid #dddddd; margin-bottom:156px; position:relative;}
  123. .ind_box6 ul:after{ content:''; width:0; height:0; border-style:solid; border-width:11px 14px; border-color:transparent transparent transparent #dddddd; position:absolute; right:-16px; bottom:-12px;}
  124. .ind_box6 ul li{ width:118px; float:left; text-align:center; margin:0 41px;}
  125. .ind_box6 ul li div{ height:118px; position:relative;}
  126. .ind_box6 ul li div:before{ content:''; width:0; height:0; border-style:solid; border-width:14px 11px; border-color:#e70012 transparent transparent transparent; position:absolute; z-index:1; left: calc(50% - 11px); top:120px;}
  127. .ind_box6 ul li div:after{ content:''; width:12px; height:12px; border-radius:50%; background:#e70012; position:absolute; z-index:1; left: calc(50% - 6px); top:141px;}
  128. .ind_box6 ul li p{ font-size:20px; margin-top:54px;}
  129. .ind_box7{ width:100%; height:590px; background:url(./assets/images/index_90.jpg) no-repeat center top;}
  130. .ind_box7 .msg{ padding:0 134px; box-sizing:border-box;}
  131. .ind_box7 .msg h3{ text-align:center; font:bold 48px/60px "微软雅黑"; color:#FFF; padding:50px 0 36px;}
  132. .ind_box7 .msg h3 p{ font:bold 24px/36px "微软雅黑";}
  133. .ind_box7 .msg ul{ overflow:hidden;}
  134. .ind_box7 .msg ul li{ width:100%; float:left; margin-bottom:22px;}
  135. .ind_box7 .msg ul li.rename{ width:380px; float:left;}
  136. .ind_box7 .msg ul li.tel{ width:380px; float:right;}
  137. .ind_box7 .msg ul li span{ display:inline-block; vertical-align:top; width:100px; text-align:right; font:normal 16px/36px "微软雅黑"; text-align:right; color:#FFF;}
  138. .ind_box7 .msg ul li input{ width:246px;padding-left: 8px; height:36px; border-radius:5px; background:#fbf3f4;}
  139. .ind_box7 .msg ul li em{ display:inline-block; text-align:center; color:#FFF;}
  140. .ind_box7 .msg ul li select{ width:254px; height:36px; border:0; border-radius:5px; background:#fbf3f4; margin-right:17px;}
  141. .ind_box7 .msg ul li textarea{ width:802px; height:72px; border-radius:5px; background:#fbf3f4;}
  142. .ind_box7 .msg ul li button{ display:block; width:192px; height:46px; margin:28px auto; border:0; border-radius:8px; background:#202020; font:bold 20px/46px "微软雅黑"; color:#FFF;}
  143. footer{ background:url(./assets/images/index_110.jpg) no-repeat center top;; overflow:hidden;}
  144. footer .ewm{ width:160px; float:left; margin:107px 0 0 34px; font:normal 16px/48px "微软雅黑"; color:#FFF; text-align:center;}
  145. footer .menu{ float:right; padding:50px 0;}
  146. footer .menu dl{ width:100px; float:left; margin-right:64px; color:#FFF;}
  147. footer .menu dl:last-child{ margin-right:0;}
  148. footer .menu dl dt{ height:60px; border-bottom:1px solid #acacac; font:normal 17px/60px "微软雅黑"; margin-bottom:15px;}
  149. footer .menu dl dd a{ font:normal 15px/30px "微软雅黑"; color:#FFF;}
  150. footer .links{ overflow:hidden; font:normal 14px/30px "微软雅黑"; color:#FFF;}
  151. footer .links span{ display:inline-block;}
  152. footer .links a{ padding:5px; color:#FFF;}
  153. footer .copyright{ text-align:center; border-top:1px solid #606060; padding:13px 0; font:normal 14px/30px "微软雅黑"; color:#FFF;}
  154. footer .copyright a{ color:#FFF;}
  155. footer .copyright img{ display:inline-block;}
  156. .ny_main{ overflow:hidden; padding:35px 0 65px;}
  157. .ny_main .l{ width:280px; float:left;}
  158. .ny_main .l .box{ margin-bottom:22px;}
  159. .ny_main .l .box .tit{ height:49px; background:#a3a3a3; font:bold 18px/49px "微软雅黑"; color:#FFF; padding-left:28px;}
  160. .ny_main .l .box .bor{ padding:10px; border:1px solid #ebebeb;}
  161. .ny_main .l .box .bor .lm li{ margin-bottom:10px;}
  162. .ny_main .l .box .bor .lm li:last-child{ margin-bottom:0;}
  163. .ny_main .l .box .bor .lm li a{ display:block; width:100%; height:38px; background:#fafafa; font:normal 15px/38px "微软雅黑";}
  164. .ny_main .l .box .bor .lm li a span{ display:inline-block; width:40px; height:38px; text-align:center; font:normal 12px/38px Impact; color:#b4b4b4;}
  165. .ny_main .l .box .bor .lm li a:hover{ background:#e50012; color:#FFF;}
  166. .ny_main .l .box .bor .lm li a:hover span{ color:#FFF;}
  167. .ny_main .l .box .bor .lm li.on a{ background:#e50012; color:#FFF;}
  168. .ny_main .l .box .bor .lm li.on a span{ color:#FFF;}
  169. .ny_main .l .box .con{ font:normal 15px/30px "微软雅黑";}
  170. .ny_main .l .box .con img{ display:inline-block; vertical-align:middle; margin-right:10px;}
  171. .ny_main .l .box .con .ewm{ text-align:center; margin:10px auto;}
  172. .ny_main .r{ width:890px; float:right;}
  173. .ny_main .r .tit{ height:50px; margin-top:10px; border-bottom:1px solid #ccc;}
  174. .ny_main .r .tit .lj{ float:right; font:normal 14px/50px "微软雅黑"; color:#999999;}
  175. .ny_main .r .tit .lj a{color:#999999;}
  176. .ny_main .r .tit .lj a:hover{color:#e50012;}
  177. .ny_main .r .tit .lj>span{color:#e50012;}
  178. .ny_main .r .tit>span{ display:inline-block; font:bold 18px/48px "微软雅黑"; border-bottom:5px solid #e50012;}
  179. .ny_main .r>.con{ font:normal 16px/32px "微软雅黑"; padding-top:40px;}
  180. .ny_main .r>.con .vid{ padding:20px 50px 30px;}
  181. .ny_honor .ny_tit{ text-align:center; padding:0px 0 30px;}
  182. .ny_honor .ny_tit h3{ font:bold 30px/30px "微软雅黑"; padding:0 0 20px;}
  183. .ny_honor .ny_tit p{ display:inline-block; width:90%; height:10px; border-bottom:1px solid #dedfe3; font:normal 20px/20px "微软雅黑"; color:#999999;}
  184. .ny_honor .ny_tit p span{ display:inline-block; background:#FFF; padding:0 35px; position:relative;}
  185. .ny_honor .ny_tit p span:before{ content:''; width:20px; height:20px; position:absolute; left:0; top:0; background:url(./assets/images/index_48.png) no-repeat center top;}
  186. .ny_honor .ny_tit p span:after{ content:''; width:20px; height:20px; position:absolute; right:0; top:0; background:url(./assets/images/index_49.png) no-repeat center top;}
  187. .ny_honor .sw1{ margin-bottom:50px;}
  188. .ny_honor .sw1 .swiper-slide p{ margin-top:20px; font:normal 15px/30px "微软雅黑"; text-align:center;}
  189. .ny_honor .sw2{ margin-bottom:50px;}
  190. .ny_honor .sw3 .swiper-slide p{ margin-top:20px; font:normal 15px/30px "微软雅黑"; text-align:center;}
  191. .ny_history ul{ position:relative; margin:60px 0 0;}
  192. .ny_history ul:after{ content:''; width:2px; height:78%; background:#e60012; position:absolute; left: calc(50% - 1px); top:0;}
  193. .ny_history ul:before{ content:''; width:33px; height:48px; background:url(./assets/images/about5_03.jpg); position:absolute; left: calc(50% - 16.5px); top:-60px;}
  194. .ny_history ul li{ overflow:hidden; position:relative; padding-bottom:34px;}
  195. .ny_history ul li:after{ content:''; width:18px; height:18px; background:url(./assets/images/about5_04.png); position:absolute; z-index:3; right: calc(50% - 9px); top:33px;}
  196. .ny_history ul li:before{ content:''; width:30%; height:1px; background:#ff818b; position:absolute; z-index:2; right:50%; top:42px;}
  197. .ny_history ul li .img{ width:400px; float:left; margin:26px 0 0 10px; position:relative; z-index:3;}
  198. .ny_history ul li .con{ width:400px; float:right; margin:26px 10px 0 0;}
  199. .ny_history ul li .con>h3{ font:normal 24px/40px "微软雅黑";}
  200. .ny_history ul li .con>h3 span{ font-weight:bold; color:#e60012; margin-right:10px;}
  201. .ny_history ul li .con>h3 p{ font:normal 18px/30px "微软雅黑";}
  202. .ny_history ul li .con>div>h4{ font:bold 24px/40px "微软雅黑"; margin-top:20px;}
  203. .ny_history ul li .con>div>p{ font:normal 14px/30px "微软雅黑";}
  204. .ny_history ul li:nth-child(2n):before{ left:50%; right:auto;}
  205. .ny_history ul li:nth-child(2n) .img{ float:right; margin:26px 10px 0 0;}
  206. .ny_history ul li:nth-child(2n) .con{ float:left; margin:26px 0 0 10px; text-align:right;}
  207. .ny_network>ul{ overflow:hidden; margin-top:25px;}
  208. .ny_network>ul>li{ width:288px; height:216px; float:left; margin:0 13px 30px 0; position:relative;}
  209. .ny_network>ul>li h3{ position:absolute; left:0; bottom:0; width:100%; font:normal 16px/34px "微软雅黑"; background:rgba(231,0,18,0.9); text-align:center; color:#FFF; display:none;}
  210. .ny_network>ul>li:nth-child(3n){ margin:0 0 30px 0;}
  211. .ny_network>ul>li:hover h3{ display:block;}
  212. .ny_pages{ text-align:center;}
  213. .ny_pages img{ display:inline-block;}
  214. .ny_video ul li{ width:286px; float:left; margin:0 16px 20px 0;}
  215. .ny_video ul li:nth-child(3n){ margin:0 0 20px 0;}
  216. .ny_video ul li div{ height:210px; position:relative;}
  217. .ny_video ul li div span{ display:block; width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;}
  218. .ny_video ul li h3{ font:normal 15px/50px "微软雅黑"; text-align:center;}
  219. .ny_news>ul li{ overflow:hidden; margin-bottom:30px;}
  220. .ny_news>ul li>div{ width:260px;height: 170px; float:left; padding:5px; border:1px solid #f1f1f1; border-radius:5px; margin-right:35px;}
  221. .ny_news>ul li>h3{ font:normal 20px/40px "微软雅黑"; margin-bottom:10px;}
  222. .ny_news>ul li>span{ display:block; font:normal 14px/20px "微软雅黑"; color:#888888;}
  223. .ny_news>ul li>span img{ display:inline-block; vertical-align:middle; margin-right:8px;}
  224. .ny_news>ul li>p{ font:normal 14px/26px "微软雅黑"; margin-bottom:20px;}
  225. .ny_news>ul li>a{ display:inline-block; width:126px; height:40px; border:1px solid #ececec; text-align:center; font:normal 14px/40px "微软雅黑"; color:#888888;}
  226. .ny_news>ul li>h3 a:hover{ color:#e70012;}
  227. .ny_news>ul li>a:hover{ color:#e70012;}
  228. .ny_news_detail>h3{ font:bold 20px/30px "微软雅黑"; text-align:center;}
  229. .ny_news_detail .infos{ font:normal 14px/24px "微软雅黑"; color:#999999; padding:36px 0 40px; text-align:center;}
  230. .ny_news_detail .infos span{ display:inline-block; padding:0 25px;}
  231. .ny_news_detail .infos span img{ display:inline-block; vertical-align:middle;height: 16px;margin-right: 5px;}
  232. .ny_news_detail .con{ font:normal 16px/30px "微软雅黑";}
  233. .ny_news_detail .prev_next{ margin:20px 0 0; padding:10px 0; border-top:1px solid #ccc; font:normal 16px/40px "微软雅黑";}
  234. .ny_news_detail .prev_next a:hover{ color:#e60012;}
  235. .ny_join{ width:100%; overflow:hidden;}
  236. .ny_join .box{ position:relative; left:50%;}
  237. .ny_join .box img{ max-width:1920px; transform:translateX(-50%);}
  238. .ny_join .msg{ padding:0 134px; box-sizing:border-box; position:absolute; z-index:5; top:0; transform: translateX(-50%);}
  239. .ny_join .msg h3{ text-align:center; font:bold 48px/60px "微软雅黑"; color:#e70012; padding:50px 0 36px;}
  240. .ny_join .msg h3 p{ font:bold 24px/36px "微软雅黑"; color:#151515;}
  241. .ny_join .msg ul{ overflow:hidden;}
  242. .ny_join .msg ul li{ width:100%; float:left; margin-bottom:22px;}
  243. .ny_join .msg ul li.rename{ width:380px; float:left;}
  244. .ny_join .msg ul li.tel{ width:380px; float:right;}
  245. .ny_join .msg ul li span{ display:inline-block; vertical-align:top; width:100px; text-align:right; font:normal 16px/36px "微软雅黑"; text-align:right; color:#333;}
  246. .ny_join .msg ul li input{ width:254px; height:36px; border-radius:5px; background:rgba(255,255,255,0.95);}
  247. .ny_join ul li.company input{width:810px;height:36px; border-radius:5px; background:rgba(255,255,255,0.95);}
  248. .ny_join .msg ul li em{ display:inline-block;text-align:center; color:#ec0808;}
  249. .ny_join .msg ul li select{ width:254px; height:36px; border:0; border-radius:5px; background:rgba(255,255,255,0.95); margin-right:17px;}
  250. .ny_join .msg ul li textarea{ width:802px; height:72px; border-radius:5px; background:rgba(255,255,255,0.95);padding: 10px;}
  251. .ny_join .msg ul li button{ display:block; width:192px; height:46px; margin:28px auto; border:0; border-radius:8px; background:#202020; font:bold 20px/46px "微软雅黑"; color:#FFF;}
  252. .ny_join2 ul{ width:100%; position:relative;}
  253. .ny_join2 ul li{ width:270px; position:absolute; font:normal 20px/30px "微软雅黑";}
  254. .ny_join2 ul li div{ width:78px; height:78px; font:bold 36px/78px "微软雅黑"; color:#e50012; text-align:center; background:#FFF; border:1px solid #ccc; border-radius:50%;}
  255. .ny_join2 ul li h3{ font:normal 20px/30px "微软雅黑"; margin:10px 0;}
  256. .ny_join2 ul li:nth-child(1){ z-index:2; left:10px; top:380px; text-align:right;}
  257. .ny_join2 ul li:nth-child(1) div{ float:right; margin-left:10px;}
  258. .ny_join2 ul li:nth-child(2){ z-index:2; left:60px; top:200px; text-align:right;}
  259. .ny_join2 ul li:nth-child(2) div{ float:right; margin-left:10px;}
  260. .ny_join2 ul li:nth-child(3){ z-index:2; left:330px; top:50px; text-align:center; width:200px;}
  261. .ny_join2 ul li:nth-child(3) div{ margin:0 auto;}
  262. .ny_join2 ul li:nth-child(3) h3{ width:100%;}
  263. .ny_join2 ul li:nth-child(4){ z-index:2; right:70px; top:200px;}
  264. .ny_join2 ul li:nth-child(4) div{ float:left; margin-right:10px;}
  265. .ny_join2 ul li:nth-child(5){ z-index:2; right:30px; top:380px;}
  266. .ny_join2 ul li:nth-child(5) div{ float:left; margin-right:10px;}
  267. .ny_join3 ul{ padding:77px 0 100px 45px; background:url(./assets/images/join3_03.jpg) no-repeat left top;}
  268. .ny_join3 ul h3{ font:bold 48px/50px "微软雅黑"; margin-bottom:45px;}
  269. .ny_join3 ul h3 span{ color:#e50012;}
  270. .ny_join3 ul li{ width:390px; overflow:hidden; margin-bottom:30px;}
  271. .ny_join3 ul li div{ width:82px; height:82px; text-align:center; font:bold 36px/82px Impact; color:#FFF; background:#e50012; border-radius:50%; margin-right:18px; float:left;}
  272. .ny_join3 ul li p{ font:normal 16px/24px "微软雅黑";}
  273. .ny_join4 ul{ position:relative; overflow:hidden;}
  274. .ny_join4 ul h3{ font:bold 48px/50px "微软雅黑"; position:absolute; left:40px; top:70px;}
  275. .ny_join4 ul h3 span{ color:#e50012;}
  276. .ny_join4 ul li{ width:102px; text-align:center; position:absolute; z-index:2;}
  277. .ny_join4 ul li div{ width:92px; height:92px; background:#FFF; border-radius:50%; box-shadow:0 0 20px #ececec; overflow:hidden; margin:0 auto;}
  278. .ny_join4 ul li div img{ width:86px; height:86px; border-radius:50%; margin:3px;}
  279. .ny_join4 ul li p{ font:normal 15px/30px "微软雅黑";}
  280. .ny_join4 ul li span img{ display:inline-block;}
  281. .ny_join4 ul li:nth-child(2){ left:14px; top:290px;}
  282. .ny_join4 ul li:nth-child(3){ left:180px; top:262px;}
  283. .ny_join4 ul li:nth-child(4){ left:320px; top:210px;}
  284. .ny_join4 ul li:nth-child(5){ left:478px; top:183px;}
  285. .ny_join4 ul li:nth-child(6){ left:603px; top:170px;}
  286. .ny_join4 ul li:nth-child(7){ left:740px; top:72px;}
  287. .ny_join5{ position:relative;}
  288. .ny_join5 ul{ position:absolute; overflow:hidden; right:60px; top:130px; width:550px;}
  289. .ny_join5 ul h3{ font:bold 48px/50px "微软雅黑"; text-align:center; margin-bottom:50px;}
  290. .ny_join5 ul h3 span{ color:#e50012;}
  291. .ny_join5 ul li{ width:236px; height:58px; text-align:center; background:#e50012; border-radius:29px; font:bold 20px/58px "微软雅黑"; color:#FFF; float:left; margin:12px 15px;}
  292. .ny_join6 dl{ overflow:hidden; margin-bottom:20px;}
  293. .ny_join6 dl dt{ height:56px; border:1px solid #f1f1f1; border-radius:28px; font:normal 18px/56px "微软雅黑";}
  294. .ny_join6 dl dt div{ float:right; width:20px; height:20px; margin:18px 20px; position:relative;}
  295. .ny_join6 dl dt div:after{ content:''; position:absolute; z-index:2; left:0; top:8.5px; width:20px; height:3px; background:#333;}
  296. .ny_join6 dl dt div:before{ content:''; position:absolute; z-index:2; left:8.5px; top:0px; width:3px; height:20px; background:#333; transition:all 0.5s;}
  297. .ny_join6 dl dt span{ display:block; width:56px; height:56px; border:3px solid #f1f1f1; box-sizing:border-box; border-radius:50%; float:left; margin-right:15px; font:bold 25px/56px "微软雅黑"; color:#e50012; text-align:center;}
  298. .ny_join6 dl dd{ padding:0 30px; font:normal 16px/36px "微软雅黑"; height:0; overflow:hidden; transition:all 0.5s;}
  299. .ny_join6 dl.on dt div:before{ width:0;}
  300. .ny_join6 dl.on dd{ height:auto; padding:40px 30px 50px;}
  301. .ny_join7{ background:url(./assets/images/join7_03.jpg) no-repeat center top;}
  302. .ny_join7 ul{ width:600px; margin:0 auto;}
  303. .ny_join7 ul h3{ text-align:center; font:bold 48px/66px "微软雅黑"; color:#e50012; padding:22px 0 54px;}
  304. .ny_join7 ul h3 p{ font:normal 30px/44px "微软雅黑"; color:#333;}
  305. .ny_join7 ul li{ font:normal 14px/45px "微软雅黑"; margin-bottom:30px;}
  306. .ny_join7 ul li input{ width:570px; height:45px; padding:0 15px; background:#fff; color:#b4b3b3;}
  307. .ny_join7 ul li select{ width:290px; height:45px; padding:0 10px 0 15px; background:#fff; border:0; color:#757575; outline:none;}
  308. .ny_join7 ul li select:nth-child(2){ float:right;}
  309. .ny_join7 ul li textarea{ width:570px; height:135px; padding:0 15px; font:normal 14px/45px "微软雅黑"; margin-bottom:30px;}
  310. .ny_join7 ul button{ width:100%; height:50px; background:#333; font:normal 18px/50px "微软雅黑"; color:#FFF; border:0; margin-bottom:90px; outline:none;}
  311. .ny_product>ul{ overflow:hidden; padding-bottom:20px;}
  312. .ny_product>ul li{ width:285px; float:left; margin:0 17.5px 20px 0;}
  313. .ny_product>ul li:nth-child(3n){ margin:0 0 20px 0;}
  314. .ny_product>ul li div{ height:215px; border:1px solid #f1f1f1;}
  315. .ny_product>ul li h3{ padding:8px 10px 0; font:normal 16px/26px "微软雅黑";}
  316. .ny_product>ul li p{ padding:0 10px; font:normal 14px/30px "微软雅黑"; color:#999999;}
  317. .ny_school2 ul{ overflow:hidden; margin:40px auto 0;}
  318. .ny_school2 ul li{ width:25%; float:left; text-align:center;}
  319. .ny_school2 ul li img{ display:inline-block;}
  320. .ny_school2 ul li p{ font:normal 14px/46px "微软雅黑";}
  321. .ny_school3>ul{ overflow:hidden;}
  322. .ny_school3>ul li{ width:200px; float:left; margin:0 30px 20px 0;}
  323. .ny_school3>ul li:nth-child(4n){ margin:0 0 20px 0;}
  324. .ny_school3>ul li div{ height:230px; margin-bottom:10px;}
  325. .ny_school3>ul li h3{ font:normal 15px/26px "微软雅黑"; padding:0 5px;}
  326. .ny_school3>ul li p{ font:normal 12px/24px "微软雅黑"; padding:0 5px; color:#888888;}
  327. .ny_school5 ul{ width:100%; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; box-sizing:border-box; overflow:hidden; margin-top:45px; text-align:center;}
  328. .ny_school5 ul h3{ font:bold 24px/65px "微软雅黑"; color:#e50012; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;}
  329. .ny_school5 ul li{ font:normal 16px/45px "微软雅黑"; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; overflow:hidden;}
  330. .ny_school5 ul li div:nth-child(1){ width:35%; float:left;}
  331. .ny_school5 ul li div:nth-child(2){ width:35%; float:left;}
  332. .ny_school5 ul li div:nth-child(3){ width:25%; float:left;}
  333. .ny_school5 ul li p:nth-child(1){ width:35%; float:left;}
  334. .ny_school5 ul li p:nth-child(2){ width:35%; float:left;}
  335. .ny_school5 ul li p:nth-child(3){ width:25%; float:left;}
  336. .ny_school5 ul li:nth-child(2n){ background:#fafafa;}
  337. .ny_school6>ul{ overflow:hidden; margin-bottom:40px;}
  338. .ny_school6>ul li{ border-bottom:1px dashed #ebebeb; padding:10px 0 15px;}
  339. .ny_school6>ul li h3{ font:normal 20px/40px "微软雅黑";}
  340. .ny_school6>ul li h3 span{ font:normal 12px/40px "微软雅黑"; color:#888888; margin:0 10px 0 0;}
  341. .ny_school6>ul li div{ font:normal 14px/24px "微软雅黑"; color:#888888;}
  342. .ny_school6>ul li h3:hover a{ color:#e50012;}
  343. .ny_school7>ul{ margin-bottom:20px;}
  344. .ny_school7>ul li{ overflow:hidden; padding-bottom:30px;}
  345. .ny_school7>ul li div{ width:262px; height:174px; padding:5px; border:1px solid #f1f1f1; float:left; margin-right:30px;}
  346. .ny_school7>ul li h3{ width:580px; float:right; font:normal 20px/40px "微软雅黑";}
  347. .ny_school7>ul li span{ display:block; width:560px; height:34px; float:right; background:#fafafa; padding:0 10px; margin-bottom:5px;}
  348. .ny_school7>ul li p{ width:580px; float:right; font:normal 14px/22px "微软雅黑"; color:#888888;}
  349. .ny_school7>ul li p em{ font:normal 16px/30px "微软雅黑"; color:#333;}
  350. .ny_contact{ font:normal 16px/36px "微软雅黑";}
  351. .ny_contact .le{ width:430px; float:left;}
  352. .ny_contact .le h3{ font:normal 24px/36px "微软雅黑";}
  353. .ny_contact .le h3 p{ font:normal 14px/24px "微软雅黑"; color:#999999;}
  354. .ny_contact .le img{ display:inline-block; vertical-align:middle; margin-right:10px;}
  355. .ny_contact .drive{ width:430px; float:right;}
  356. .ny_contact .map{ border:1px solid #f9f9f9; padding:5px; margin-top:40px;}
  357. .ny_jobs{ font:normal 16px/30px "微软雅黑";}
  358. .ny_jobs h3{ font:bold 16px/50px "微软雅黑"; color:#e50012}
  359. .ny_jobs2>ul{ overflow:hidden;}
  360. .ny_jobs2>ul li{ width:286px; float:left; margin:0 16px 20px 0;}
  361. .ny_jobs2>ul li div{ height:210px;}
  362. .ny_jobs2>ul li h3{ text-align:center; font:normal 15px/50px "微软雅黑";}
  363. .ny_jobs2>ul li:nth-child(3n){ margin:0 0 20px 0;}
  364. .r_online{ width:50px; position:fixed; z-index:8; bottom:15%; right:10px;}
  365. .r_online ul li{ width:48px; height:48px; border:1px solid #fff; margin-bottom:7px; background:#fff; position:relative;}
  366. .r_online ul li em{ display:inline-block; vertical-align:top; width:48px; height:48px; overflow:hidden; position:relative; float:left;}
  367. .r_online ul li em>em{ display:block; width:48px; height:48px; position:absolute; left:-48px; filter:drop-shadow(rgb(132, 132, 132) 48px 0px); background-size:contain;}
  368. .r_online ul li div{ position:absolute; z-index:2; top:0; right:55px; border:1px solid #dddddd; border-top:5px solid #e50012; padding:0 10px; font:normal 16px/44px "微软雅黑"; background:#FFF; display:none;}
  369. .r_online ul li:hover{ background:#e50012; border:1px solid #e50012;}
  370. .r_online ul li:hover em>em{ filter:drop-shadow(rgb(255, 255, 255) 48px 0px);}
  371. .r_online ul li:hover div{ display:block;}
  372. .r_online ul li:nth-child(1){ background:#e50012; border:1px solid #e50012;}
  373. .r_online ul li:nth-child(2) div{ width:175px;}
  374. .r_online ul li:nth-child(3) div{ width:245px;}
  375. .r_online ul li:nth-child(4) div{ width:110px; font:normal 14px/24px "微软雅黑"; text-align:center; padding:10px;}
  376. .fenye{
  377. height: 25px;
  378. line-height: 25px;
  379. padding: 2px 5px;
  380. margin: 20px 4px;
  381. text-align: center;
  382. }
  383. .fenye a{
  384. padding:4px 6px 4px 6px;
  385. margin:0 2px 0 2px;
  386. text-decoration:none;
  387. color:#333;
  388. }
  389. .fenye a.current{
  390. background:#f51f03;
  391. color:#fff;
  392. }
  393. .fenye a:hover{
  394. background:#ff6f3d;
  395. color:#fff;
  396. }
  397. .fenye > span{
  398. color: #999;
  399. margin-right: 15px;
  400. }
  401. @media only screen and (max-width: 1024px) {
  402. .ind_box2 .l{ display: none;}
  403. .w1200{ width:100%;}
  404. header .top1{ padding:5px 10px; font:normal 12px/20px "微软雅黑";}
  405. header .top1 .yy{ display:none;}
  406. header .top1 .tel{ display:none;}
  407. header .top2{ position:relative;}
  408. header .top2 .logo{ height:50px; margin-left:10px;}
  409. header .top2 .menu{ display:none;}
  410. .phone_menu_trigger{ display:block;}
  411. .ind_ban .swbp1{ display:none;}
  412. .ind_ban .swbn1{ display:none;}
  413. .ind_tit1{ padding:10px;}
  414. .ind_tit1 p{ width:90%; font:normal 12px/20px "微软雅黑";}
  415. .ind_box1 ul{ padding:0 10px 20px;}
  416. .ind_box1 ul li{ width:20%; margin:0; padding:0 10px; box-sizing:border-box;}
  417. .ind_box1 ul li h3{ font:bold 14px/30px "微软雅黑";}
  418. .ind_box1 ul li p{ font:normal 12px/20px "微软雅黑";}
  419. .ind_box2{ padding:10px; box-sizing:border-box;}
  420. .ind_box2 .l{ width:100%;display: none;}
  421. .ind_box2 .r{ width:100%; padding:10px 0;}
  422. .ind_box2 .r ul{ margin:0;}
  423. .ind_box2 .r ul li{ margin-bottom:10px;display: flex;align-items: center;justify-content: space-between;}
  424. .ind_box2 .r ul li div{ width:calc(100% - 70px); margin:0; float:right; font:normal 12px/20px "微软雅黑";}
  425. .ind_box2 .r ul>a{ margin:0 auto;}
  426. .ind_tit2{ padding:20px 0 10px;}
  427. .ind_tit2 h3{ padding:0 0 10px; font: bold 20px/30px "微软雅黑";}
  428. .ind_tit2 p{ width:90%; font:normal 12px/20px "微软雅黑";}
  429. .ind_tit1 h3 {font: bold 20px/30px "微软雅黑";}
  430. .ind_box3{ padding:0 10px; box-sizing:border-box;}
  431. .ind_box3 .w1200 .swbp2{ left: 0;}
  432. .ind_box3 .w1200 .swbn2{ right:0;}
  433. .ind_box3 .w1200 .more{ margin:10px auto 20px;}
  434. .ind_box2 .r ul li span {display: inline-block;float:left;width: 53px;height: 50px;text-align: center;font: bold 14px/54px "微软雅黑";}
  435. .ind_box4{ padding:0 10px; box-sizing:border-box;}
  436. .ind_box4 .lm{ margin:0 0 10px; overflow:hidden;}
  437. .ind_box4 .lm li{ width:23%; margin:0 1%; padding:2px 5px; box-sizing:border-box; float:left; font:normal 12px/24px "微软雅黑";}
  438. .ind_box4 .lm li span{ display:none;}
  439. .ind_box4 .list .l{ width:100%;}
  440. .ind_box4 .list .l>h3{ font:normal 12px/30px "微软雅黑"; height:30px; overflow:hidden;}
  441. .ind_box4 .list .l>h3 span{ display:none;}
  442. .ind_box4 .list .r{ width:100%; margin:10px 0 0;}
  443. .ind_box4 .list .r>div div{ width:35%;}
  444. .ind_box4 .list .r>div h3{ font:normal 12px/20px "微软雅黑"; height:20px; overflow:hidden;}
  445. .ind_box4 .list .r>div p{ font:normal 12px/20px "微软雅黑"; height:40px; overflow:hidden;}
  446. .ind_box4 .list .r ul li{ font:normal 14px/20px "微软雅黑"; height:20px; overflow:hidden;}
  447. .ind_box4 .list .r ul li a{ display:block; height:20px; overflow:hidden;}
  448. .ind_box4 .list .r .more{ margin:10px auto 20px;}
  449. .ind_box5{ margin-top:0px; padding:8px 10px 0; box-sizing:border-box;background: url(./assets/images/index_888.jpg) no-repeat center top;height: 96px;}
  450. .ind_box5>div>div{ padding:0; font:bold 16px/30px "微软雅黑";}
  451. .ind_box5>div>h3{ width:75%; margin:0px 0; font: normal 16px/25px "微软雅黑";}
  452. .ind_box5>div>p{ margin:0; font:normal 16px/30px "微软雅黑";}
  453. .ind_box6 ul{ height:70px; margin-bottom:50px;}
  454. .ind_box6 ul li{ width:16.66%; margin:0; padding:0 5px; box-sizing:border-box;}
  455. .ind_box6 ul li div{ height:auto;}
  456. .ind_box6 ul li div:before{ top:55px; border-width:10px 11px;}
  457. .ind_box6 ul li div:after{ top:67px;}
  458. .ind_box6 ul li p{ margin-top:30px; font-size:12px;}
  459. .ind_box7 .msg{ padding:0 10px;}
  460. .ind_box7 .msg h3{ padding:30px 0 20px;font: bold 20px/36px "微软雅黑";}
  461. .ind_box7 .msg h3 p { font: bold 20px/36px "微软雅黑";}
  462. .ind_box7 .msg ul li{ margin-bottom:15px;}
  463. .ind_box7 .msg ul li.rename{ width:100%;}
  464. .ind_box7 .msg ul li.tel{ width:100%;}
  465. .ind_box7 .msg ul li.addr{ padding-right:56px; box-sizing:border-box;}
  466. .ind_box7 .msg ul li.addr input{ float:right; margin:0 0 10px!important;}
  467. .ind_box7 .msg ul li.addr input:last-child{ margin:0!important;}
  468. .ind_box7 .msg ul li input{ width:200px;}
  469. .ind_box7 .msg ul li textarea{ width:200px; padding:4px;}
  470. .ind_box7 .msg ul li button{ margin:0 auto;}
  471. footer{ padding:0 10px; box-sizing:border-box;}
  472. footer .ewm{ display:none;}
  473. footer .menu{ display:none;}
  474. footer .links{ font:normal 10px/24px "微软雅黑"; padding:10px 0;}
  475. footer .copyright{ padding:10px 0; font:normal 12px/20px "微软雅黑";}
  476. .ny_main{ padding:10px 10px 20px; box-sizing:border-box;}
  477. .ny_main .l{ display:none;}
  478. .ny_main .r{ width:100%;}
  479. .ny_main .r .tit{ margin-top:0;}
  480. .ny_main .r .tit>span{ font:bold 14px/48px "微软雅黑";}
  481. .ny_main .r .tit .lj{ font:normal 12px/50px "微软雅黑";}
  482. .ny_main .r>.con{ padding-top:20px; font:normal 12px/30px "微软雅黑";}
  483. .ny_main .ny_video > ul{overflow: hidden;}
  484. .ny_honor .ny_tit{ padding:0 0 10px;}
  485. .ny_honor .ny_tit h3{ padding:0 0 10px;}
  486. .ny_honor .ny_tit p{ font:normal 12px/20px "微软雅黑";}
  487. .ny_honor .sw1{ margin-bottom:20px;}
  488. .ny_honor .sw1 .swiper-slide p{ margin-top:5px; font:normal 12px/20px "微软雅黑";}
  489. .ny_honor .sw2{ margin-bottom:20px;}
  490. .ny_honor .sw3 .swiper-slide p{ margin-top:5px; font:normal 12px/20px "微软雅黑";}
  491. .ny_history ul li{ padding-bottom:20px;}
  492. .ny_history ul li .img{ width:45%; margin:0;}
  493. .ny_history ul li .con{ width:45%; margin:0;}
  494. .ny_history ul li .con>h3{ font:bold 12px/26px "微软雅黑";}
  495. .ny_history ul li .con>h3 p{ font:normal 12px/20px "微软雅黑";}
  496. .ny_history ul li .con>div>h4{ font:bold 12px/20px "微软雅黑";}
  497. .ny_history ul li .con>div>p{ font:normal 12px/20px "微软雅黑";}
  498. .ny_history ul li:nth-child(2n) .img{ margin:0;}
  499. .ny_history ul li:nth-child(2n) .con{ margin:0;}
  500. .ny_network>ul>li{ width:32%; height:auto; margin:0 2% 15px 0;}
  501. .ny_network>ul>li:nth-child(3n){ margin:0 0 15px 0;}
  502. .ny_network>ul>li h3{ font:normal 12px/20px "微软雅黑";}
  503. .ny_video ul li{ width:32%; height:122px; margin:0 2% 15px 0;overflow: hidden;}
  504. .ny_video ul li:nth-child(3n){ margin:0 0 15px 0;}
  505. .ny_video ul li div{ height:auto;}
  506. .ny_video ul li h3{ font:normal 12px/20px "微软雅黑";}
  507. .ny_news>ul li{ margin-bottom:15px;}
  508. .ny_news ul li>div{ width:35%;height: 80px; margin-right:10px;}
  509. .ny_news ul li>h3{ font:bold 12px/20px "微软雅黑"; height:20px; margin-bottom:0; overflow:hidden;}
  510. .ny_news ul li>p{ font:normal 12px/20px "微软雅黑"; height:40px; margin-bottom:0; overflow:hidden;}
  511. .ny_news>ul li>a{ display:none;}
  512. .ny_news>ul li img{height: 100%;}
  513. .ny_news>ul li>span{font:normal 12px/26px "微软雅黑";}
  514. .ny_news_detail .infos{ font:normal 12px/24px "微软雅黑"; padding:10px 0;}
  515. .ny_news_detail .infos span{ padding:0 5px;}
  516. .ny_news_detail .prev_next{ margin:0; font:normal 12px/30px "微软雅黑";}
  517. .ny_join .box img{width: 100%;}
  518. .ny_join .msg{ padding:0 10px;}
  519. .ny_join .msg h3{ padding:30px 0 20px;}
  520. .ny_join .msg ul li{ margin-bottom:15px;}
  521. .ny_join .msg ul li.rename{ width:100%;}
  522. .ny_join .msg ul li.tel{ width:100%;}
  523. .ny_join .msg ul li.addr{ padding-right:calc( 100% - 290px ); box-sizing:border-box;}
  524. .ny_join .msg ul li.addr input{ float:right; margin:0 0 10px!important;}
  525. .ny_join .msg ul li.addr input:last-child{ margin:0!important;}
  526. .ny_join .msg ul li input{ width:200px;}
  527. .ny_join ul li.company input{width:200px;}
  528. .ny_join .msg ul li textarea{ width:200px; padding:4px; box-sizing:border-box;}
  529. .ny_join .msg ul li button{ margin:0 auto;}
  530. .jmtj img{max-width: 700px;}
  531. .ny_join6 dl{margin-bottom: 10px;}
  532. .ny_join6 dl dt{ height:40px; font:normal 14px/42px "微软雅黑"; overflow:hidden;}
  533. .ny_join6 dl dt span{ width:40px; height:40px; font:bold 18px/34px "微软雅黑"; margin-right:5px;}
  534. .ny_join6 dl dt div{ margin:10px;}
  535. .ny_join6 dl dd{ padding:0 5px; font:normal 14px/26px "微软雅黑";}
  536. .ny_join6 dl.on dd{ padding:10px 15px;}
  537. .ny_join7{ background: url(./assets/images/join7_03.jpg) no-repeat center 20px; padding:0 5px;}
  538. .ny_join7 ul{ width:100%;}
  539. .ny_join7 ul h3{ font:bold 20px/50px "微软雅黑"; padding:20px 0 30px;}
  540. .ny_join7 ul h3 p{ font:normal 12px/30px "微软雅黑";}
  541. .ny_join7 ul li{ margin-bottom:10px; font:normal 12px/35px "微软雅黑";}
  542. .ny_join7 ul li input{ width:100%; height:35px; box-sizing:border-box;}
  543. .ny_join7 ul li textarea{ width:100%; box-sizing:border-box; margin-bottom:0;}
  544. .ny_join7 ul li:nth-child(6) input{ width:48%!important; height:35px!important;}
  545. .ny_product>ul{ padding-bottom:0;}
  546. .ny_product>ul li{ width:32%; margin:0 2% 5px 0;}
  547. .ny_product>ul li div{ height:89px;}
  548. .ny_product>ul li h3{ padding:5px 0 0; font:normal 12px/28px "微软雅黑";}
  549. .ny_product>ul li p{ padding:0; font:normal 12px/20px "微软雅黑";}
  550. .ny_school2>ul{ margin:20px 0;}
  551. .ny_school2>ul li{ height:120px; padding:0 5px 10px; box-sizing:border-box;}
  552. .ny_school2>ul li img{ display:block; width:70px; height:70px; margin:0 auto;}
  553. .ny_school2>ul li p{ font:normal 12px/20px "微软雅黑";}
  554. .ny_school3>ul li{ width:22%; margin:0 4% 0px 0;}
  555. .ny_school3>ul li div{ height:auto;margin-bottom:0px;}
  556. .ny_school3>ul li h3{ font:normal 12px/24px "微软雅黑";}
  557. .ny_school3>ul li p{ font:normal 12px/20px "微软雅黑"; height:60px;}
  558. .ny_school6>ul{ margin-bottom:0;}
  559. .ny_school6>ul li{padding:5px 10px;}
  560. .ny_school6>ul li h3{font:normal 14px/24px "微软雅黑";}
  561. .ny_news_detail .con{ font:normal 12px/30px "微软雅黑";}
  562. .ny_school7>ul{ margin-bottom:0;}
  563. .ny_school7>ul li{ padding-bottom:20px;}
  564. .ny_school7>ul li div{ width:35%; height:auto; margin-right:0px;}
  565. .ny_school7>ul li h3{ width:60%; font:normal 12px/40px "微软雅黑";}
  566. .ny_school7>ul li span{ width:60%; box-sizing:border-box; height:auto; font:normal 12px/24px "微软雅黑";}
  567. .ny_school7>ul li p{ width:100%; font:normal 12px/20px "微软雅黑";}
  568. .ny_contact .le{ width:100%;}
  569. .ny_contact .le h3{ font:normal 12px/36px "微软雅黑";}
  570. .ny_contact .drive{ width:100%;}
  571. .ny_contact .map #dituContent{ width:100%!important; height:250px!important;}
  572. .ny_jobs2>ul li{ width:32%; margin:0 2% 15px 0;}
  573. .ny_jobs2>ul li div{ height:auto;}
  574. .ny_jobs2>ul li h3{ font:normal 12px/30px "微软雅黑";}
  575. .jobs-title{display: flex;flex-direction: column;align-items: flex-start;}
  576. }