footer.css 51 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312
  1. .f-l{color:#666666;float:left}
  2. .f-r{float:right}
  3. .mr-20{margin-right:20px}
  4. .fs22{font-size:22px}
  5. .fs16{font-size:16px}
  6. .fs14{font-size:14px}
  7. .fs1205{font-size:12.5px}
  8. .fs12{font-size:12px}
  9. .fc6c{color:#6c6c6c}
  10. .fw-b{font-weight:bold}
  11. .footer ul li{padding:10px 0px 0px;}
  12. .footer ul li a .kuangimg{width:80px;height:80px;padding:0px;border:#CCC 3px solid;}
  13. .f-l ul li span{display:none;}
  14. .mt30{margin-top:30px}
  15. .mr95{margin-right:95px}
  16. .mr30{margin-right:30px}
  17. .mr45{margin-right:45px}
  18. .nowrap{white-space:nowrap}
  19. .clearfloat{background-color:#fff;}
  20. .footer{width:100%;height:270px;background-color:#fff;margin-top:5px;}
  21. .footer .content-w{width:1180px;height:100%;background-color:#fff;margin:0 auto}
  22. .footer .content-w .content-p{position:relative;width:100%;height:100%}
  23. .footer .content-w .content-p .icon-bg-wechat{background:url(../images/icon-wechat.png) no-repeat left;padding-left:22px}
  24. .footer .content-w .content-p .brcode-wrapper{position:relative}
  25. .footer .content-w .content-p .brcode-wrapper .brcode-w{display:none;background-color:#fff;position:absolute;padding:20px;border:1px solid #eee;z-index:999;right:-195px;bottom:-46px}
  26. .footer .content-w .content-p .brcode-wrapper .brcode-w .arrow-l{width:12px;height:12px;background:url(../images/icon-arrow-l.png) no-repeat;position:absolute;left:-12px;bottom:47px}
  27. .footer .content-w .content-p .brcode-wrapper .brcode-w .brcode-img{width:140px;height:140px}
  28. .footer .content-w .content-p .t{padding-top:45px}
  29. .footer .content-w .content-p .t .col{font-size:12px;color:#6c6c6c;}
  30. .footer .content-w .content-p .t .fs16{text-align:center;}
  31. .footer .content-w .content-p .t .mb{margin:0px 20px;}
  32. .footer .content-w .content-p .t .mb .qqjun{padding:0px 0px;}
  33. .footer .content-w .content-p .t .mb .mt15 a{display:block;line-height:28px;margin-bottom:9px;}
  34. .footer .content-w .content-p .t .mb .mt15{padding:0px 0px;height:31px;}
  35. .footer .content-w .content-p .t .cs{position:relative;overflow:hidden}
  36. .footer .content-w .content-p .t .cs .cs-btn{display:block;width:68px;height:20px;line-height:20px;text-align:center;color:#fff;background-color:#1caa8c;position:absolute;right:0;top:0}
  37. .footer .content-w .content-p .t .cs .cs-btn:hover{opacity:0.8;filter:alpha(opacity=80)}
  38. .footer .content-w .content-p .t .cs .cs-info{margin-top:28px;padding-left:54px}
  39. .footer .content-w .content-p .b{width:100%;border-top:1px solid #f2f2f2;position:absolute;bottom:0px;left:0;height:65px;line-height:65px}
  40. .footer .content-w .content-p .b .icon-wj{background:url(../images/icon-wj.png) no-repeat left;padding-left:23px}
  41. .footer .content-w .content-p .b .icon-busigroup-g{background:url(../images/icon-busigroup-g.png) no-repeat left;padding-left:27px}
  42. #col-contact{float:right;width:251px;height:112px;border-left:1px solid #e0e0e0;text-align:center;color:#616161;}
  43. #col-contact .phone{margin:0 0 5px;font-size:22px;line-height:1;color:#1caa8c;text-align:center;}
  44. #col-contact p{margin:10px 0 10px;font-size:12px;text-align:center;}
  45. .btn-small{width:118px;height:28px;font-size:12px;line-height:28px;}
  46. .btn{display:inline-block;*zoom:1;*display:inline;width:158px;height:38px;padding:0;margin:0;/*border:1px solid #b0b0b0;*/font-size:14px;line-height:38px;text-align:center;color:#333;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;}
  47. #col-contact{float:right;width:251px;height:112px;border-left:1px solid #e0e0e0;text-align:center;color:#616161;}
  48. .btn-line-primary{border-color:#1caa8c;color:#fff;background:#1caa8c url(../images/icon-service-type2.png) no-repeat 29px center;}
  49. .btn-line-primary:hover{color:#1caa8c;background-color:#fff;border-color:#1caa8c;background:url(../images/icon-service-type1.png) no-repeat 29px center;}
  50. .slideTxtBox{width:100%;background:#1caa8c;min-height:200px;padding-top:20px;}
  51. .w1180{width:1180px;margin:0 auto;}
  52. .slideTxtBox .ljtb1{color:#fff;margin-top:-20px;}
  53. .slideTxtBox .on{background:url(../images/link.png) left center no-repeat;}
  54. .slideTxtBox .on h3{padding-left:30px;}
  55. .slideTxtBox h3{font-size:16px;padding-right:30px;}
  56. .slideTxtBox .ljtb2{color:#fff;margin-top:-20px;}
  57. .slideTxtBox .bd ul{margin-top:20px;}
  58. .slideTxtBox .hd ul{margin-top:0px;}
  59. .slideTxtBox ul li{float:left;}
  60. .slideTxtBox ul li a{display:inline-block;padding:0px 10px;float:left;margin-bottom:10px;font-size:14px;color:#101010;padding-top:8px;}
  61. .slideTxtBox ul li a:hover{text-decoration:underline;}
  62. .jietu img{text-align:center;width:900px;height:auto}
  63. .jietu{height:auto;}
  64. .row{background-color:#fff;}
  65. .banner{position:relative;z-index:9;}
  66. .banner,.banner dl{width:100%;height:425px;position:relative}
  67. .banner dl dt,.banner dl dt ul{width:100%;height:100%;position:absolute;}
  68. .banner dl dt ul{opacity:0}
  69. .banner dl dd{position:absolute;bottom:15px;right:50%;margin-right:-52px}
  70. .banner dl dd ul{width:15px;height:15px;border-radius:100%;float:left;margin:0 6px;cursor:pointer;background:#fff;opacity:0.5;font-size:0;}
  71. .banner dl dd ul.current{opacity:1}
  72. @charset "utf-8";.fl,.f_l,.Left,#remind DL DT,#remind DL DD,.indexHot .List1_0,.indexHot .List2_0,.goods_name .nleft{float:left}
  73. .fr,.f_r,.Right,.shopFast .title span,.goods_name .nright,.username .extra{float:right}
  74. .gw_goods_info{font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体";}
  75. .gw_clear{height:0px;line-height:0px;clear:both;}
  76. .gw_goods_img img{width:350px;height:350px;background-color:#FFF;border:#eeeeee 1px solid;float:left;}
  77. .gw_goods_right{background-color:#FFF;width:460px;float:right;}
  78. .gw_goods_info{width:830px;background-color:#FFF;padding:30px;}
  79. h1.gw_goodsname{FONT-SIZE:24px;COLOR:#333;line-height:1.3em;padding-bottom:10px;}
  80. .daoyu{line-height:30px;font-size:18px;color:#999;text-align:left;}
  81. .sjwz{width:95%;height:auto;border:1px solid #e3e3e3;padding:10px;background-color:#f7f7f7;margin-bottom:15px;color:#C00;font-size:14px;border-radius:5px;}
  82. #ur_here{border-top:none;height:50px;line-height:50px;color:#666666;margin:0 auto;text-indent:0px;}
  83. .xprice{position:relative;}
  84. .xbase_item{height:50px;line-height:50px;border-bottom:#eeeeee 1px solid;margin-bottom:10px;zoom:1;}
  85. .advice{background:url(../images/qme.gif) no-repeat;display:inline-block;height:24px;width:85px;}
  86. .xprice_val{position:relative;float:left;display:inline;font-size:16px;color:#e74e52;line-height:40px;padding-top:30px;}
  87. .xprice_val>p{display:block;float:left;font-size:14px;color:#929191;}
  88. .xprice_val>em{font-size:40px;}
  89. .shengming{display:block;float:left;font-size:14px;color:#929191;margin-top:34px;}
  90. .shengming>p{line-height:0px;}
  91. .shengming p>em{color:#1caa8c;}
  92. .hidden .renqi{float:right;margin-top:45px;}
  93. .xprice_val i{font-size:24px;}
  94. .xprice_val u{color:#999;font-size:12px;text-decoration:line-through;padding-left:10px;}
  95. .txtfu{color:#999;}
  96. .xprice_tag{float:left;display:inline;height:18px;padding:0 3px;margin:20px 10px 6px 0;line-height:16px;line-height:20px\9;_line-height:16px;color:#fff;background:#FF3366;border-radius:2px;}
  97. .xprice .x_mod_time{float:left;display:inline;height:20px;margin:5px 10px 5px 0;}
  98. i,em{font-style:normal;}
  99. .x_mod_time em{font-weight:bold;color:#FF3366;margin:0 3px;font-size:14px}
  100. .biaoge{float:left}
  101. .tagcloud{padding-top:20px;padding-bottom:20px;font-size:12px;height:auto;}
  102. .tagcloud a:link,tagclouda:visited{padding:3px 8px;margin:2px;height:20px;line-height:16px;-moz-border-radius:3px;}
  103. .tagcloud a{text-decoration:none;line-height:20px;color:#6c6c6c;border:1px solid #d2d2d2;font-size:14px;}
  104. .tagcloud a:hover{background-color:#f6f6f6;}
  105. .fujia{float:left;padding:30px;background-color:#fff;margin-top:20px;text-align:center;}
  106. .workorder-model-btn{display:inline-block;font-size:16px;border-radius:2px;border:1px solid #1caa8c;padding:8px 22px;margin-top:10px;}
  107. .workorder-model-btn:hover{background-color:#1caa8c;color:#fff;}
  108. .catt{color:#ec6941;background-color:#fffcd7;padding:12px;margin-bottom:10px;height:auto;line-height:20px;width:720x;font-size:12px;float:left;z-index:1;}
  109. .catt i{background-color:#ff6014;color:#fff;}
  110. .catt a{text-align:center;display:block;white-space:nowrap;color:#ffffff;text-decoration:none;float:left;font-family:"微软雅黑";}
  111. .catt a div.showattr{position:absolute;display:none;z-index:999;background:url(../images/bgattr.gif) no-repeat;border-bottom:#fccd97 1px solid;text-align:left;width:116px;padding:10px 10px 5px;line-height:25px;color:#ff7a7b;font-size:12px!important;}
  112. .catt a:hover{background:#91c8ec;margin-right:10px;margin-top:0px;color:#ffffff!important;}
  113. .catt a:focus{outline-style:none;}
  114. .catt .cattsel{background:#91c8ec;margin-right:10px;margin-top:0px;}
  115. .catt .cattsel a:hover{background:#91c8ec;margin-right:10px;margin-top:0px;color:#ffffff!important;}
  116. .attr_all_same{font-size:14px;}
  117. .attr_all_same .attr_same{width:54px;float:left;height:31px;line-height:31px;font-weight:normal;color:#a3a3a3;}
  118. .attr_all_same .spec_name{width:60px;float:left;height:31px;line-height:31px;font-weight:normal;color:#a3a3a3;}
  119. .gw_btns{margin-top:-1px;}
  120. .gw_btns a{display:inline-block;height:48px;line-height:48px;text-align:center;width:150px;color:#ffffff;margin-right:0px;font-size:14px;}
  121. a.gw_btn_red{text-decoration:none;display:inline-block;height:48px;line-height:48px;text-align:center;color:#ffffff;margin-right:10px;font-size:14px;width:177px;background:#1caa8c;}
  122. a.gw_btn_red:hover{background:#f0494f;color:#ffffff!important}
  123. a.gw_btn_blue{font-weight:normal;color:#474747;text-decoration:none;border:#d2d2d2 1px solid;width:183px;}
  124. a.gw_btn_blue:hover{border:#1caa8c 1px solid;color:#1caa8c;!important}
  125. a.gw_btn_blues{background-color:#71cd9c}
  126. a.lan{border:none!important;width:183px;margin-left:4px;}
  127. a.lan:hover{color:none!important;background:#49bbfe;}
  128. a.hei{border:none!important;}
  129. a.hei{background:#333333;color:#FFFFFF;}
  130. a.lan{background:#17a8fc;color:#FFFFFF;}
  131. .goods-social{margin-top:15px;}
  132. .goods-social .item{padding:0 13px;height:24px;line-height:24px;border:1px solid #ddd;border-radius:24px;color:#999;float:left;cursor:pointer;margin-right:10px}
  133. .goods-social .fav b,.goods-social .faved b{background-image:url(../images/goods1.png);_background-image:url(../images/goods1.png);background-repeat:no-repeat;background-position:-563px 2px;width:13px;height:12px;display:inline-block;margin-right:5px}
  134. .goods-social .fav:hover{border-color:#bbb}
  135. .goods-social .faved{border-color:#f46;color:#f46}
  136. .goods-social .shoucang b{background-image:url(../images/goods1.png);background-repeat:no-repeat;background-position:-563px 2px;width:13px;height:12px;*height:15px;display:inline-block;margin-right:5px}
  137. .goods-social .shoucang:hover{border-color:#bbb}
  138. .goods-social .share{position:relative}
  139. .goods-social .share b{background-image:url(../images/goods1.png);background-repeat:no-repeat;background-position:-617px 1px;width:8px;height:10px;*height:14px;display:inline-block;margin-right:5px}
  140. .goods-social .share a{float:left;width:17px;height:17px;margin-left:8px}
  141. .goods-social .share-w{display:none;position:absolute;top:28px;left:-41px;padding-top:10px;width:105px;height:22px;background:url(../images/share1.png)}
  142. .goods-social .report{float:left;height:26px;line-height:26px}
  143. .goods-social .report a{color:#999}
  144. .gw_comment{color:#a3a3a3;height:15px;line-height:15px;margin-top:21px;}
  145. .gw_comment img{background:#FFF;}
  146. .gw_comment em{font-family:"microsoft yahei","微软雅黑\8F6F\96C5\9ED1";font-size:16px;color:#F03;font-weight:bold;}
  147. .gw_goods_bottom{margin-top:0px;}
  148. .sale{margin-bottom:15px;zoom:1;border-bottom:#eeeeee 1px solid}
  149. .cuxiao{zoom:1;position:relative;z-index:5;padding-bottom:20px;}
  150. .cuxiao .pos{padding-bottom:3px;width:47%;float:left;}
  151. .sale .sa2 dt.manzeng{_padding-top:2px;_padding-bottom:6px;}
  152. .zengpin{display:inline-block;padding:5px 10px 10px;zoom:1;border:1px solid #E8DCBB;position:absolute;top:26px;*top:22px;_top:26px;left:0px;*left:0px;background-color:#FCFBF8;display:none;white-space:nowrap;border-radius:8px;width:240px;}
  153. .zengpin h3{clear:both;padding:5px 0 0;color:#666666;}
  154. .zengpin li{line-height:21px;padding-bottom:3px;position:relative;border:1px solid #EBEAE5;width:50px;height:50px;float:left;margin:9px 4px 0px;display:inline;}
  155. .zengpin li:hover{border:1px solid #999;}
  156. .zengpin li img{width:50px;height:50px;}
  157. .zengpin li p{width:100%;height:12px;line-height:12px;padding:2px 0;text-align:center;background-color:#EBEAE5;color:#333;position:absolute;left:0;bottom:0;}
  158. .baozhang{margin-top:0px;background-color:#FCFBF8;overflow:hidden;clear:both;padding:10px;height:60px;}
  159. .baozhang .bz{padding:10px 0 10px 20px;float:left;}
  160. .baozhang .bz img{float:left;margin-right:5px;margin-top:4px;}
  161. .baozhang .bz span{display:block;float:left;color:#999;font-family:Microsoft YaHei;font-size:14px;}
  162. .baozhang .bz span em{display:block;color:#999;font-size:12px;font-family:simsun;}
  163. .sale{margin-top:25px;}
  164. .sale i{width:48px;overflow:hidden;display:inline-block;float:left;padding-top:3px;}
  165. .sale dl{line-height:36px;color:#666;}
  166. .sale dl dt{color:#999;}
  167. .sale dl dt a{color:#999;}
  168. .sale dl dd a{color:#999;}
  169. .sale .sa1 dt{float:left;}
  170. .sale .sa2 dt{color:#F42647;}
  171. .sale .sa3 dt{float:left;}
  172. .sale .sa4 dt{float:left;}
  173. .sale b{background-position:-191px -40px;height:59px;position:absolute;right:0;top:-1px;width:59px;}
  174. .sale em{width:30px;height:20px;margin:4px 0px 0 3px;padding:3px 5px 3px;text-indent:-9999px;vertical-align:top;line-height:13px;float:left;background:url(../images/cuxiao.png) no-repeat;margin-right:10px;}
  175. .sale em.zeng1{background-position:0 0px;}
  176. .sale em.jian1{background-position:-40px 0px;}
  177. .sale em.jiang1{background-position:-80px 0px;}
  178. .sale em.xl1{background-position:-120px 0px;}
  179. .sale em.mai1{background-position:-160px 0px;}
  180. .sale em.zhe1{background-position:-200px 0px;}
  181. .sale em.man1{background-position:-40px 0px;}
  182. .sale dl dd{clear:both;}
  183. .gw_tips{position:absolute;left:180px;width:162px;height:123px;background:url(../images/tipbg.png) no-repeat;display:block;top:0px;visibility:hidden;opacity:0.0;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
  184. .pos .hover{visibility:visible;top:-30px;left:200px;opacity:1;}
  185. .gw_tips .tipscont{width:100px;text-align:center;margin:10px 0 0 40px;}
  186. @charset "gb2312";body{font-size:12px;font-family:"microsoft yahei","微软雅黑\8F6F\96C5\9ED1";}
  187. img{border:0;margin:0;}
  188. ul{list-style:none;margin:0;}
  189. .blank10{height:10px;line-height:10px;margin:0;padding:0;line-height:0px;}
  190. .blank25{height:25px;}
  191. .clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;}
  192. .clearFF:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
  193. .business_d{width:1200px;margin:20px auto;background:#FFF;position:relative;}
  194. .business_r{width:1042px;float:left;position:relative;background:#ffffff;}
  195. #wrapper{width:1200px;}
  196. #main-nav-holder{height:36px;}
  197. #main-nav{width:1200px;background:#ffffff;border-bottom:#eeeeee 1px solid;height:38px;}
  198. #main-nav ul{float:left;width:610px;margin:0px;padding:0px;text-align:left;color:#000;clear:none;}
  199. #main-nav-holder #main-nav .h_list a:link,#main-nav-holder #main-nav .h_list a:visited{display:block;width:100px;height:38px;background:#da1f2e;color:#fff!important;margin-top:0px;}
  200. #main-nav .boldtit_list{height:38px;line-height:38px;width:100px;border-right:1px solid #e0e0e0;float:left;text-align:center;font-size:14px;}
  201. #main-nav .boldtit_list a:link{color:#4c4c4c;display:block;width:100px;height:40px;font-family:"微软雅黑";font-size:14px;font-weight:500;}
  202. #main-nav .boldtit_list a:visited{color:#4c4c4c;font-family:"微软雅黑";font-size:14px;font-weight:500;}
  203. #main-nav .boldtit_list a:hover{font-weight:500;color:#da1f2e!important;font-family:"微软雅黑";font-size:14px;font-weight:500;}
  204. #main-nav .boldtit_list a:active{color:#da1f2e;font-family:"微软雅黑";font-size:14px;font-weight:500;}
  205. #boldtit_list02{color:#ff6600;}
  206. .hotview a:link,.hotview a:visited{color:#a10000;font-weight:bold;}
  207. .hotview a:hover,.hotview a:active{color:#ff6600;font-family:"微软雅黑";font-size:14px;font-weight:500;}
  208. #main-nav li:first-child{border-left:0;}
  209. .sticky #main-nav{position:fixed;_position:absolute;left:50%;margin-left:-605px!important;top:0px;_top:"auto";top:0%;margin-top:0px!important;margin-top:-1078px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat')? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2:document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);z-index: 999;}
  210. .right_bg{display:block;width:168px;position:absolute;background:#eee;z-index:-1;top:0;right:-168px;}
  211. .all_first img{display:block;width:1036px;height:94px;}
  212. .root_body .all_first img{width:823px;height:100px;}
  213. .wf99_img,.cailiao_img{width:1036px;}
  214. .root_body .wf99_img,.root_body .cailiao_img{width:823px;}
  215. .cc99_img img{display:block;width:1036px;height:211px;}
  216. .root_body .cc99_img img{display:block;width:823px;height:223px;}
  217. .wf99_img img{display:block;width:1036px;height:94px;margin:0;}
  218. .root_body .wf99_img img{width:823px;height:100px;}
  219. .wf99_img .wf99_other img{height:81px;}
  220. .root_body .wf99_img .wf99_other img{height:86px;}
  221. .cailiao_img img{display:block;width:1036px;height:189px;}
  222. .root_body .cailiao_img img{width:823px;height:200px;}
  223. .cailiao_img .cailiao_other img{height:165px;}
  224. .root_body .cailiao_img .cailiao_other img{height:174px;}
  225. .cailiao_img .peihuo_other img{height:245px;}
  226. .root_body .cailiao_img .peihuo_other img{height:259px;}
  227. .cailiao_img .duibi_other img{height:179px;}
  228. .root_body .cailiao_img .duibi_other img{height:189px;}
  229. .cailiao_img .liucheng_other img{height:161px;}
  230. .root_body .cailiao_img .liucheng_other img{height:170px;}
  231. .cailiao_img .show_other1 img{height:232px;}
  232. .root_body .cailiao_img .show_other1 img{height:245px;}
  233. .cailiao_img .show_other2 img{height:172px;}
  234. .root_body .cailiao_img .show_other2 img{height:182px;}
  235. .cailiao_img .ry_other img{height:124px;}
  236. .root_body .cailiao_img .ry_other img{height:131px;}
  237. .main_widget_3{width:1036px;overflow:hidden;}
  238. .root_body .main_widget_3{width:823px;}
  239. .boldtit_abs{display:none;width:167px;float:right;}
  240. .root_body .boldtit_abs{display:block;}
  241. .abs_tit{width:166px;height:38px;text-align:center;line-height:38px;color:#999;font-size:14px;}
  242. .abs_ul{border-left:1px solid #fff;width:166px;position:relative;}
  243. #main-nav .abs_ul ul{width:120px;padding:20px 0 0 46px;background:#eee;float:none;position:absolute;top:0;left:0;color:#999999;}
  244. .abs_ul li{position:relative;width:78px;height:31px;background:#eee url(../images/abs_nal.gif) 5px 0 no-repeat;cursor:pointer;}
  245. .abs_ul li i{position:absolute;left:0;block;display:block;width:19px;height:31px;background:none;}
  246. .abs_ul li span{position:absolute;left:22px;display:block;width:66px;height:31px;line-height:31px;}
  247. .abs_ul .abs_hot,.abs_ul .abs_active{color:#ed1d40;}
  248. .abs_ul .abs_hot i,.abs_ul .abs_active i{background:url(../images/abs_hot.gif) 0px 8px no-repeat;}
  249. .xq_xjdatu{width:779px;border-right:1px solid #dcdcdc;}
  250. .root_body .xq_xjdatu{width:822px;}
  251. body .line_text{text-align:left;}
  252. .root_body .fge_right{padding-left:0;}
  253. .properties{BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:20px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:20px;PADDING-BOTTOM:10px;MARGIN:20px 15px;BORDER-LEFT:#eee 1px solid;PADDING-TOP:10px;BORDER-BOTTOM:#eee 1px solid;BACKGROUND-COLOR:#f9f9f9;TEXT-ALIGN:left;}
  254. .properties .property{COLOR:#999;LINE-HEIGHT:30px;text-align:left;}
  255. .goods_descContent{padding:15px;}
  256. .goods_descContent{font-size:14px;line-height:200%;font-family:微软雅黑,Verdana,Geneva,sans-serif}
  257. .goods_t_bg{height:60px;line-height:60px;font-family:"微软雅黑";background:url(../images/goods_t_bg.gif) no-repeat left center;}
  258. .goods_tu_bg{height:60px;line-height:60px;font-family:"微软雅黑";background:url(../images/goods_tu_bg.gif) no-repeat left center;}
  259. .goods_t_t{margin:10px 0;font-family:"microsoft yahei","微软雅黑\8F6F\96C5\9ED1";}
  260. .goods_t_title{height:28px;background:url(../images/goods_t_t.gif) no-repeat;}
  261. .goods_t_middle{background:url(../images/goods_t_m.gif) repeat-y;padding:10px 20px;font-size:14px;font-weight:normal;color:#e00a00;font-family:"微软雅黑";}
  262. .goods_t_middle a,.goods_t_middle p,.goods_t_middle span,.goods_t_middle stong,.goods_t_middle div{font-size:14px;color:#e00a00}
  263. .goods_t_bottom{background:url(../images/goods_t_b.gif) no-repeat;height:14px;}
  264. .goods_t_middle a{color:#e00a00}
  265. .shouhou{padding-top:0px;color:#666;}
  266. .shouhou .tab_title .icon{background-position:-112px -209px}
  267. .shouhou .tab_body1{padding:20px 19px 10px}
  268. .shouhou .listhou .icon123{height:46px;width:46px}
  269. .shouhou .listhou p.Right{line-height:1.9;width:930px}
  270. .shouhou .listhou .listhou1{background:url(../images/bg122.png) -94px -225px no-repeat}
  271. .shouhou .listhou .listhou2{background:url(../images/bg122.png) -48px -225px no-repeat}
  272. .shouhou .listhou .listhou3{background:url(../images/bg122.png) -97px -515px no-repeat}
  273. .shouhou .tab_body1 .listhou4 p.Right{line-height:200%}
  274. .tab_title{overflow:hidden;padding-left:10px;padding-right:10px;padding-top:7px;margin-top:0px;}
  275. .tab_title H2{border-left:#CD0000 4px solid;display:inline;font-family:微软雅黑,黑体;font-size:16px;width:200px;float:left;font-weight:400;color:#333;padding-left:10px}
  276. .tab_title1{background:url(../images/bg4.png) 0 -303px repeat-x;border:1px solid #e4e4e4;height:27px;padding-left:10px;padding-top:10px}
  277. .tab_title1 .icon111{background:url(../images/bg4.png) -32px -209px no-repeat;display:inline-block;height:16px;line-height:16px;margin-right:5px;margin-top:4px;vertical-align:top;width:16px}
  278. .tab_title1 h2{display:inline;font-family:'Microsoft Yahei',SimHei;font-size:16px;font-weight:400}
  279. .wenti{padding-top:0px;color:#666;}
  280. .wenti .tab_title{}
  281. .wenti .tab_title .icon{background:url(../images/bg4.png);background-position:-128px -209px}
  282. .wenti .tab_body{padding:10px 0}
  283. .wenti .list{border-bottom:1px dashed #e1e1e1;padding:10px 20px}
  284. .wenti .list .icon{background:url(../images/bg122.png) -148px -81px no-repeat;height:14px;margin-top:8px;width:18px}
  285. .wenti .list .answer .icon{background-position:-148px -95px;margin-top:4px}
  286. .wenti .list .Right{width:964px}
  287. .wenti .list .question .Right{line-height:30px}
  288. .wenti .list .answer .Right{line-height:1.8}
  289. .mborder{border-left:dotted 1px #d2d2d2;border-right:dotted 1px #d2d2d2}
  290. .pingjia .tab_title{}
  291. .pingjia .tab_title .tab_title_total{float:right;text-align:right;width:120px;height:25px;line-height:25px;color:#666;padding-right:10px;}
  292. .pingjia .tab_title .tab_title_total .record_count{font-size:14px;font-weight:bold;color:#CC0000}
  293. .pingjia .tab_title .icon{background-position:-80px -209px;margin-right:5px}
  294. .pingjia .tab_body{padding:20px 0}
  295. .pingjia .p5.tab_body{padding:5px 0}
  296. .pingjia .no_pingjia{line-height:2;text-align:center}
  297. .pingjia .pj_tb TD{border-right:#e4e4e4 1px solid;padding:10px 0}
  298. .pingjia .pj_tb .t1{color:#b10000;text-align:center;vertical-align:middle;width:135px}
  299. .pingjia .pj_tb .t1 STRONG{font-family:Arial;font-size:28px}
  300. .pingjia .pj_tb .t2{padding-left:15px;width:255px}
  301. .pingjia .pj_tb .t2 .bar_box{color:#333;padding:5px 0}
  302. .pingjia .pj_tb .t2 .bar_box .bar{border-bottom:#cdcdcd 1px solid;border-left:#cdcdcd 1px solid;border-right:#cdcdcd 1px solid;border-top:#cdcdcd 1px solid;display:inline-block;height:10px;overflow:hidden;padding:1px;vertical-align:middle;width:168px}
  303. .pingjia .pj_tb .t2 .bar_box .bar .in{background:#c00000;display:inline-block;height:10px;overflow:hidden}
  304. .pingjia .pj_tb .td3{color:#333;line-height:1.8;padding:0 15px;width:350px}
  305. .pingjia .pj_tb .td4{border-right:0;line-height:1.8;text-align:center}
  306. .pingjia .in_title{background:url(../images/bg_1.png) repeat-x 0 -310px;border-bottom:#e4e4e4 1px solid;border-left:#e4e4e4 1px solid;border-right:#e4e4e4 1px solid;border-top:0;height:30px}
  307. .pingjia .in_title SPAN{border-right:#e4e4e4 1px solid;color:#333;display:inline-block;height:30px;line-height:30px;padding:0 20px}
  308. .pingjia .in_title A{-webkit-text-size-adjust:none;border-right:#e4e4e4 1px solid;color:#333;display:inline-block;font-size:8px;height:30px;line-height:30px;padding:0 5px}
  309. .pingjia .cm_list{border-collapse:separate;border-spacing:15px;margin:0 auto;width:978px}
  310. .pingjia .cm_list TD{background:#fcfcfc;border-bottom:#e4e4e4 1px solid;border-left:#e4e4e4 1px solid;border-right:#e4e4e4 1px solid;border-top:#e4e4e4 1px solid;margin:10px}
  311. .pingjia .cm_list .td1{padding:7px;width:104px}
  312. .pingjia .cm_list .td1 .img{background:#fff;border-bottom:#e4e4e4 1px solid;border-left:#e4e4e4 1px solid;border-radius:3px;border-right:#e4e4e4 1px solid;border-top:#e4e4e4 1px solid;padding:3px}
  313. .pingjia .cm_list .td1 .info{line-height:1.8;padding-top:5px}
  314. .pingjia .cm_list .td2{padding:0 15px 15px;vertical-align:top}
  315. .pingjia .cm_list .td2 .arrow{background:url(../images/bg_1.png) no-repeat -168px -55px;height:17px;margin-left:-24px;margin-top:20px;position:absolute;width:10px}
  316. .pingjia .cm_list .td2 .in_t{border-bottom:#eee 1px solid;font-weight:700;line-height:19px;padding:10px 0}
  317. .pingjia .cm_list .td2 SPAN{display:inline-block;height:19px;vertical-align:top}
  318. .pingjia .cm_list .td2 .cm_star{background:url(../images/bg_1.png) no-repeat -46px -340px;width:110px}
  319. .pingjia .cm_list .td2 .cm_star_2{width:44px}
  320. .pingjia .cm_list .td2 .cm_star_3{width:66px}
  321. .pingjia .cm_list .td2 .content{color:#666;line-height:1.8;padding:10px}
  322. .pingjia .cm_list .td2 .re_content{background:#fff;border-bottom:#e4e4e4 1px solid;border-left:#e4e4e4 1px solid;border-radius:5px;border-right:#e4e4e4 1px solid;border-top:#e4e4e4 1px solid;color:#999;line-height:1.8;padding:10px}
  323. .pingjia .cm_list .td2 .btns{padding:15px 10px 5px}
  324. .pingjia .cm_list .td2 .btns SPAN{display:inline-block;line-height:23px;vertical-align:top}
  325. .pingjia .cm_list .td2 .btns A{background:url(../images/bg_1.png) 0 -306px;border-bottom:#d8d8d8 1px solid;border-left:#d8d8d8 1px solid;border-radius:3px;border-right:#d8d8d8 1px solid;border-top:#d8d8d8 1px solid;color:#306199;display:inline-block;line-height:23px;padding:0 15px;vertical-align:top}
  326. .pingjia .p5.tab_body .page{padding-right:15px}
  327. .pingjia .hide_pingjia_sort{background:#fff;border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;border-right:#ddd 1px solid;border-top:0;display:none;margin-left:120px;position:absolute;width:106px;z-index:1}
  328. .pingjia .hide_pingjia_sort A{display:block;line-height:30px;text-align:center}
  329. .pingjia .hide_pingjia_sort A:hover{background:#eee;color:#c00!important;text-decoration:none}
  330. .pingjia .allpingjia{padding:0!important;text-align:center;width:120px}
  331. .comments_box{}
  332. .comments_p{overflow:hidden;padding:15px}
  333. dl.touxiang{border:1px solid #e4e4e4;float:left;padding:8px;width:108px}
  334. dl.touxiang dt{border:1px solid #e4e4e4;height:96px;padding:3px;width:96px}
  335. dl.touxiang dd{color:#C00;padding-top:5px;text-align:center}
  336. ul.pj_right{border:1px solid #e4e4e4;color:#333;float:right;margin-bottom:10px;min-height:140px;padding:0 10px;position:relative;width:840px;z-index:0;}
  337. ul.pj_right img.jt{left:-12px;position:absolute;top:30px}
  338. ul.pj_right li.first{border-bottom:1px solid #e4e4e4;line-height:40px;text-align:right}
  339. ul.pj_right li.first img{float:left;left:0;position:relative;top:15px;vertical-align:bottom;}
  340. ul.pj_right li.huifu{border:1px solid #e4e4e4;color:#999;line-height:25px;margin-bottom:10px;padding:5px 10px}
  341. ul.pj_right li.two{line-height:25px;padding:5px 0}
  342. .infotit13{background:url(../images/bg13.png) repeat-x left -310px;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;color:#333;font-weight:normal;height:30px;line-height:30px;text-indent:15px;font-size:14px;font-family:微软雅黑;}
  343. .bnt_number4{background:#C90202;border:0;color:#FFF;font-weight:700;height:25px;width:100px}
  344. .Goodpromotion{color:#666;padding:10px}
  345. .Goodpromotion table{line-height:30px;}
  346. .Goodpromotion table .comment_rank img{vertical-align:middle;}
  347. .Goodpromotion table tr td.comment_content .InputBorder{width:100%;height:100px;}
  348. .bg1{background-image:url(../images/banner3.jpg);background-repeat:no-repeat;background-position:center;}
  349. .bg2{background-image:url(../images/f1.png);background-repeat:no-repeat;background-position:center;height:716px;}
  350. .bg3{background:#ffcc00;}
  351. .img{margin-top:20px;width:1014px;padding-left:21px;padding-right:21px;margin-bottom:25px;}
  352. .img dd{float:left;width:320px;height:130px;margin-bottom:20px;}
  353. .img dd img{display:block;width:320px;height:130px;border:1px solid #ccc;}
  354. .ri{margin-right:20px;}
  355. .tese-main{width:100%;overflow:hidden;margin:auto}
  356. table.app{width:1014px;font-family:"Microsoft YaHei"!important;margin-bottom:30px;}
  357. table.app tr:nth-child(2n+1){background:#F9F9F9}
  358. table.app tr:nth-child(2n){background:#FFFFFF}
  359. table.app th{text-align:center;background:#3E3536;height:30px;line-height:30px;color:#FFFFFF;}
  360. table.app td{line-height:25px;padding:10px;color:#5A5A5A;font-size:15px}
  361. .app_title{height:35px;line-height:35px;background:#F15433;color:#FFF;font-family:"Microsoft YaHei"!important;width:200px;text-align:center;border-radius:3px;margin-bottom:10px;}
  362. .app_title1{width:1014px;height:45px;line-height:45px;text-align:center;color:#0066FF;font-family:"microsoft yahei","微软雅黑\8F6F\96C5\9ED1";font-size:30px;}
  363. .blank20{height:20px;line-height:20px;clear:both}
  364. #mune-dl{width:100%;overflow:hidden;margin:auto;border-bottom:2px solid #eeeeee;}
  365. #mune-dl dt{text-align:center;font-family:"微软雅黑";font-size:36px;color:#f80000;line-height:50px;}
  366. #mune-dl dd{width:200px;height:4px;background:#f80000;margin:auto;}
  367. .des{width:100%;overflow:hidden;margin:auto;}
  368. .des-main{overflow:hidden;padding-left:10px;padding-right:10px;}
  369. .des-main ul li{font-family:"微软雅黑";font-size:14px;line-height:180%;color:#666;}
  370. .des-main ul li a{color:#e22222;}
  371. .vdio h4{font-family:"微软雅黑";font-size:36px;line-height:50px;color:#e22222;text-align:center;}
  372. .vdio dl{width:950px;height:690px;margin:auto;background:url(../images/v1.jpg);padding-top:39px;}
  373. .vdio dl dd{width:795px;height:455px;overflow:hidden;background:#000;margin-left:77px;}
  374. .pad{margin-top:30px;margin-bottom:30px;}
  375. .pad1{margin-top:30px;}
  376. .nrcon{margin-bottom:50px;}
  377. .nr_title{overflow:hidden;}
  378. .t7{top:30px;}
  379. .nr_title h2{font-size:30px;font-weight:normal;float:left;}
  380. .nr_title h2 small{font-size:13px;vertical-align:middle;display:inline-block;margin-left:30px;color:#adadad;}
  381. .nr_title h2 small a{font-size:14px;vertical-align:middle;display:inline-block;margin-left:20px;color:#adadad;}
  382. .nr_title ul{margin:0;padding:0;list-style:none;margin-top:12px;float:right;}
  383. .nr_title ul li{display:inline-block;line-height:24px;font-size:12px;color:#a7a7a7;height:24px;}
  384. .nr_title ul li a{margin:0px -1px;height:14px;display:inline-block;font-size:14px;border-right:2px solid #DADADA;padding:0px 15px;line-height:0.7;}
  385. .nr_title ul li:last-child a{border:0;}
  386. .nr_con{padding:10px 0 15px;overflow:hidden;}
  387. .nr_con ul{overflow:hidden;float:left;}
  388. .nr_con ul>li{padding:10px;background-color:#fafafa;border-left:solid 1px #e4e4e4;border:solid 1px #f4f4f4;overflow:hidden;margin:5px 0 10px 30px;float:left;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
  389. .nr_con ul>li:hover{border-left:solid 1px #1caa8c;-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0px 5px 10px #ccc;-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.1);-ms-box-shadow:0px 5px 10px rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.1);-o-box-shadow:0px 5px 10px rgba(0,0,0,0.1);}
  390. .nr_con ul>li>a{float:left;}
  391. .ml20{margin-left:20px!important;}
  392. .nr_con h2 a:hover{color:#1caa8c;}
  393. .nr_con ul>li>a>img{width:100px;opacity:.8;}
  394. .nr_t{float:left;overflow:hidden;margin-left:20px;width:440px;}
  395. .nr_t h2{font-size:15px;font-weight:normal;}
  396. .nr_t h2 a{color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  397. .nr_t p{font-size:12px;color:#999999;margin:10px 0 0;}
  398. /**--客服N--**/
  399. .aside {
  400. position: fixed;
  401. top: 0;
  402. right: 0;
  403. width: 40px;
  404. height: 100%;
  405. z-index: 18;
  406. background: url(../img/aside.jpg) center top repeat;
  407. box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  408. z-index: 999999;
  409. }
  410. .aside ul {
  411. margin-top: 100px;
  412. }
  413. .aside ul li a {
  414. display: block;
  415. margin-top: 30px;
  416. text-align: center;
  417. color: #fff;
  418. }
  419. .aside ul li img {
  420. display: block;
  421. text-align: center;
  422. margin: 0 auto;
  423. }
  424. .aside ul li.consulting .img2 {
  425. display: none;
  426. }
  427. .aside ul li.consulting span {
  428. display: inline-block;
  429. margin: 0 2px;
  430. width: 5px;
  431. height: 5px;
  432. border-radius: 100%;
  433. background: #fff;
  434. }
  435. .aside ul li.consulting span:nth-child(1) {
  436. -webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;
  437. animation: consulting 0.6s 0.07s infinite ease-in-out;
  438. }
  439. .aside ul li.consulting span:nth-child(2) {
  440. -webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;
  441. animation: consulting 0.6s 0.14s infinite ease-in-out;
  442. }
  443. .aside ul li.consulting span:nth-child(3) {
  444. -webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;
  445. animation: consulting 0.6s 0.21s infinite ease-in-out;
  446. }
  447. @keyframes consulting {
  448. 33% {
  449. -webkit-transform: translateY(5px);
  450. transform: translateY(5px);
  451. }
  452. 66% {
  453. -webkit-transform: translateY(-5px);
  454. transform: translateY(-5px);
  455. }
  456. 100% {
  457. -webkit-transform: translateY(0);
  458. transform: translateY(0);
  459. }
  460. }
  461. @-webkit-keyframes consulting {
  462. 33% {
  463. -webkit-transform: translateY(5px);
  464. transform: translateY(5px);
  465. }
  466. 66% {
  467. -webkit-transform: translateY(-5px);
  468. transform: translateY(-5px);
  469. }
  470. 100% {
  471. -webkit-transform: translateY(0);
  472. transform: translateY(0);
  473. }
  474. }
  475. .aside ul li.consulting.active {
  476. background: #fff;
  477. transition: 0.5s all;
  478. -webkit-transition: 0.5s all;
  479. }
  480. .aside ul li.consulting.active a {
  481. color: #3F82ED;
  482. }
  483. .aside ul li.consulting.active span {
  484. background: #3F82ED;
  485. }
  486. .aside ul li.consulting.active .img1 {
  487. display: none;
  488. }
  489. .aside ul li.consulting.active .img2 {
  490. display: block;
  491. }
  492. .consulting_box {
  493. width: 250px;
  494. height: 100%;
  495. background: #fff;
  496. overflow: hidden;
  497. z-index: 15;
  498. position: fixed;
  499. top: 0;
  500. right: -250px;
  501. box-shadow: -2px 0 10px rgba(0, 0, 0, .1);
  502. transition: 0.8s all;
  503. -webkit-transition: 0.8s all;
  504. }
  505. .consulting_box .title {
  506. background: url(../img/002.png) center top no-repeat;
  507. text-align: center;
  508. color: #fff;
  509. width: 250px;
  510. height: 80px;
  511. margin-bottom: 40px;
  512. }
  513. .consulting_box .title_t1 {
  514. font-size: 12px;
  515. }
  516. .consulting_box .title_t2 {
  517. font-size: 16px;
  518. margin: 5px 0;
  519. }
  520. .consulting_type {
  521. padding: 40px 0;
  522. border-bottom: solid 1px #399BEC;
  523. }
  524. .consulting_type_title {
  525. padding-left: 30px;
  526. font-size: 16px;
  527. color: #333;
  528. }
  529. .consulting_type ul {
  530. margin: 30px 0 20px 0;
  531. }
  532. .consulting_type ul li a {
  533. display: block;
  534. height: 40px;
  535. line-height: 40px;
  536. text-indent: 30px;
  537. z-index: 2;
  538. position: relative;
  539. color: #666;
  540. margin: 0;
  541. text-align: left;
  542. transition: 0.3s all;
  543. -webkit-transition: 0.3s all;
  544. }
  545. .consulting_type ul li a img {
  546. margin: 0;
  547. display: inline-block;
  548. padding-right: 30px;
  549. }
  550. .consulting_type ul li a .img2 {
  551. display: none;
  552. }
  553. .consulting_type ul li a:before {
  554. z-index: -1;
  555. content: '';
  556. position: absolute;
  557. top: 0;
  558. left: 0;
  559. width: 100%;
  560. height: 100%;
  561. background: #3c9af2;
  562. opacity: 0;
  563. -webkit-transform: scale3d(1, 0.1, 1);
  564. transform: scale3d(1, 0.1, 1);
  565. -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  566. transition: transform 0.4s, opacity 0.4s;
  567. -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  568. transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  569. }
  570. .consulting_type ul li a, .consulting_type ul li a:before {
  571. -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  572. transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  573. }
  574. .consulting_type ul li a:hover:before {
  575. opacity: 1;
  576. -webkit-transform: translate3d(0, 0, 0);
  577. transform: translate3d(0, 0, 0);
  578. }
  579. .consulting_type ul li a:hover {
  580. color: #fff;
  581. }
  582. .consulting_type ul li a:hover .img2 {
  583. display: inline-block;
  584. }
  585. .consulting_type ul li a:hover .img1 {
  586. display: none;
  587. }
  588. .consulting_box .problem {
  589. padding-top: 40px;
  590. }
  591. .consulting_box .problem_title {
  592. padding-left: 30px;
  593. font-size: 16px;
  594. color: #333;
  595. }
  596. .consulting_box .problem ul {
  597. padding: 20px 0 0 30px;
  598. }
  599. .consulting_box .problem ul li {
  600. margin-bottom: 8px;
  601. }
  602. .consulting_box .problem ul li a {
  603. display: inline-block;
  604. }
  605. .consulting_box .problem ul li span {
  606. display: inline-block;
  607. width: 3px;
  608. height: 3px;
  609. border-radius: 100%;
  610. background: #3c9af2;
  611. margin: 3px 10px 3px 0;
  612. animation: none;
  613. }
  614. .consulting_box .problem ul li a {
  615. font-size: 12px;
  616. color: #818181;
  617. }
  618. .consulting_box .problem ul li a:hover {
  619. color: #3c9af2;
  620. }
  621. .consulting_type .time {
  622. color: #818181;
  623. font-size: 12px;
  624. padding-left: 30px;
  625. }
  626. .consulting_box .close {
  627. position: absolute;
  628. top: 5px;
  629. right: 8px;
  630. cursor: pointer;
  631. }
  632. .consulting_box .close img {
  633. transition: 0.4s all;
  634. -webkit-transition: 0.4s all;
  635. }
  636. .consulting_box .close:hover img {
  637. transform: rotate(180deg);
  638. -webkit-transform: rotate(180deg);
  639. }
  640. .all_title1 {
  641. margin-bottom: 50px;
  642. text-align: center;
  643. }
  644. .all_title1 .title {
  645. font-size: 35px;
  646. color: #333;
  647. }
  648. .all_title1 .text {
  649. color: #818181;
  650. }
  651. .all_title2 {
  652. margin-bottom: 50px;
  653. text-align: center;
  654. color: #fff;
  655. }
  656. .all_title2 .title {
  657. font-size: 35px;
  658. }
  659. .all_button {
  660. display: inline-block;
  661. background: #3B9FF2;
  662. border: solid 1px #3B9FF2;
  663. color: #fff;
  664. padding: 6px 30px;
  665. border-radius: 3px;
  666. overflow: hidden;
  667. }
  668. .all_button:hover {
  669. background: #fff;
  670. background: transparent;
  671. color: #3B9FF2;
  672. }
  673. .header {
  674. height: 118px;
  675. line-height: 80px;
  676. position: fixed;
  677. width: 100%;
  678. top: 0;
  679. z-index: 11;
  680. transition: 0.4s all;
  681. -webkit-transition: 0.4s all;
  682. min-width: 1200px;
  683. }
  684. .header .logo {
  685. margin-left: 20px;
  686. }
  687. .header .header_menu ul {
  688. text-align: center;
  689. }
  690. .header .header_menu ul li {
  691. display: inline-block;
  692. padding-top: 2px\0;
  693. }
  694. .header .header_menu ul li a {
  695. display: block;
  696. padding: 0 25px;
  697. color: #fff;
  698. border-top: solid 2px rgba(0, 0, 0, 0);
  699. opacity: 0.7;
  700. filter: alpha(opacity=70);
  701. }
  702. .header .header_menu ul li a:hover, .header .header_menu ul li a.active {
  703. border-top: solid 2px #fff;
  704. opacity: 1;
  705. filter: alpha(opacity=100);
  706. }
  707. .header .login {
  708. float: right;
  709. background: rgba(255, 255, 255, .1);
  710. margin: 20px 50px 0 0;
  711. height: 36px;
  712. line-height: 36px;
  713. font-size: 12px;
  714. }
  715. .header .login span {
  716. color: #fff;
  717. }
  718. .header .header_avatar {
  719. width: 30px;
  720. border-radius: 50%;
  721. height: 30px;
  722. overflow: hidden;
  723. display: block;
  724. float: left;
  725. margin-top: 3px;
  726. margin-left: 5px;
  727. }
  728. .header .header_avatar img {
  729. display: block;
  730. max-width: 100%;
  731. }
  732. .header .login a {
  733. padding: 0 10px 0 10px;
  734. color: #fff;
  735. }
  736. .header .md-show {
  737. display: none;
  738. }
  739. .header_scroll {
  740. transition: 0.4s all;
  741. -webkit-transition: 0.4s all;
  742. }
  743. .header .mobileMenuBtn {
  744. position: fixed;
  745. right: 20px;
  746. top: 18px;
  747. width: 32px;
  748. text-align: center;
  749. cursor: pointer;
  750. z-index: 100;
  751. display: none;
  752. transition: 0.4s all;
  753. -webkit-transition: 0.4s all;
  754. }
  755. .header .mobileMenuBtn.active {
  756. right: 220px;
  757. }
  758. .header .mobileMenuBtn span {
  759. display: block;
  760. width: 100%;
  761. height: 3px;
  762. background: #fff;
  763. margin-bottom: 8px;
  764. transition: 0.3s all;
  765. -webkit-transition: 0.3s all;
  766. }
  767. .header .mobileMenuBtn span:last-child {
  768. margin: 0;
  769. }
  770. .header .mobileMenuBtn span:first-child, .header .mobileMenuBtn span:last-child {
  771. transform-origin: 100% 50%;
  772. -webkit-transform-origin: 100% 50%;
  773. transform: rotate(0);
  774. -webkit-transform: rotate(0);
  775. }
  776. .header .mobileMenuBtn.active span:first-child {
  777. transform: rotate(-43deg);
  778. -webkit-transform: rotate(-43deg);
  779. }
  780. .header .mobileMenuBtn.active span:last-child {
  781. transform: rotate(43deg);
  782. -webkit-transform: rotate(43deg);
  783. }
  784. .header .mobileMenuBtn span:nth-child(2) {
  785. transform: translateX(0);
  786. -webkit-transform: translateX(0);
  787. }
  788. .header .mobileMenuBtn.active span:nth-child(2) {
  789. transform: translateX(80px);
  790. -webkit-transform: translateX(80px);
  791. opacity: 0;
  792. }
  793. .banner {
  794. overflow: hidden;
  795. text-align: center;
  796. z-index: 10;
  797. position: relative;
  798. background: #000;
  799. background: rgba(0, 0, 0, 0);
  800. background-image: url(../images/bg-new.png);
  801. height: 788px;
  802. }
  803. .mpage {
  804. width: 100%;
  805. height: 888px;
  806. overflow: hidden;
  807. margin: 0 auto;
  808. position: absolute;
  809. top: 0;
  810. z-index: -1;
  811. }
  812. .anitOut {
  813. position: absolute;
  814. left: 0;
  815. top: 0;
  816. width: 100%;
  817. height: 100%;
  818. z-index: 1;
  819. }
  820. .banner_title {
  821. color: #fff;
  822. font-size: 60px;
  823. padding-top: 280px;
  824. }
  825. .banner_text {
  826. color: #9ad0ff;
  827. }
  828. .banner_button {
  829. margin-top: 30px;
  830. }
  831. .banner_button a {
  832. display: inline-block;
  833. margin: 0 10px;
  834. padding: 5px 30px;
  835. border: solid 1px #fff;
  836. color: #fff;
  837. }
  838. .banner_button a:hover, .banner_button a.active {
  839. background: #fff;
  840. color: #3ca0f3;
  841. }
  842. .banner .owl-pagination {
  843. margin-top: 150px;
  844. }
  845. .banner .owl-theme .owl-controls .owl-page {
  846. display: inline-block;
  847. zoom: 1;
  848. *display: inline;
  849. /*IE7 life-saver */
  850. }
  851. .banner .owl-theme .owl-controls .owl-page span {
  852. display: block;
  853. width: 12px;
  854. height: 12px;
  855. margin: 5px 7px;
  856. filter: Alpha(Opacity=50);
  857. /*IE7 fix*/
  858. opacity: 0.5;
  859. -webkit-border-radius: 20px;
  860. -moz-border-radius: 20px;
  861. border-radius: 20px;
  862. background: #fff;
  863. overflow: hidden;
  864. border: 1px #fff solid;
  865. transition: all .3s;
  866. }
  867. .banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span {
  868. filter: Alpha(Opacity=100);
  869. /*IE7 fix*/
  870. opacity: 1;
  871. background: none;
  872. }
  873. .banner .owl-buttons {
  874. display: none
  875. }
  876. .banner .owl-prev, .banner .owl-next {
  877. width: 39px;
  878. height: 39px;
  879. border-radius: 100%;
  880. opacity: 0.5;
  881. transition: 0.3s all;
  882. -webkit-transition: 0.3s all;
  883. margin-top: -100px;
  884. display: none;
  885. }
  886. .banner .owl-prev {
  887. margin-left: 40px;
  888. float: left;
  889. background: #fff url(../images/icon_prev2_1.png) center no-repeat;
  890. display: none;
  891. }
  892. .banner .owl-next {
  893. margin-right: 40px;
  894. float: right;
  895. background: #fff url(../images/icon_next2_1.png) center no-repeat;
  896. display: none;
  897. }
  898. .index_product {
  899. padding: 100px 0;
  900. background: #fff;
  901. }
  902. .index_product_content {
  903. margin-left: -10px;
  904. }
  905. .index_product_list {
  906. display: block;
  907. margin: 0 0 10px 10px;
  908. position: relative;
  909. overflow: hidden;
  910. }
  911. .index_product_list:before {
  912. position: absolute;
  913. top: 0;
  914. left: 0;
  915. width: 100%;
  916. height: 100%;
  917. background: rgba(255, 255, 255, 0.4);
  918. content: '';
  919. -webkit-transition: -webkit-transform 0.5s;
  920. transition: transform 0.5s;
  921. -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
  922. transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
  923. }
  924. .index_product_list:hover:before {
  925. -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
  926. transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
  927. }
  928. .index_product_list .list_backimg {
  929. padding: 20px 0;
  930. text-align: center;
  931. }
  932. .index_product_list .list_backimg1 {
  933. background: url(../images/002.png) center repeat;
  934. }
  935. .index_product_list .list_backimg2 {
  936. background: url(../images/003.png) center repeat;
  937. }
  938. .index_product_list .list_backimg3 {
  939. background: url(../images/004.png) center repeat;
  940. }
  941. .index_product_list .list_backimg4 {
  942. background: url(../images/005.png) center repeat;
  943. }
  944. .index_product_list .list_backimg5 {
  945. background: url(../images/006.png) center repeat;
  946. }
  947. .index_product_list .list_backimg6 {
  948. background: url(../images/007.png) center repeat;
  949. }
  950. .index_product_list .list_txt {
  951. color: #fff;
  952. margin-top: 10px;
  953. }
  954. .index_product_list .list_title {
  955. font-size: 16px;
  956. }
  957. .index_product_list .list_text {
  958. font-size: 12px;
  959. }
  960. .platform_advantage {
  961. background: #fff url(../images/01411.jpg) center top repeat-x;
  962. padding: 100px 0;
  963. position: relative;
  964. overflow: hidden;
  965. }
  966. .platform_advantage_content {
  967. margin-left: -100px;
  968. overflow: hidden;
  969. }
  970. .platform_advantage_list {
  971. display: block;
  972. overflow: hidden;
  973. margin: 0 0 60px 100px;
  974. }
  975. .platform_advantage_img {
  976. float: left;
  977. }
  978. .platform_advantage_brief {
  979. float: left;
  980. color: #fff;
  981. padding-left: 50px;
  982. }
  983. .platform_advantage_brief .brief_title {
  984. font-size: 18px;
  985. }
  986. .platform_advantage_brief .brief_text {
  987. height: 40px;
  988. line-height: 20px;
  989. overflow: hidden;
  990. }
  991. .waves_box canvas {
  992. height: 150px !important;
  993. width: 100% !important;
  994. margin-bottom: 30px;
  995. }
  996. .response_shows .response_shows_box {
  997. padding: 0 0 100px;
  998. position: relative;
  999. display: inline-block;
  1000. width: 100%;
  1001. }
  1002. .response_shows .response_shows_box img {
  1003. width: 100%;
  1004. }
  1005. .response_shows .response_shows_width {
  1006. position: relative;
  1007. }
  1008. .response_shows .response_shows_box .pic {
  1009. overflow: hidden;
  1010. position: absolute;
  1011. float: none;
  1012. top: 0px;
  1013. right: 0px;
  1014. bottom: 0px;
  1015. left: 0px;
  1016. }
  1017. .response_shows .response_shows_box .pc {
  1018. position: relative;
  1019. margin-top: -2%;
  1020. max-width: 75%;
  1021. width: 100%;
  1022. }
  1023. .response_shows .response_shows_box .pc .pic {
  1024. top: 2.5%;
  1025. bottom: 20%;
  1026. left: 2.22%;
  1027. right: 1.5%;
  1028. }
  1029. .response_shows .response_shows_box .pad {
  1030. position: absolute;
  1031. bottom: 2%;
  1032. right: 0px;
  1033. max-width: 40%;
  1034. width: 100%;
  1035. }
  1036. .response_shows .response_shows_box .pad .pic {
  1037. top: 3%;
  1038. bottom: 6%;
  1039. left: 2%;
  1040. right: 1.6%;
  1041. overflow: hidden;
  1042. }
  1043. .response_shows .response_shows_box .phone {
  1044. position: absolute;
  1045. bottom: 0;
  1046. right: 38%;
  1047. max-width: 15%;
  1048. width: 100%;
  1049. }
  1050. .response_shows .response_shows_box .phone .pic {
  1051. top: 8%;
  1052. bottom: 10.5%;
  1053. left: 5%;
  1054. right: 5%;
  1055. }
  1056. .response_shows .response_shows_box .item {
  1057. width: 100%;
  1058. height: 101%;
  1059. position: relative;
  1060. float: left;
  1061. -webkit-transition: all 0.8s ease-out;
  1062. -moz-transition: all 0.8s ease-out;
  1063. -ms-transition: all 0.8s ease-out;
  1064. -o-transition: all 0.8s ease-out;
  1065. transition: all 0.8s ease-out;
  1066. }
  1067. .response_shows .response_shows_box .thumb {
  1068. width: 120px;
  1069. position: absolute;
  1070. left: 50%;
  1071. margin-left: -60px;
  1072. bottom: -15%;
  1073. }
  1074. .response_shows .response_shows_box .thumb span {
  1075. width: 25px;
  1076. height: 25px;
  1077. position: relative;
  1078. float: left;
  1079. border-radius: 100%;
  1080. cursor: pointer;
  1081. margin: 0 0 0 10px;
  1082. }
  1083. .response_shows .response_shows_box .thumb span:before {
  1084. content: '';
  1085. width: 12px;
  1086. height: 12px;
  1087. position: absolute;
  1088. top: 5px;
  1089. left: 5px;
  1090. border-radius: 100%;
  1091. border: solid 1px #2D9EDD;
  1092. background: #fff;
  1093. z-index: 1;
  1094. transition: 0.5s all;
  1095. -webkit-transition: 0.5s all;
  1096. }
  1097. .response_shows .response_shows_box .thumb span:hover::before, .response_shows .response_shows_box .thumb span.active:before {
  1098. background: #2D9EDD;
  1099. }
  1100. .platform_advantage_bg {
  1101. position: relative;
  1102. bottom: 0;
  1103. left: 0;
  1104. width: 100%;
  1105. height: 100%;
  1106. z-index: 0;
  1107. }
  1108. .platform_advantage_bg_z {
  1109. position: relative;
  1110. bottom: 0;
  1111. left: 0;
  1112. width: 100%;
  1113. height: 100%;
  1114. }
  1115. .platform_advantage_bg li {
  1116. position: absolute;
  1117. display: block;
  1118. width: 40px;
  1119. height: 40px;
  1120. background: rgba(255, 255, 255, .15);
  1121. bottom: -160px;
  1122. -webkit-animation: square 28s infinite;
  1123. animation: square 28s infinite;
  1124. -webkit-transition-timing-function: linear;
  1125. transition-timing-function: linear
  1126. }
  1127. .platform_advantage_bg_z li {
  1128. position: absolute;
  1129. display: block;
  1130. width: 40px;
  1131. height: 40px;
  1132. background: rgba(255, 255, 255, .15);
  1133. bottom: -300px;
  1134. -webkit-animation: square_z 22s infinite;
  1135. animation: square_z 22s infinite;
  1136. -webkit-transition-timing-function: linear;
  1137. transition-timing-function: linear
  1138. }
  1139. .platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
  1140. left: 10%
  1141. }
  1142. .platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
  1143. left: 20%;
  1144. width: 80px;
  1145. height: 80px;
  1146. -webkit-animation-delay: 200ms;
  1147. animation-delay: 200ms;
  1148. -webkit-animation-duration: 17s;
  1149. animation-duration: 17s
  1150. }
  1151. .platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
  1152. left: 25%;
  1153. -webkit-animation-delay: 400ms;
  1154. animation-delay: 400ms
  1155. }
  1156. .platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
  1157. left: 40%;
  1158. width: 60px;
  1159. height: 60px;
  1160. -webkit-animation-duration: 10s;
  1161. animation-duration: 10s;
  1162. background-color: rgba(255, 255, 255, .25)
  1163. }
  1164. .platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
  1165. left: 70%
  1166. }
  1167. .platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
  1168. left: 80%;
  1169. width: 120px;
  1170. height: 120px;
  1171. -webkit-animation-delay: 3s;
  1172. animation-delay: 3s;
  1173. background-color: rgba(255, 255, 255, .2)
  1174. }
  1175. .platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
  1176. left: 32%;
  1177. width: 100px;
  1178. height: 100px;
  1179. -webkit-animation-delay: 7s;
  1180. animation-delay: 7s
  1181. }
  1182. .platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
  1183. left: 55%;
  1184. width: 20px;
  1185. height: 20px;
  1186. -webkit-animation-delay: 15s;
  1187. animation-delay: 15s;
  1188. -webkit-animation-duration: 40s;
  1189. animation-duration: 40s
  1190. }
  1191. .platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
  1192. left: 25%;
  1193. width: 10px;
  1194. height: 10px;
  1195. -webkit-animation-delay: 2s;
  1196. animation-delay: 2s;
  1197. -webkit-animation-duration: 40s;
  1198. animation-duration: 40s;
  1199. background-color: rgba(255, 255, 255, .3)
  1200. }
  1201. .platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
  1202. left: 90%;
  1203. width: 120px;
  1204. height: 120px;
  1205. -webkit-animation-delay: 11s;
  1206. animation-delay: 11s
  1207. }
  1208. @-webkit-keyframes square {
  1209. 0% {
  1210. -webkit-transform: translateY(0);
  1211. transform: translateY(0)
  1212. }
  1213. 100% {
  1214. -webkit-transform: translateY(-1700px)rotate(600deg);
  1215. transform: translateY(-1700px)rotate(600deg)
  1216. }
  1217. }
  1218. @keyframes square {
  1219. 0% {
  1220. -webkit-transform: translateY(0);
  1221. transform: translateY(0)
  1222. }
  1223. 100% {
  1224. -webkit-transform: translateY(-1700px)rotate(600deg);
  1225. transform: translateY(-1700px)rotate(600deg)
  1226. }
  1227. }
  1228. @-webkit-keyframes square_z {
  1229. 0% {
  1230. -webkit-transform: translateY(0);
  1231. transform: translateY(0)
  1232. }
  1233. 100% {
  1234. -webkit-transform: translateY(-700px)rotate(500deg);
  1235. transform: translateY(-700px)rotate(500deg)
  1236. }
  1237. }
  1238. @keyframes square_z {
  1239. 0% {
  1240. -webkit-transform: translateY(0);
  1241. transform: translateY(0)
  1242. }
  1243. 100% {
  1244. -webkit-transform: translateY(-700px)rotate(500deg);
  1245. transform: translateY(-700px)rotate(500deg)
  1246. }
  1247. }
  1248. /* 回顶部 */
  1249. #toTop {
  1250. position: fixed;
  1251. padding-top: 10px;
  1252. bottom: -100px;
  1253. right: 0px;
  1254. z-index: 1000;
  1255. width: 40px;
  1256. height: 40px;
  1257. text-align: center;
  1258. line-height: 40px;
  1259. background: #555555;
  1260. background: url(../img/right-menu-icons.png) no-repeat 57% -12%;
  1261. color: #fff;
  1262. cursor: pointer;
  1263. -webkit-transition: all 0.4s;
  1264. transition: all 0.4s;
  1265. }
  1266. #toTop:hover {
  1267. background: url(../img/right-menu-icons.png) no-repeat 57% 120%;
  1268. z-index: 2000;
  1269. color: #2792F0;
  1270. background-color: #fff;
  1271. }
  1272. #close {
  1273. cursor: pointer;
  1274. position: fixed;
  1275. bottom: 18px;
  1276. right: 0;
  1277. width: 40px;
  1278. height: 40px;
  1279. z-index: 100;
  1280. /*background: #fff;*/
  1281. background: url(../img/right-menu-icons.png) no-repeat -776px -15%;
  1282. -webkit-transition: all 0.4s;
  1283. transition: all 0.4s;
  1284. }
  1285. #show {
  1286. cursor: pointer;
  1287. position: fixed;
  1288. bottom: 18px;
  1289. right: 0;
  1290. width: 0px;
  1291. height: 40px;
  1292. z-index: 100;
  1293. /*background: #fff;*/
  1294. background: url(../img/icon-list.jpg) no-repeat 0 -762px;
  1295. -webkit-transition: all 0.4s;
  1296. transition: all 0.4s;
  1297. }
  1298. #close:hover {
  1299. background: url(../img/right-menu-icons.png) no-repeat -776px -93px;
  1300. background-color: #fff;
  1301. }
  1302. @media screen and (max-width: 1199px) {
  1303. #close {
  1304. display: none;
  1305. }
  1306. #toTop {
  1307. background-color: #e8e8e8;
  1308. }
  1309. }