index.css 49 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483
  1. @charset "utf-8";
  2. @font-face { font-family: 'pingfang'; src: url('PingFang Heavy_0.ttf');}
  3. .sectionbd,.sidebd{width: 1200px;height: 100%;margin: 0 auto;display: table;}
  4. .side1{height: 896px;background: url(../images/side1_bg.png) repeat;}
  5. .hotsec{height: 280px;background: url(../images/hotsec_bg.png) no-repeat;box-shadow: 0 2px 12px rgba(63,63,63,0.16);-webkit-box-shadow: 0 2px 12px rgba(63,63,63,0.16);margin-top: 14px;position: relative;}
  6. .hottit{height: 59px;line-height: 61px;border-bottom: 1px solid #f2f2f2;font-weight: bold;font-size: 18px;color: #1c1c1c;background: url(../images/icon_01.png) no-repeat 17px 20px;padding-left: 40px;}
  7. .hotsec .hd{max-width: 1026px;position: absolute;top: 23px;left: 176px;}
  8. .hotsec .hd ul{height: 37px;}
  9. .hotsec .hd ul li{float: left;font-size: 13px;color: #6a6363;padding: 0 16px;cursor: pointer;}
  10. .hotsec .hd ul li.on{font-weight: bold;color: #e8281f;}
  11. .hotsec .hd ul li.on::after{content: "";display: block;height: 2px;background: #e8281f;margin-top: 16px;}
  12. .hotsec .bd{margin-top: 27px;}
  13. .hotsec .bd ul{height: 160px;}
  14. .hotsec .bd ul li{height: 160px;display: none;}
  15. .hotsec .bd ul li .sign{float: left;width: 120px;height: 158px;border: 1px solid #f3f3f3;background: #fff;border-radius: 8px;-webkit-border-radius: 8px;margin-left: 23px;box-shadow: 0 1px 8px rgba(24,24,24,0.11);-webkit-box-shadow: 0 1px 8px rgba(24,24,24,0.11);}
  16. .hotsec .bd ul li .sign:first-child{margin-left: 18px;}
  17. .hotsec .bd ul li .sign.on{border-radius: 4px;-webkit-border-radius: 4px;width: 435px;border: 1px solid #efefef;box-shadow: 0 1px 10px rgba(115,115,115,0.15);-webkit-box-shadow: 0 1px 10px rgba(115,115,115,0.15);}
  18. .hotsec .bd ul li .sign .default{display: block;height: calc(100% - 20px);padding: 10px;text-align: center;}
  19. .hotsec .bd ul li .sign.on .default{display: none;}
  20. .hotsec .bd ul li .sign .p1{width: 100px;height: 100px;border-radius: 8px;-webkit-border-radius: 8px;position: relative;}
  21. .hotsec .bd ul li .sign .p1 img{width: 100px;height: 100px;}
  22. .hotsec .bd ul li .sign .p1::after{content: "";display: block;width: 16px;height: 16px;background: url(../images/icon_03.png) no-repeat;position: absolute;top: -6px;right: -7px;}
  23. .hotsec .bd ul li .sign .p2{font-size: 12px;font-weight: bold;color: #4c4c4c;text-transform: uppercase;margin: 5px -10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  24. .hotsec .bd ul li .sign .p3{font-size: 12px;color: #848484;margin: 0 -10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  25. .hotsec .bd ul li .sign .p3 span{color: #ff2d22;}
  26. .hotsec .bd ul li .sign .hoverbox{display: none;height: 100%;border-radius: 4px;-webkit-border-radius: 4px;position: relative;overflow: hidden;}
  27. .hotsec .bd ul li .sign.on .hoverbox{display: block;}
  28. .hotsec .bd ul li .sign .tmask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  29. .hotsec .bd ul li .sign .t1{width: 80px;height: 24px;line-height: 24px;background: #6d11fa;text-align: center;border-radius: 2px;-webkit-border-radius: 2px;font-size: 12px;color: #fff;margin: 120px 0 0 13px;position: relative;float: left;}
  30. .hotsec .bd ul li .sign .t1::after{content: "";display: block;width: 16px;height: 16px;background: url(../images/icon_03.png) no-repeat;position: absolute;left: 32px;top: -22px;}
  31. .hotsec .bd ul li .sign .t2{float: left;margin-left: 30px;margin-right: 6px;width: 96px;}
  32. .hotsec .bd ul li .sign .t2 .s1{font-weight: bold;font-size: 14px;color: #4c4c4c;margin-top: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  33. .hotsec .bd ul li .sign .t2 .s2{font-size: 12px;color: #a3a3a3;margin-top: 7px;}
  34. .hotsec .bd ul li .sign .t2 .s2 span{color: #fd6067;display: inline-block;vertical-align: top;margin-left: 8px;}
  35. .hotsec .bd ul li .sign .t2 .s2 span::after{content: "";display: inline-block;width: 7px;height: 18px;vertical-align: top;background: url(../images/icon_04.png) no-repeat center;margin-left: 3px;}
  36. .hotsec .bd ul li .sign .t2 .s3{font-weight: bold;font-size: 16px;color: #ff2d22;}
  37. .hotsec .bd ul li .sign .t2 .s3 span{display: inline-block;font-size: 12px;color: #848484;font-weight: normal;margin-left: 2px;}
  38. .hotsec .bd ul li .sign .t3{float: left;width: 210px;height: 158px;position: relative;}
  39. .hotsec .bd ul li .sign .t3 .tit{font-weight: bold;font-size: 12px;color: #535353;margin-top: 12px;}
  40. .hotsec .bd ul li .sign .t3 .cont{width: 192px;height: 104px;position: absolute;left: 4px;top: 40px;}
  41. .hotsec .bd ul li .sign .t3 .cont .mean{font-size: 12px;color: #b2b2b2;margin-left: 27px;margin-top: 3px;position: absolute;top: 0;left: 0;}
  42. .hotsec .bd ul li .sign .t3 .cont .mean span{color: #fd6067;}
  43. .hotsec .bd ul li .morelink{display: block;height: 22px;line-height: 22px;font-size: 12px;color: #595959;position: absolute;top: 20px;right: 21px;}
  44. .hotsec .bd ul li .morelink::after{content: "";display: inline-block;height: 22px;width: 16px;vertical-align: top;margin-left: 8px;background: url(../images/icon_02.png) no-repeat center;}
  45. .drybox{height: 510px;margin-top: 30px;background: url(../images/drybox_bg.png) no-repeat center 73px;}
  46. .dry1{box-shadow: 0 2px 12px rgba(63,63,63,0.16);-webkit-box-shadow: 0 2px 12px rgba(63,63,63,0.16);width: 919px;height: 340px;border-radius: 4px 4px 0 4px;-webkit-border-radius: 4px 4px 0 4px;background: url(../images/dry1.png) no-repeat;float: left;}
  47. .dry2{box-shadow: 0 2px 12px rgba(63,63,63,0.16);-webkit-box-shadow: 0 2px 12px rgba(63,63,63,0.16);width: 270px;height: 340px;border-radius: 4px 4px 4px 0;-webkit-border-radius: 4px 4px 4px 0;background: url(../images/dry2.png) no-repeat;float: right;}
  48. .dry3{width: 1110px;padding-left: 26px;height: 131px;float: left;margin: 21px 32px 0;position: relative;}
  49. .dry2 .p1{font-size: 14px;color: #fff8e6;display: block;width: 141px;height: 39px;line-height: 39px;text-align: center;margin: 217px auto 0;}
  50. .dry2 .p2{font-size: 14px;color: #ffe2f1;text-align: center;margin-top:30px;}
  51. .dry1 .infobox{width: 526px;margin-left: 27px;float: left;height: 100%;}
  52. .dry1 .title{font-weight: bold;font-size: 18px;color: #444;margin: 24px 0 32px;}
  53. .dry1 .title span{font-weight: normal;font-size: 12px;color: #949494;padding-left: 6px;}
  54. .dry1 .infofl{float: left;width: 275px;}
  55. .dry1 .infofr{width: 248px;float: right;}
  56. .dry1 .infofl .p1{width: 214px;padding-left: 17px;height: 115px;background: #fff url(../images/bg1.png) no-repeat center;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0 1px 6px #e6e6e6;-webkit-box-shadow: 0 1px 6px #e6e6e6;margin-bottom: 27px;}
  57. .dry1 .infofl .p1 span{display: block;font-size: 16px;color: #3e3e3e;padding-top: 16px;}
  58. .dry1 .infofl .p1 p{font-size: 12px;color: #7e7e7e;margin-top: 5px;}
  59. .dry1 .infofl .p1 p::after{content: "";display: block;height: 15px;background: url(../images/icon_09.png) no-repeat left center;width: 15px;margin: 15px 0 0 3px;}
  60. .dry1 .p2{height: 38px;padding-left: 48px;margin-left: 3px;margin-bottom: 31px;}
  61. .dry1 .p2 span{display: block;height: 18px;line-height: 18px;font-weight: bold;font-size: 14px;color: #545454;}
  62. .dry1 .p2 span::after{content: "";display: inline-block;height: 18px;background: url(../images/icon_09.png) no-repeat left center;width: 15px;margin-left: 5px;vertical-align: top;}
  63. .dry1 .infofl .p2 span::after{margin-left: 48px;}
  64. .dry1 .p2 p{font-size: 12px;color: #a5a5a5;margin-top: 3px;}
  65. .dry1 .p3{font-weight: bold;color: #464646;font-size: 12px;height: 18px;line-height: 18px;display: inline-block;}
  66. .dry1 .p3::after{content: "";display: inline-block;height: 18px;background: url(../images/icon_14.png) no-repeat left center;width: 15px;margin-left: 6px;vertical-align: top;}
  67. .dry1 .p2_1{background: url(../images/icon_10.png) no-repeat left center;}
  68. .dry1 .p2_2{background: url(../images/icon_11.png) no-repeat left center;}
  69. .dry1 .p2_3{background: url(../images/icon_12.png) no-repeat left center;}
  70. .dry1 .p2_4{background: url(../images/icon_13.png) no-repeat left center;}
  71. .dry1 .casebox{width: 360px;height: 100%;float: left;}
  72. .dry1 .caselist{height: 186px;margin-bottom: 28px;}
  73. .dry1 .caselist li{float: left;text-align: center;width: 150px;height: 186px;background: #fff;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0 1px 8px rgba(24,24,24,0.11);-webkit-box-shadow: 0 1px 8px rgba(24,24,24,0.11);margin: 0 17px 0 3px;}
  74. .dry1 .caselist li .t1{font-weight: bold;font-size: 15px;color: #2d2d2d;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 15px;}
  75. .dry1 .caselist li .t2{height: 61px;margin: 17px 0;}
  76. .dry1 .caselist li .t2 img{height: 61px;}
  77. .dry1 .caselist li .t3{font-weight: bold;font-size: 14px;color: #353535;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  78. .dry1 .caselist li .t4{font-size: 12px;color: #848484;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  79. .dry3 .p1{font-weight: bold;font-size: 34px;color: #fff;padding-top: 8px;}
  80. .dry3 .p2{font-size: 13px;color: #fff;margin-top: -3px;}
  81. .dry3 .p2::after{content: "---";display: block;font-size: 12px;color: rgba(255,255,255,0.4);line-height: 20px;}
  82. .dry3 .p3{font-size: 12px;color: #fff;display: inline-block;height: 12px;line-height: 12px;}
  83. .dry3 .p3::after{content: "";display: inline-block;height: 12px;width: 12px;background: url(../images/icon_08.png) no-repeat center;margin-left: 4px;vertical-align: top;}
  84. .dry3 .softlist{height: 131px;position: absolute;right: 22px;top: 0;width: 862px;}
  85. .dry3 .softlist li{float: left;text-align: center;width: 205px;height: 131px;box-shadow: 0 1px 20px rgba(7,31,78,0.3);-webkit-box-shadow: 0 1px 20px rgba(7,31,78,0.3);background: url(../images/dry3_bg.png) no-repeat;margin-left: 10px;}
  86. .dry3 .softlist li:first-child{margin-left: 0;}
  87. .dry3 .softlist li .s1{font-weight: bold;font-size: 18px;color: #484fba;margin-top: 26px;background-image:-webkit-linear-gradient(left,#484fba,#6e66c7,#947ed4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
  88. .dry3 .softlist li .s2{font-size: 12px;color: #a5a5a5;margin: 2px 0 16px;}
  89. .dry3 .softlist li .s3{display: inline-block;font-size: 18px;color: #ff6600;margin: 0 auto;width: 190px;height: 34px;line-height: 34px;}
  90. .dry3 .softlist li .s3 i,.dry3 .softlist li .s3::after{display: inline-block;vertical-align: top;width: 13px;height: 34px;background: url(../images/icon_06.png) no-repeat center;margin-right: 5px;}
  91. .dry3 .softlist li .s3::after{content: "";margin-left: 5px;background: url(../images/icon_07.png) no-repeat center;}
  92. .section1{height: 692px;background: url(../images/section1_bg.jpg) no-repeat center top;}
  93. .section2{height: 692px;background: url(../images/section2_bg.jpg) no-repeat center top;}
  94. .section3{height: 692px;background: url(../images/section3_bg.jpg) no-repeat center top;}
  95. .section .theleft{float: left;width: 278px;height: 100%;}
  96. .theleft .tit{font-weight: bold;font-size: 48px;color: #fff;margin-top: 70px;}
  97. .theleft .explain{font-size: 12px;margin-top: 36px;}
  98. .theleft .data{font-family: pingfang, "Adobe 黑体 Std";font-size: 60px;color: #fff;margin-top: 191px;position: relative;}
  99. .section2 .theleft .data{margin-top: 123px;}
  100. .theleft .data span{font-size: 14px;display: inline-block;margin-left: 2px;font-weight: normal;}
  101. .theleft .data i{display: inline-block;width: 67px;height: 3px;position: absolute;left: 0;top: -33px;}
  102. .theleft .mystr{font-weight: bold;font-size: 12px;color: #fff;margin-top: -8px;}
  103. .theleft .date{font-size: 12px;color: rgba(255,255,255,0.3);margin-top: 2px;}
  104. .theleft .range{font-size: 12px;color: #fff;margin-top: 24px;}
  105. .theleft .range span{display: inline-block;vertical-align: top;}
  106. .theleft .range span::after{content: "";display: inline-block;width: 9px;height: 9px;background: url(../images/icon_15.png) no-repeat center;margin-left: 3px;}
  107. .theleft .range i{display: inline-block;width: 1px;height: 8px;background: rgba(255,255,255,0.3);margin: 0 11px 0 12px;}
  108. .section1 .theleft .data i{background: #f2942f;}
  109. .section2 .theleft .data i{background: #00aeff;}
  110. .section3 .theleft .data i{background: #d178ff;}
  111. .section1 .theleft .explain{color: #c5c6df;}
  112. .section2 .theleft .explain{color: #a0ccb5;}
  113. .section3 .theleft .explain{color: #fbe8e8;}
  114. .section .theright{width: 922px;height: 530px;float: left;margin-top: 82px;position: relative;}
  115. .theright .hd{height: 144px;position: absolute;top: 121px;left: -278px;}
  116. .theright .hd a{display: block;position: relative;width: 218px;height: 68px;line-height: 68px;background: rgba(255,255,255,0.3);margin-top: 4px;font-weight: bold;font-size: 18px;color: #fff;text-indent: 20px;}
  117. .section1 .theright .hd a.on{background: #f2942f;}
  118. .section2 .theright .hd a.on{background: #00aeff;}
  119. .section3 .theright .hd a.on{background: #d178ff;}
  120. .theright .hd a i{content: "";display: inline-block;width: 20px;height: 68px;vertical-align: top;background: url(../images/icon_16.png) no-repeat center;float: right;margin-right: 16px;}
  121. .theright .hd a::after{content: "";display: inline-block;width: 2px;height: 68px;vertical-align: top;position: absolute;top: 0;right: -2px;}
  122. .theright .hd a::after{background: url(../images/icon_18.png) no-repeat center;}
  123. .section1 .theright .hd a.on::after{background: url(../images/icon_17.png) no-repeat center;}
  124. .section2 .theright .hd a.on::after{background: url(../images/icon_19.png) no-repeat center;}
  125. .section3 .theright .hd a.on::after{background: url(../images/icon_20.png) no-repeat center;}
  126. .theright .bd{height: 530px;position: relative;}
  127. .theright .bd ul{height: 530px;display: none;}
  128. .theright .bd ul li{width: 100px;height: 77px;margin-bottom: 4px;}
  129. .theright .bd ul li .tab{display: block;height: 77px;background: rgba(255,255,255,0.2);border-radius: 4px;-webkit-border-radius: 4px;text-align: center;}
  130. .theright .bd ul li .tab span{display: table-cell;width: 100px;height: 38px;padding-top: 10px;vertical-align: middle;}
  131. .theright .bd ul li .tab p{font-weight: bold;font-size: 14px;color: #fff;}
  132. .theright .bd ul li .cont{width: 822px;height: 530px;position: absolute;top: 0;left: 100px;display: none;}
  133. .theright .bd ul li.on .cont{display: block;}
  134. .theright .bd ul li.on .tab{background: rgba(255,255,255,0.9);}
  135. .theright .bd ul li.on .tab p{color: rgb(74,81,193);}
  136. .theright .cont .alig{margin-left: 4px;float: left;width: 270px;}
  137. .theright .cont .single{margin-bottom: 4px;width: 270px;height: 265px;background: #fff;border-radius: 4px;-webkit-border-radius: 4px;position: relative;overflow: hidden;transition: height .35s ease;-webkit-transition: height .35s ease;}
  138. .theright .cont .single.on{}
  139. .theright .bd ul li:first-child .alig:first-child .single:first-child{box-shadow: 0 2px 12px rgba(63,63,63,0.16);-webkit-box-shadow: 0 2px 12px rgba(63,63,63,0.16);}
  140. .theright .cont .single .linkto{width: 100%;height: 100%;display: table;}
  141. .theright .cont .single .stag{display: inline-block;padding: 0 8.5px;height: 21px;line-height: 19px;text-align: center;background: #5b64de;font-size: 12px;color: #fff;border-radius: 10.5px;-webkit-border-radius: 10.5px;margin: 11px 0 0 11px;}
  142. .section2 .theright .cont .single .stag{background: #3fb57c;}
  143. .section3 .theright .cont .single .stag{background: #fa7577;}
  144. .theright .cont .single .pic{width: 73px;height: 73px;padding: 10px;background: #fff;border-radius: 100%;-webkit-border-radius: 100%;box-shadow: 0 2px 12px rgba(63,63,63,0.1);-webkit-box-shadow: 0 2px 12px rgba(63,63,63,0.1);margin: -16px auto 0;}
  145. .theright .cont .single .pic img{width: 73px;height: 73px;border-radius: 100%;-webkit-border-radius: 100%;}
  146. .theright .cont .single .p1{font-size: 18px;color: #000;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 15px;margin-top: 10px;}
  147. .theright .cont .single .p2{font-size: 14px;color: #c4c4c4;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 15px;margin-top: -2px;height: 20px;width: 220px;}
  148. .theright .cont .single .p2::after{content: "";display: block;width: 12px;height: 1px;background: #d9dfed;margin: 8px auto 0;}
  149. .theright .cont .single .p3{font-weight: bold;font-size: 14px;color: #ff2d22;text-align: center;margin: 6px 0 9px;}
  150. .theright .cont .single .p4{width: 270px;height: 106px;overflow: hidden;}
  151. .theright .cont .single .p4 > div{margin-left: -1px;width: 271px;height: 106px;}
  152. .theright .cont .single .p4 > div > div{float: left;padding-left: 16px;height: 52px;width: 118.5px;border-left: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;}
  153. .theright .cont .single .p4 > div > div span{display: block;font-size: 14px;color: #4d4d4d;height: 22px;line-height: 22px;margin-top: 6px;}
  154. .theright .cont .single .p4 > div > div p{font-size: 12px;color: #acacac;}
  155. .theright .cont .single .p4 > div > div:first-child span{font-weight: bold;}
  156. .theright .cont .single .p4 > div > div i{display: inline-block;height: 22px;width: 7px;vertical-align: top;margin-left: 3px;background: url(../images/icon_21.png) no-repeat center;}
  157. .theright .cont .single .collect{font-size: 12px;color: #b4b4b4;position: absolute;right: 12px; top: 12px;height: 20px;line-height: 20px;}
  158. .theright .cont .single .collect::after{content: "";display: inline-block;vertical-align: top;width: 14px;height: 20px;background: url(../images/icon_22.png) no-repeat center;margin-left: 8px;}
  159. .theright .cont .single .collect.on{color: #ffa200;}
  160. .theright .cont .single .collect.on::after{background: url(../images/icon_22_on.png) no-repeat center;}
  161. .theright .bd ul:first-child li:first-child .alig:first-child .single:first-child.on .linkto,.theright .bd ul:first-child li:first-child .alig:first-child .single:first-child.on .collect{}
  162. .theright .cont .single .textmask{display: none;width: 100%;height: 100%;}
  163. .theright .cont .single.on .textmask{display: table;}
  164. .theright .cont .single .textmask img{position: absolute;top: 0;left: 0;}
  165. .theright .cont .single .textmask .textstr{position: relative;text-align: center;}
  166. .theright .cont .single .textstr .s1{font-size: 22px;color: #313030;height: 34px;line-height: 34px;margin-top: 185px;}
  167. .theright .cont .single .textstr .s1 i{display: inline-block;vertical-align: top;width: 25px;height: 34px;background: url(../images/icon_23.png) no-repeat center;margin-left: 3px;}
  168. .theright .cont .single .textstr .s2{margin-top: -1px;}
  169. .theright .cont .single .textstr .s2 span{font-size: 22px;color: #fe5c38;display: block;}
  170. .theright .cont .single .textstr .s2 i{font-size: 16px;}
  171. .theright .cont .single .textstr .s2 p{font-size: 12px;color: #6d6d6d;margin-top: -4px;}
  172. .theright .cont .single .textmask .operate{height: 32px;text-align: center;display: table;margin: 0 auto;position: absolute;left: 50%;bottom: 8px;margin-left: -130px;}
  173. .theright .cont .single .textmask .operate a{float: left;margin: 0 5px;width: 120px;height: 32px;line-height: 32px;background: #ff9f38;font-size: 14px;color: #fff;}
  174. .theright .cont .single .textmask .operate a:first-child{background: #6d11fa;}
  175. .section2 .theright .cont .single .textmask .operate a{background: #00aeff;}
  176. .section2 .theright .cont .single .textmask .operate a:first-child{background: #9d5dff;}
  177. .section3 .theright .cont .single .textmask .operate a{background: #ff9c27;}
  178. .section3 .theright .cont .single .textmask .operate a:first-child{background: #3498ff;}
  179. .theright .cont .single .textmask .operate a i{display: inline-block;vertical-align: top;height: 32px;width: 17px;margin-right: 7px;background: url(../images/icon_25.png) no-repeat center;}
  180. .theright .cont .single .textmask .operate a:first-child i{background: url(../images/icon_24.png) no-repeat center;width: 13px;}
  181. .theright .bd ul li .linkmore{display: block;height: 125px;background: rgba(255,255,255,0.2);border-radius: 4px;-webkit-border-radius: 4px;text-align: center;position: absolute;left: 0;bottom: 0;}
  182. .theright .bd ul li .linkmore span{display: table-cell;width: 100px;height: 44px;padding-top: 27px;vertical-align: middle;}
  183. .theright .bd ul li .linkmore p{font-weight: bold;font-size: 14px;color: #fff;}
  184. .sidebox{background: url(../images/side1_bg.png) repeat;}
  185. .side5{height: 590px;background: url(../images/bg2.png) no-repeat center bottom;}
  186. .side2{height: 424px;}
  187. .side3{height: 518px;}
  188. .side4{height: 468px;}
  189. .side2 .titcom{padding: 40px 0 18px;}
  190. .side3 .titcom{padding: 40px 0 14px;}
  191. .side4 .titcom{padding: 36px 0 16px;}
  192. .side5 .titcom{padding: 38px 0 25px;}
  193. .side .titcom{font-size: 14px;color: #b4b4b4;}
  194. .side .titcom span{display: inline-block;font-weight: bold;font-size: 24px;color: #2e2e2e;margin-right: 8px;position: relative;}
  195. .side .titcom span.aqfr{float: right;margin-right: 174px;}
  196. .side .titcom span a{width: 27px;font-weight: normal;font-size: 12px;color: #595959;padding-right: 10px;background: url(../images/icon_39.png) no-repeat right center;position: absolute;top: 13px;left: 1155px;}
  197. .side .titcom span.aqfr a{left: 217px;}
  198. .market{height: 300px;padding-top: 30px;background: #fff;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0 3px 7px rgba(0,0,0,0.02);-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.02);}
  199. .market .contfl{width: 216px;padding-left: 22px;height: 270px;float: left;background: url(../images/bg3.png) no-repeat;box-shadow: 0 3px 7px rgba(0,0,0,0.02);-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.02);margin-left: 20px;}
  200. .market .contfl .p1{font-weight: bold;font-size: 18px;color: #fff;position: relative;}
  201. .market .contfl .p1 i{display: block;width: 49px;height: 17px;line-height: 17px;text-align: center;background: #ff7a57;font-size: 12px;color: #fff;font-weight: normal;position: relative;margin: 38px 0 7px;border-radius: 2px;-webkit-border-radius: 2px;}
  202. .market .contfl .p1 i::after{content: "";display: inline-block;border-top: 4px solid #ff7a57;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;bottom: -4px;left: 50%;margin-left: -4px;}
  203. .market .contfl .p1::after{content: "-------";display: block;font-size: 12px;color: rgba(255,255,255,0.2);margin-top: -4px;}
  204. .market .contfl .p2{font-size: 12px;color: #94b8ff;margin-top: 6px;}
  205. .market .contfl .p3{font-size: 12px;color: #eff4ff;display: block;line-height: 20px;margin-top: 20px;}
  206. .market .contfl .p3::after{content: "";display: inline-block;vertical-align: top;height: 20px;width: 8px;margin-left: 6px;background: url(../images/icon_26.png) no-repeat center;}
  207. .market .contcter{margin-left: 10px;width: 665px;float: left;}
  208. .market .contcter li{float: left;margin: 0 1px 1px 0;display: table;}
  209. .market .contcter li .mid{padding-left: 24px;display: table-cell;vertical-align: middle;}
  210. .market .contcter .li1,.market .contcter .li2{height: 135px;}
  211. .market .contcter .li3,.market .contcter .li4{height: 134px;}
  212. .market .contcter .li1,.market .contcter .li3{width: 332px;}
  213. .market .contcter .li2,.market .contcter .li4{width: 331px;}
  214. .market .contcter .li1{background: url(../images/ket1.png) no-repeat right bottom;}
  215. .market .contcter .li2{background: url(../images/ket2.png) no-repeat right bottom;}
  216. .market .contcter .li3{background: url(../images/ket3.png) no-repeat right bottom;}
  217. .market .contcter .li4{background: url(../images/ket4.png) no-repeat right bottom;}
  218. .market .contcter li .dest{height: 38px;display: inline-block;padding-left: 14px;vertical-align: top;}
  219. .market .contcter li .dest span{display: block;font-weight: bold;font-size: 16px;color: #545454;margin-top: -3px;}
  220. .market .contcter li .dest p{font-size: 12px;color: #ababab;line-height: 18px;margin-top: 2px;}
  221. .market .contcter li .dest p::after{content: "";display: inline-block;width: 15px;height: 18px;background: url(../images/icon_31.png) no-repeat left center;vertical-align: top;margin-left: 9px;}
  222. .market .contfr{width: 238px;height: 270px;background: #f1f3f7;float: right;margin-right: 20px;position: relative;overflow: hidden;}
  223. .market .contfr .bd ul li{width: 238px;height: 270px;text-align: center;}
  224. .market .bd .t1{font-weight: bold;font-size: 18px;color: #545454;padding-top: 28px;}
  225. .market .bd .t2{width: 82px;height: 82px;padding: 7px;background: #fff;border-radius: 100%;-webkit-border-radius: 100%;margin: 14px auto 0;}
  226. .market .bd .t2 img{height: 82px;border-radius: 100%;-webkit-border-radius: 100%;}
  227. .market .bd .t3{font-weight: bold;font-size: 16px;color: #757575;margin-top: 10px;}
  228. .market .bd .t3::after{content: "";display: block;height: 3px;background: url(../images/icon_32.png) no-repeat center;margin-top: 10px;}
  229. .market .bd .t4{font-size: 12px;color: #848484;line-height: 20px;display: block;margin-top: 9px;}
  230. .market .bd .t4 i{display: inline-block;height: 20px;background: url(../images/icon_33.png) no-repeat center;margin-right: 16px;width: 5px;vertical-align: top;}
  231. .market .bd .t4::after{content: "";display: inline-block;height: 20px;background: url(../images/icon_34.png) no-repeat center;margin-left: 16px;width: 5px;vertical-align: top;}
  232. .market .arr{display: inline-block;width: 23px;height: 33px;position: absolute;top: 112px;cursor: pointer;z-index: 9;}
  233. .market .prev{left: 0;background: url(../images/icon_35.png) #bac1cb no-repeat center;}
  234. .market .next{right: 0;background: url(../images/icon_36.png) #bac1cb no-repeat center;}
  235. .market .prev:hover{background: url(../images/icon_35.png) #439df4 no-repeat center;}
  236. .market .next:hover{background: url(../images/icon_36.png) #439df4 no-repeat center;}
  237. .info_aq{height: 427px;}
  238. .information{width: 1200px;height: 417px;padding-top: 10px;float: left;background: #fff;box-shadow: 0 2px 8px rgba(135,135,135,0.16);-webkit-box-shadow: 0 2px 8px rgba(135,135,135,0.16);border-radius: 4px;-webkit-border-radius: 4px;position: relative;}
  239. .question{width: 270px;height: 427px;float: right;background: #fff;box-shadow: 0 1px 8px rgba(126,126,126,0.2);-webkit-box-shadow: 0 1px 8px rgba(126,126,126,0.2);border-radius: 4px;-webkit-border-radius: 4px;}
  240. .infoimg{width: 280px;margin: 0 11px;height: 100%;float: left;}
  241. .infoimg .imgbox{height: 200px;border-radius: 4px;-webkit-border-radius: 4px;overflow: hidden;margin-bottom: 5px;position: relative;}
  242. .infoimg .imgbox img{position: absolute;top: 0;left: 0;}
  243. .infoimg .imgbox .mask{width: 280px;height: 31px;line-height: 31px;text-align: center;font-weight: bold;font-size: 15px;color: #fff;background: #3e3e3e;position: absolute;left: 0;bottom: 0;}
  244. .infotext{width: 903px;height: 402px;position: absolute;right: 0;top: 12px;}
  245. .infotext .bd ul{height: 402px;display: none;}
  246. .infotext .bd ul li{background: url(../images/icon_37.png) no-repeat left top;}
  247. .infotext .bd ul .li1{height: 103px;}
  248. .infotext .bd ul .li2{height: 105px;}
  249. .infotext .bd ul .li3{height: 103px;}
  250. .infotext .bd ul .li4{height: 91px;}
  251. .infotext .bd ul li a{display: block;height: 100%;padding: 0 22px;}
  252. .infotext .bd ul li .simple{font-weight: bold;font-size: 15px;color: #525252;padding-top: 2px;}
  253. .infotext .bd ul li .desc{font-size: 12px;color: #979797;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;}
  254. .infotext .bd ul li .mydate{font-size: 12px;color: #9d9d9d;margin-top: 6px;}
  255. .infotext .hd{position: absolute;left: -240px;top: -52px;}
  256. .infotext .hd ul{height: 24px;}
  257. .infotext .hd ul li{font-weight: bold;font-size: 14px;color: #5b5b5b;padding: 0 14px;line-height: 24px;float: left;cursor: pointer;}
  258. .question li{border-top: 1px solid #f0f0f0;height: 49px;position: relative;}
  259. .question li:first-child{border-top: none;height: 112px;}
  260. .question li a{display: block;height: calc(100% - 17px);padding: 17px 30px 0 19px;}
  261. .question li:first-child a{padding-top: 29px;height: calc(100% - 29px);}
  262. .question li:first-child a::after{content: "";display: block;width: 20px;height: 1px;background: #d6dae2;position: absolute;left: 43px;top: 52px;}
  263. .question li .p1{font-size: 14px;color: #61697b;line-height: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;padding-right: 28px;}
  264. .question li .p1::after{content: "";display: inline-block;vertical-align: top;height: 17px;width: 15px;background: url(../images/icon_38.png) no-repeat center;position: absolute;right: 0;top: 0;}
  265. .question li .p1 span{display: inline-block;vertical-align: top;width: 17px;height: 17px;background: #bac1cb;margin-right: 6px;border-radius: 2px;-webkit-border-radius: 2px;text-align: center;line-height: 17px;font-size: 12px;color: #fff;position: relative;}
  266. .question li .p1 span::after{content: "";display: inline-block;border-left: 2px solid #bac1cb;border-top: 2px solid transparent;border-bottom: 2px solid transparent;position: absolute;top: 50%;margin-top: -2px;right: -2px;}
  267. .question .li1 .p1 span{background: #ff6b3f;}
  268. .question .li1 .p1 span::after{border-left: 2px solid #ff6b3f;}
  269. .question .li2 .p1 span{background: #5d90df;}
  270. .question .li2 .p1 span::after{border-left: 2px solid #5d90df;}
  271. .question .li3 .p1 span{background: #a2c581;}
  272. .question .li3 .p1 span::after{border-left: 2px solid #a2c581;}
  273. .question li .p2{font-size: 12px;color: #a7a7a7;height: 40px;line-height: 20px;padding: 0 6px 0 23px;margin-top: 12px;overflow: hidden;}
  274. .mediabox{margin: 0 auto;height: 380px;width: 1197px;box-shadow: 0 2px 8px rgba(135,135,135,0.16);-webkit-box-shadow: 0 2px 8px rgba(135,135,135,0.16);}
  275. .mediabox ul{height: 380px;width: 1197px;}
  276. .mediabox ul li{float: left;width: 170px;height: 94px;border-left: 1px solid #ededed;border-bottom: 1px solid #ededed;background: #fff;display: table;}
  277. .mediabox ul li .mid{display: table-cell;vertical-align: middle;text-align: center;}
  278. .yzabout{height: 440px;}
  279. .yzabout .hd{float: left;width: 354px;height: 440px;margin-right: 1px;}
  280. .yzabout .hd ul{height: 440px;}
  281. .yzabout .hd li{position: relative;float: left;width: 170px;height: 142px;text-align: center;background: #fff;margin: 0 7px 7px 0;box-shadow: 0 1px 7px rgba(83,100,115,0.17);-webkit-box-shadow: 0 1px 7px rgba(83,100,115,0.17);cursor: pointer;}
  282. .yzabout .hd li.on{background: url(../images/about_libg.jpg) no-repeat;}
  283. .yzabout .hd li p{font-weight: bold;font-size: 15px;color: #383838;padding-top: 71px;}
  284. .yzabout .hd li.on p{padding-top: 59px;}
  285. .yzabout .hd li.on p{color: #fff;}
  286. .yzabout .hd li p::after{content: "";display: block;height: 16px;background: url(../images/icon_40.png) no-repeat center;margin-top: 5px;}
  287. .yzabout .hd li.on p::after{background: url(../images/icon_40_on.png) no-repeat center;}
  288. .yzabout .hd li p i{display: block;height: 1px;background: url(../images/icon_41.png) no-repeat center;margin-bottom: 7px;}
  289. .yzabout .hd li.on p i{background: url(../images/icon_41_on.png) no-repeat center;margin-bottom: 19px;}
  290. .yzabout .hd li::after{content: "";display: block;height: 60px;width: 100%;position: absolute;left: 0;top: 0;}
  291. .yzabout .hd li.on::after{height: 58px;}
  292. .yzabout .hd .li1::after{background: url(../images/icon_42.png) no-repeat center bottom;}
  293. .yzabout .hd .li1.on::after{background: url(../images/icon_42_on.png) no-repeat center bottom;}
  294. .yzabout .hd .li2::after{background: url(../images/icon_43.png) no-repeat center bottom;}
  295. .yzabout .hd .li2.on::after{background: url(../images/icon_43_on.png) no-repeat center bottom;}
  296. .yzabout .hd .li3::after{background: url(../images/icon_44.png) no-repeat center bottom;}
  297. .yzabout .hd .li3.on::after{background: url(../images/icon_44_on.png) no-repeat center bottom;}
  298. .yzabout .hd .li4::after{background: url(../images/icon_45.png) no-repeat center bottom;}
  299. .yzabout .hd .li4.on::after{background: url(../images/icon_45_on.png) no-repeat center bottom;}
  300. .yzabout .hd .li5::after{background: url(../images/icon_46.png) no-repeat center bottom;}
  301. .yzabout .hd .li5.on::after{background: url(../images/icon_46_on.png) no-repeat center bottom;}
  302. .yzabout .hd .li6::after{background: url(../images/icon_47.png) no-repeat center bottom;}
  303. .yzabout .hd .li6.on::after{background: url(../images/icon_47_on.png) no-repeat center bottom;}
  304. .yzabout .bd{width: 844px;height: 440px;background: url(../images/aboutyz.jpg) no-repeat;float: right;box-shadow: 0 1px 7px rgba(83,100,115,0.17);-webkit-box-shadow: 0 1px 7px rgba(83,100,115,0.17);}
  305. .yzabout .bd ul{height: 100%;}
  306. .yzabout .bd li{height: 100%;padding-left: 33px;position: relative;}
  307. .yzabout .bd li .s1{font-weight: bold;font-size: 20px;color: #3d3d3d;padding-top: 26px;}
  308. .yzabout .bd li .s1::after{content: "";display: block;width: 17px;height: 1px;background: #e1e1e1;margin-left: 3px;margin-top: 7px;}
  309. .yzabout .bd li .s2{font-weight: bold;font-size: 14px;color: #565656;margin-top: 8px;}
  310. .yzabout .bd li .s2::after{content: "";display: block;width: 40px;height: 1px;background: #e1e1e1;margin-left: 3px;margin-top: 20px;}
  311. .yzabout .bd li .s3{width: 734px;font-size: 14px;color: #b0b0b0;line-height: 24px;margin: 10px 0 20px;}
  312. .yzabout .bd li .s4{height: 215px;}
  313. .yzabout .bd li .s4 span{display: inline-block;position: relative;}
  314. .yzabout .bd li .s4 img{margin-left: 5px;margin-bottom: 5px;}
  315. .yzabout .bd li .s4 p{width: calc(100% - 5px); height: 50px; line-height: 50px; text-align: center; position: absolute; bottom: 5px; left: 5px; font-size: 14px; color: #fff; font-weight: 700; background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(rgba(0,0,0,.7))); background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,0),rgba(0,0,0,.7)); background-image: -moz-linear-gradient(top,hsla(0,0%,100%,0) 0,rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(top,hsla(0,0%,100%,0) 0,rgba(0,0,0,.7) 100%); background-image: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.7));}
  316. .yzabout .bd li .s5{display: block;font-weight: bold;font-size: 14px;color: #fff;width: 108px;height: 30px;line-height: 30px;text-align: center;background: #de251d;border-radius: 2px;-webkit-border-radius: 2px;position: absolute;top: 32px;right: 35px;}
  317. .yzabout .bd li .s5 i,.yzabout .bd li .s5::after{display: inline-block;vertical-align: top;height: 30px;width: 5px;background: url(../images/icon_48.png) no-repeat center;margin-right: 10px;}
  318. .yzabout .bd li .s5::after{content: "";background: url(../images/icon_49.png) no-repeat center;margin-left: 10px;margin-right: 0;}
  319. .yzabout .bd li .s6{position: relative;width: 764px;height: 367px;padding-left: 7px;padding-top: 36px;}
  320. .yzabout .bd li .s6 .pic_desc{text-align: left; position: absolute; bottom: 0; left: 7px; width: calc(100% - 47px); height: 100px; font-size: 14px; line-height: 20px; color: #fff; padding-left: 30px; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.9))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.9)); background-image: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.9) 100%); background-image: -o-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.9) 100%); background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.9));}
  321. .yzabout .bd li .s6 .pic_desc p:first-child{font-size: 16px; font-weight: 700; margin-bottom: 10px;}
  322. .home-about__item { position: absolute; top: 0; left: 0; width: 775px; height: 100%; padding: 0 35px; }
  323. .xg-container { width: 100%; height: 100%; }
  324. .xg-container .xg-special { float: left; width: 50%; height: 150px; text-align: left; padding: 23px 18px 0; border-bottom: 1px dotted #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  325. .xg-container__item { text-align: left; float: left; width: 50%; line-height: 1.15; padding: 22px 15px 22px 10px; color: #909090; font-size: 14px; position: relative; border-bottom: 1px dotted #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  326. .xg-container__item:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border: 4px solid rgba(0,0,0,0); border-left-color: #5d6679; }
  327. .xg-container__item span { display: inline-block; width: 85%; vertical-align: middle; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  328. .xg-container__item time { float: right; color: #b1b1b1; font-size: 14px; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
  329. .xg-container .xg-special__img { width: 110px; height: 110px; float: left; margin-right: 12px; }
  330. .xg-container .xg-special__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }
  331. .xg-container .xg-special__info { width: 204px; float: left; }
  332. .xg-container .xg-special__title { font-size: 16px; color: #5f5f5f; padding-bottom: 10px; margin-bottom: 10px; position: relative; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  333. .xg-container .xg-special__title:after { content: ""; position: absolute; bottom: 0; left: 0; width: 16px; border-bottom: 1px dashed #ddd; }
  334. .xg-container .xg-special time { display: block; font-size: 12px; color: #d2d2d2; margin-bottom: 13px; }
  335. .xg-container .xg-special__content { font-size: 13px; color: #adadad; padding-bottom: 15px; position: relative; }
  336. .ellipsis { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  337. .xg-container .xg-special__content:after { content: ""; position: absolute; bottom: 0; left: 0; width: 20px; height: 5px; background-image: url(../images/icon_70.png); background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }
  338. .xg-list{ padding: 35px; height: calc(100% - 70px); }
  339. .xg-list .xg-box { width: 228px; border-bottom: 1px dotted #ddd; float: left; margin-bottom: 30px; margin-right: 30px; }
  340. .xg-list .xg-box__title { font-size: 16px; font-weight: 700; color: #4d4d4d; margin-bottom: 20px; display: block; }
  341. .xg-list .xg-box__title img { position: relative; top: -2px; }
  342. .xg-list .xg-box__item { margin-bottom: 24px; display: block; }
  343. .clearfix:after, .clearfix:before { content: ""; display: table; }
  344. .clearfix:after { clear: both; }
  345. .xg-list .xg-box__item img { float: left; margin-right: 10px; }
  346. .xg-list .xg-box__info { float: left; line-height: 1.15; }
  347. .xg-list .xg-box__info p:first-child { font-size: 14px; color: #5c5c5c; font-weight: 700; margin-bottom: 8px; }
  348. .xg-list .xg-box__info p:nth-child(2) { font-size: 12px; color: #adadad; font-weight: 700; }
  349. .yzabout .bd li .s6 .xg-video{display: block;width: 764px;height: 367px;background: url(../images/icon_85.png) no-repeat center;position: absolute;left: 7px;bottom: 0;}
  350. .banner_wrap{height: 560px;position: relative;}
  351. .banner,.banner .bd,.banner .bd li{height: 560px;overflow: hidden;}
  352. .banner .bd li{background-position: center top;background-repeat: no-repeat;}
  353. .banner .bd li a{display: block;width: 1200px;height: 100%;margin: 0 auto;}
  354. .banner .hd{width: 100%;height: 0;position: absolute;left: 0;bottom: 162px;z-index: 9;}
  355. .banner .hd ul{display: table;margin: 0 auto;}
  356. .banner .hd li{float: left;width: 7px;height: 7px;background: rgba(255,255,255,0.6);border-radius: 100%;-webkit-border-radius: 100%;margin-left: 5px;text-indent: -9999px;cursor: pointer;}
  357. .banner .hd li:first-child{margin-left: 0;}
  358. .banner .hd li.on{width: 40px;border-radius: 3.5px;-webkit-border-radius: 3.5px;}
  359. .miscell{width: 230px;height: 542px;background: url(../images/miscell_bg.png) no-repeat;position: absolute;right: 50%;top: 8px;margin-right: -600px;}
  360. .miscell .numdata{margin: 0 9px;height: 106px;padding: 19px 0 0 11px;}
  361. .miscell .numtit{font-weight: bold;font-size: 16px;color: #fbffe2;}
  362. .miscell .numcont{font-weight: bold;font-size: 30px;color: #fbffe2;margin-top: -3px;}
  363. .miscell .numcont span{font-size: 14px;color: #fff;font-weight: normal;padding-left: 6px;}
  364. .miscell .numdes{font-size: 12px;color: #fbffe2;margin-top: 12px;}
  365. .miscell .numdes span{height: 20px;line-height: 20px;display: inline-block;vertical-align: top;margin-left: 13px;}
  366. /*.miscell .numdes span::after{content: "";display: inline-block;vertical-align: top;margin-left: 5px;background: url(../images/icon_50.png) no-repeat center;height: 20px;width: 7px;}*/
  367. .miscell .numdes i{display: inline-block;width: 1px;height: 9px;background: #a49de5;margin-right: 12px;}
  368. .newsjy{height: 84px;padding: 0 17px;overflow: hidden;}
  369. .newsjy .hd{font-size: 14px;color: #494949;font-weight: bold;line-height: 18px;padding: 16px 0 7px;}
  370. .newsjy .hd .arr{display: inline-block;width: 16px;height: 18px;vertical-align: top;}
  371. .newsjy .hd .prev{background: url(../images/icon_51.png) no-repeat center;}
  372. .newsjy .hd .next{background: url(../images/icon_52.png) no-repeat center;}
  373. .newsjy .hd .prev:hover{background: url(../images/icon_51_on.png) no-repeat center;}
  374. .newsjy .hd .next:hover{background: url(../images/icon_52_on.png) no-repeat center;}
  375. .newsjy .bd li{font-weight: bold;font-size: 12px;color: #3a3a3a;line-height: 20px;}
  376. .newsjy .bd p{font-size: 12px;color: #999;max-width: 186px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
  377. .videobox{width: 212px;height: 105px;margin: 13px auto 0;position: relative;overflow: hidden;border-radius: 4px;-webkit-border-radius: 4px;}
  378. .videobox video{height: 105px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
  379. .videobox .videomask{position: relative;height: 105px;background: url(../images/viewcctv.png) no-repeat;}
  380. .videobox span{font-weight: bold;font-size: 15px;color: #fff;text-align: center;display: block;}
  381. .videobox a{display: block;height: 47px;background: url(../images/playbtn.png) no-repeat center 16px;text-indent: -9999px;padding: 16px 0 7px;}
  382. .linkout{height: 58px;display: table;margin: 6px auto 0;}
  383. .linkout a{display: block;float: left;text-align: center;font-size: 12px;color: #535353;width: 70px;height: 58px;background: #f0f0f0;border-radius: 2px;-webkit-border-radius: 2px;margin-left: 1px;}
  384. .linkout a:first-child{margin-left: 0;}
  385. .linkout a i{display: block;height: 34px;}
  386. .linkout a.link1 i{background: url(../images/icon_53.png) no-repeat center 9px;}
  387. .linkout a.link2 i{background: url(../images/icon_54.png) no-repeat center 10px;}
  388. .linkout a.link3 i{background: url(../images/icon_55.png) no-repeat center 11px;}
  389. .newsscroll{padding: 16px 20px 0;}
  390. .newsscroll .hd{font-weight: bold;font-size: 14px;color: #494949;line-height: 21px;padding-bottom: 2px;}
  391. .newsscroll .hd a{border-top: 2.5px solid transparent;border-bottom: 2.5px solid transparent;display: inline-block;vertical-align: top;}
  392. .newsscroll .hd .prev{border-right: 3px solid #4c5a77;margin: 9px 5px 0 10px;}
  393. .newsscroll .hd .next{border-left: 3px solid #4c5a77;margin: 9px 10px 0 5px;}
  394. .newsscroll .hd ul{height: 5px;display: inline-block;vertical-align: top;margin-top: 9px;}
  395. .newsscroll .hd li{width: 5px;height: 5px;background: #c9cdd6;text-indent: -9999px;border-radius: 100%;-webkit-border-radius: 100%;margin-left: 5px;float: left;}
  396. .newsscroll .hd li.on{background: #4c5a78;}
  397. .newsscroll .hd li:first-child{margin-left: 0;}
  398. .newsscroll .bd{padding-top: 4px;height: 50px;overflow: hidden;}
  399. .newsscroll .bd li{height: 25px;}
  400. .newsscroll .bd li a{color:#6c6c6c;font-size: 12px;display: block;max-width: 174px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 25px;}
  401. .miscell .yanbtn{display: block;font-weight: bold;font-size: 14px;color: #3d50d1;text-align: center;border-top: 1px solid #e2e5ed;padding-top: 3px;line-height: 42px;margin-top: 12px;background: url(../images/icon_56.png) no-repeat center 20px;}
  402. .adlink{width: 726px;height: 124px;position: absolute;bottom: 10px;left: 50%;margin-left: -365px;}
  403. .adlink a{display: block;height: 124px;width: 242px;float: left;}
  404. /* .adlink a:first-child{width: 206px;} */
  405. .fastlink{width: 84px;height: 542px;background: url(../images/pullbg.png) #1d212d no-repeat left bottom;position: absolute;left: 50%;margin-left: -600px;top: 8px;z-index: 99;}
  406. .fastlink > ul{width: 84px;height: 542px;}
  407. .fastlink > ul > li .tab{height: 100%;position: relative;text-align: center;cursor: pointer;}
  408. .fastlink > ul > li .tab i{content: "";display: block;width: 100%;height: 1px;background: url(../images/line.png) no-repeat center;position: absolute;top: 0;left: 0;}
  409. .fastlink > ul > li:first-child .tab i{display: none;}
  410. .fastlink > ul > .li1{height: 136px;}
  411. .fastlink > ul > .li2{height: 136px;}
  412. .fastlink > ul > .li3{height: 135px;}
  413. .fastlink > ul > .li4{height: 135px;}
  414. .fastlink > ul > .li5{height: 111px;}
  415. .fastlink > ul > li.on{background: #fff;}
  416. .fastlink > ul > .li4.on{background: none!important;}
  417. .fastlink > ul > li .tab p{font-weight: bold;font-size: 15px;color: #fff;padding-top: 76px;}
  418. .fastlink > ul > li.on .tab p{color: #2765e0;}
  419. .fastlink > ul > .li1 .tab p{background: url(../images/icon_57.png) no-repeat center 36px;}
  420. .fastlink > ul > .li2 .tab p{background: url(../images/icon_58.png) no-repeat center 36px;}
  421. .fastlink > ul > .li3 .tab p{background: url(../images/icon_59.png) no-repeat center 36px;}
  422. .fastlink > ul > .li4 .tab p{background: url(../images/icon_60.png) no-repeat center 36px;}
  423. .fastlink > ul > .li5 .tab p{background: url(../images/icon_61.png) no-repeat center 36px;}
  424. .fastlink > ul > .li1.on .tab p{background: url(../images/icon_57_on.png) no-repeat center 36px;}
  425. .fastlink > ul > .li2.on .tab p{background: url(../images/icon_58_on.png) no-repeat center 36px;}
  426. .fastlink > ul > .li3.on .tab p{background: url(../images/icon_59_on.png) no-repeat center 36px;}
  427. .fastlink > ul > .li4.on .tab p{background: url(../images/icon_60_on.png) no-repeat center 36px;}
  428. .fastlink > ul > .li5.on .tab p{background: url(../images/icon_61_on.png) no-repeat center 36px;}
  429. .fastlink > ul > li .pull{width: 881px;height: 542px;position: absolute;top: 0;left: 84px;display: none;}
  430. .fastlink > ul > li .pull{width: 141px;}
  431. .fastlink > ul > li.on .pull{display: block;}
  432. .pull > ul{height: 100%;background: #fff;}
  433. .pull > ul > li .bigtitlk{display: block;line-height: 24px;font-weight: bold;font-size: 14px;color: #2765e0;padding: 4px 10px 0;}
  434. .pull > ul > li .bigtitlk i{display: inline-block;vertical-align: top;width: 26px;height: 10px;margin-top: 7px;margin-left: 2px;}
  435. .pull > ul > li .bigtitlk i.hot{background: url(../images/fastlink_hot.png) no-repeat;}
  436. .fastlink > ul > .li1 .pull > ul > li{height: 100%;}
  437. .fastlink > ul > .li1 .pull > ul > li .smlink{padding: 0 10px 29px;background: url(../images/line1.png) no-repeat center bottom 10px;}
  438. .pull > ul > li .smlink{padding: 0 10px 20px;background: url(../images/line1.png) no-repeat center bottom 5px;}
  439. .pull > ul > li .smlink.last{background: none!important;}
  440. .pull > ul > li .smlink .titlk{font-weight: bold;font-size: 14px;color: #2e2e2e;display: block;line-height: 24px;padding: 5px 0;}
  441. .pull > ul > li .smlink .titlk::after{content: "";display: inline-block;height: 24px;width: 13px;margin-left: 6px;vertical-align: top;background: url(../images/icon_62.png) no-repeat center;}
  442. .pull > ul > li .smlink .hotlk{margin-right: -10px;}
  443. .pull > ul > li .smlink .hotlk::after{content: "";display: block;clear: both;zoom: 1;}
  444. .pull > ul > li .smlink .hotlk span{height: 27px;float: left;padding-right: 15px;}
  445. .pull > ul > li .smlink.espic1 .hotlk span{padding-right: 0;width: 65px;}
  446. .pull > ul > li .smlink .hotlk a{font-size: 12px;color: #979797;line-height: 27px;display: inline-block;}
  447. .fastlink .contfr{width: 740px;height: 100%;background: #fafafa;position: absolute;left: 141px;top: 0;border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;display: none;}
  448. .pull > ul > li:first-child .contfr{display: block;}
  449. .fastlink > ul > .li1 .pull > ul > li .contfr{display: none;}
  450. .fastlink > ul > li .pull > ul > li:hover .contfr{display: block;}
  451. .fastlink .contfr .hotstag{height: 24px;padding: 23px 28px 3px;overflow: hidden;}
  452. .fastlink .contfr .hotstag a{float: left;margin-left: 10px;width: 68px;height: 24px;padding: 0 11px 0 8px;line-height: 24px;background: #3c3c3c;font-size: 14px;color: #fff;}
  453. .fastlink .contfr .hotstag a:first-child{margin-left: 0;}
  454. .fastlink .contfr .hotstag a::after{content: "";display: inline-block;vertical-align: top;height: 24px;width: 4px;background: url(../images/icon_64.png) no-repeat center;float: right;}
  455. .fastlink .contfr .subdiv{height: 338px;padding: 0 47px 0 26px;}
  456. .fastlink .li1 .contfr .subdiv{padding: 0 43px 0 26px;}
  457. .fastlink .contfr .subdiv .ifbox{background: url(../images/line2.png) no-repeat center top;padding-top: 16px;}
  458. .fastlink .contfr .subdiv .ifbox:first-child{background: none;}
  459. .fastlink .contfr .subdiv .ifbox::after,.fastlink .ifcont::after{content: "";display: block;clear: both;}
  460. .fastlink .contfr .ifbox > span{display: block;float: left;width: 85px;font-weight: bold;font-size: 14px;color: #5c5c5c;line-height: 22px;}
  461. .fastlink .contfr .ifbox > div{float: left;width: calc(100% - 85px);min-height: 22px;}
  462. .fastlink .ifcont{margin-right:-30px;overflow: hidden;padding: 0 0 6px;}
  463. .fastlink .ifcont i{float: left;display: block;font-style: normal;min-width: 88px;padding-left: 20px;margin-left: -20px;position: relative;margin-bottom: 9px;}
  464. .fastlink .ifbox.espic0 .ifcont i{width: 104px;}
  465. .fastlink .ifbox.espic1 .ifcont i{width: 186px;}
  466. .fastlink .ifbox.espic2 .ifcont i{width: 132px;}
  467. .fastlink .ifbox.espic .ifcont i{width: 108px;}
  468. .fastlink .ifcont i::after{content: "";display: block;width: 1px;height: 10px;background: #d5d5d5;position: absolute;left: 0;top: 6px;}
  469. .fastlink .ifcont a{display: inline-block;font-size: 13px;color: #666;line-height: 22px;}
  470. .fastlink .ifcont i.more a{color: #3573ec;}
  471. .fastlink .ifcont i.more a::after{content: "";display: inline-block;vertical-align: top;height: 22px;width: 9px;margin-left: 5px;background: url(../images/icon_65.png) no-repeat center;}
  472. .fastlink .contfr .jian{height: 136px;padding-left: 26px;}
  473. .fastlink .contfr .jian a{display: block;width: 299px;height: 117px;padding: 17px 21px 0 22px;background: #fff;margin-left: 5px;border: 1px solid #eee;float: left;}
  474. .fastlink .contfr .jian a:first-child{margin-left: 0;}
  475. .fastlink .jian img{width: 18px;height: 18px;}
  476. .fastlink .jian span{display: block;font-weight: bold;font-size: 15px;color: #656565;margin-top: 2px;}
  477. .fastlink .jian p{height: 22px;border-bottom: 1px dashed #f3f3f3;padding-bottom: 6px;}
  478. .fastlink .jian p i{font-style: normal;font-size: 12px;color: #a4a1b2;line-height: 22px;float: left;position: relative;margin-left: 31px;}
  479. .fastlink .jian p i:first-child{margin-left: 0;}
  480. .fastlink .jian p i:first-child::after{display: none;}
  481. .fastlink .jian p i::after{content: "";display: block;width: 1px;height: 10px;background: #d6d6d6;position: absolute;top: 6px;left: -16px;}
  482. .fastlink .jian .price{font-weight: bold;font-size: 18px;color: #fd4249;line-height: 30px;margin-top: 4px;}
  483. .fastlink .jian .price::after{content: "";display: inline-block;vertical-align: top;float: right;width: 15px;height: 30px;background: url(../images/icon_09.png) no-repeat center;}