਀㰀栀琀洀氀㸀 ਀㰀琀椀琀氀攀㸀樀焀甀攀爀礀　﹗ݖ끨킋㩣⁹ⴀ 罺ₕ偽㱧⼀琀椀琀氀攀㸀 ਀㰀猀挀爀椀瀀琀㸀 $(document).ready(function(){਀ऀऀ // set the wrapper width and height to match the img size਀ऀऀऀ␀⠀✀⌀眀爀愀瀀瀀攀爀✀⤀⸀挀猀猀⠀笀✀眀椀搀琀栀✀㨀␀⠀✀⌀眀爀愀瀀瀀攀爀 椀洀最✀⤀⸀眀椀搀琀栀⠀⤀Ⰰ 'height':$('#wrapper img').height()਀ऀऀऀ紀⤀ ਀ऀऀऀ⼀⼀琀漀漀氀琀椀瀀 搀椀爀攀挀琀椀漀渀 var tooltipDirection;਀ऀऀऀऀऀऀ  for (i=0; i<$(".pin").length; i++)਀ऀऀऀ笀ऀऀऀऀ // set tooltip direction type - up or down ਀ऀऀऀऀ椀昀 ⠀␀⠀∀⸀瀀椀渀∀⤀⸀攀焀⠀椀⤀⸀栀愀猀䌀氀愀猀猀⠀✀瀀椀渀ⴀ搀漀眀渀✀⤀⤀ 笀 tooltipDirection = 'tooltip-down';਀ऀऀऀऀ紀 攀氀猀攀 笀 tooltipDirection = 'tooltip-up';਀ऀऀऀऀऀ紀 ਀ऀऀऀऀ⼀⼀ 愀瀀瀀攀渀搀 琀栀攀 琀漀漀氀琀椀瀀 $("#wrapper").append("
\਀ऀऀऀऀऀऀऀऀऀऀऀऀऀ㰀搀椀瘀 挀氀愀猀猀㴀✀琀漀漀氀琀椀瀀✀㸀∀ ⬀ ␀⠀∀⸀瀀椀渀∀⤀⸀攀焀⠀椀⤀⸀栀琀洀氀⠀⤀ ⬀ ∀㰀⼀搀椀瘀㸀尀
");਀ऀऀऀ紀     ਀ऀऀऀ⼀⼀ 猀栀漀眀⼀栀椀搀攀 琀栀攀 琀漀漀氀琀椀瀀 $('.tooltip-up, .tooltip-down').mouseenter(function(){਀ऀऀऀऀऀऀ␀⠀琀栀椀猀⤀⸀挀栀椀氀搀爀攀渀⠀✀⸀琀漀漀氀琀椀瀀✀⤀⸀昀愀搀攀䤀渀⠀㄀　　⤀㬀 }).mouseleave(function(){਀ऀऀऀऀऀऀ␀⠀琀栀椀猀⤀⸀挀栀椀氀搀爀攀渀⠀✀⸀琀漀漀氀琀椀瀀✀⤀⸀昀愀搀攀伀甀琀⠀㄀　　⤀㬀 })਀ऀऀ紀⤀㬀 ਀㰀猀琀礀氀攀㸀 /* Relative positioning*/਀ #wrapper {਀ऀ瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀 margin: 10px auto 20px auto;਀紀 /* Hide the original tooltips contents */਀⸀瀀椀渀 笀 display: none;਀紀 /* Begin styling the tooltips and pins */਀⸀琀漀漀氀琀椀瀀ⴀ甀瀀Ⰰ ⸀琀漀漀氀琀椀瀀ⴀ搀漀眀渀 笀 position: absolute;਀ऀ戀愀挀欀最爀漀甀渀搀㨀 甀爀氀⠀椀洀愀最攀猀⼀愀爀爀漀眀ⴀ甀瀀ⴀ搀漀眀渀⸀瀀渀最⤀㬀 width: 36px;਀ऀ栀攀椀最栀琀㨀 㔀㈀瀀砀㬀 }਀⸀琀漀漀氀琀椀瀀ⴀ搀漀眀渀 笀 background-position: 0 -52px;਀紀 .tooltip {਀ऀ搀椀猀瀀氀愀礀㨀 渀漀渀攀㬀 width: 200px;਀ऀ挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 position: absolute;਀ऀ琀漀瀀㨀 ㄀　瀀砀㬀 left: 50%;਀ऀ稀ⴀ椀渀搀攀砀㨀 㤀㤀㤀㬀 margin-left: -115px;਀ऀ瀀愀搀搀椀渀最㨀 ㄀㔀瀀砀㬀 font-size: 16px;਀ऀ氀椀渀攀ⴀ栀攀椀最栀琀㨀 ㈀㬀 color: #fff;਀ऀⴀ洀漀稀ⴀ戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㔀瀀砀㬀 -webkit-border-radius: 5px;਀ऀ戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㔀瀀砀㬀 -moz-box-shadow: 0 3px 0 rgba(0,0,0,.3);਀ऀⴀ眀攀戀欀椀琀ⴀ戀漀砀ⴀ猀栀愀搀漀眀㨀 　 ㌀瀀砀 　 爀最戀愀⠀　Ⰰ　Ⰰ　Ⰰ⸀㌀⤀㬀 box-shadow: 0 3px 0 rgba(0,0,0,.3);਀ऀ戀愀挀欀最爀漀甀渀搀㨀 ⌀㌀㌀㠀㤀戀戀㬀 background: -webkit-gradient(linear, left top, left bottom, from(#3389bb), to(#25688f));਀ऀ戀愀挀欀最爀漀甀渀搀㨀 ⴀ眀攀戀欀椀琀ⴀ氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀琀漀瀀Ⰰ ⌀㌀㌀㠀㤀戀戀Ⰰ ⌀㈀㔀㘀㠀㠀昀⤀㬀 background: -moz-linear-gradient(top, #3389bb, #25688f);਀ऀ戀愀挀欀最爀漀甀渀搀㨀 ⴀ洀猀ⴀ氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀琀漀瀀Ⰰ ⌀㌀㌀㠀㤀戀戀Ⰰ ⌀㈀㔀㘀㠀㠀昀⤀㬀 background: -o-linear-gradient(top, #3389bb, #25688f);਀ऀ戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀琀漀瀀Ⰰ ⌀㌀㌀㠀㤀戀戀Ⰰ ⌀㈀㔀㘀㠀㠀昀⤀㬀 }਀⸀琀漀漀氀琀椀瀀㨀㨀愀昀琀攀爀 笀 content: '';਀ऀ瀀漀猀椀琀椀漀渀㨀 愀戀猀漀氀甀琀攀㬀 top: -10px;਀ऀ氀攀昀琀㨀 㔀　─㬀 margin-left: -10px;਀ऀ戀漀爀搀攀爀ⴀ戀漀琀琀漀洀㨀 ㄀　瀀砀 猀漀氀椀搀 ⌀㌀㌀㠀㤀戀戀㬀 border-left: 10px solid transparent;਀ऀ戀漀爀搀攀爀ⴀ爀椀最栀琀 㨀 ㄀　瀀砀 猀漀氀椀搀 琀爀愀渀猀瀀愀爀攀渀琀㬀 }਀⸀琀漀漀氀琀椀瀀ⴀ搀漀眀渀 ⸀琀漀漀氀琀椀瀀 笀 bottom: 12px;਀ऀ琀漀瀀㨀 愀甀琀漀㬀 }਀⸀琀漀漀氀琀椀瀀ⴀ搀漀眀渀 ⸀琀漀漀氀琀椀瀀㨀㨀愀昀琀攀爀 笀 bottom: -10px;਀ऀ琀漀瀀㨀 愀甀琀漀㬀 border-bottom: 0;਀ऀ戀漀爀搀攀爀ⴀ琀漀瀀㨀 ㄀　瀀砀 猀漀氀椀搀 ⌀㈀㔀㘀㠀㠀昀㬀 }਀⸀琀漀漀氀琀椀瀀 栀㈀ 笀 font: bold 18px/2 'microsoft yahei';਀ऀ洀愀爀最椀渀㨀 　 　 ㄀　瀀砀㬀 border-bottom: 2px solid #fff;਀紀 .tooltip ul {਀ऀ洀愀爀最椀渀㨀 　㬀 padding: 0;਀ऀ氀椀猀琀ⴀ猀琀礀氀攀㨀 渀漀渀攀㬀 }਀㰀⼀猀琀礀氀攀㸀 ਀ ਀㰀搀椀瘀 椀搀㴀∀眀爀愀瀀瀀攀爀∀㸀 㰀椀洀最 眀椀搀琀栀㴀∀㄀　㠀　∀ 栀攀椀最栀琀㴀∀㄀㄀㜀㐀∀ 猀爀挀㴀∀椀洀愀最攀猀⼀眀漀爀氀搀ⴀ洀愀瀀⸀樀瀀最∀ 愀氀琀㴀∀圀漀爀氀搀 挀漀渀琀椀渀攀渀琀猀∀㸀
਀    㰀栀㈀㸀ᰀᝎS⺕㲐⼀栀㈀㸀 ਀  㰀⼀搀椀瘀㸀
਀    㰀栀㈀㸀缀ញS⺕㲐⼀栀㈀㸀
਀  㰀搀椀瘀 挀氀愀猀猀㴀∀瀀椀渀 瀀椀渀ⴀ搀漀眀渀∀ 搀愀琀愀ⴀ砀瀀漀猀㴀∀㘀㌀　∀ 搀愀琀愀ⴀ礀瀀漀猀㴀∀㘀㔀　∀㸀

南网销售部

਀    㰀甀氀㸀
  • 15931192097
    • ਀      㰀氀椀㸀㄀㔀㤀　㌀㌀㄀㘀㈀㜀㔀㰀⼀氀椀㸀 ਀  㰀⼀搀椀瘀㸀
    ਀    㰀栀㈀㸀一᱓N⺕㲐⼀栀㈀㸀 ਀  㰀⼀搀椀瘀㸀
    ਀    㰀栀㈀㸀一ⵓN⺕㲐⼀栀㈀㸀
      ਀      㰀氀椀㸀㄀㔀　㌀㄀㄀㔀㠀㌀㤀　㰀⼀氀椀㸀
    ਀  㰀⼀搀椀瘀㸀
    ਀    㰀栀㈀㸀一ᝓS⺕㲐⼀栀㈀㸀
      ਀      㰀氀椀㸀㄀㌀㘀㈀㌀㄀㄀㌀㜀㈀㤀㰀⼀氀椀㸀
    ਀  㰀⼀搀椀瘀㸀
    ਀㰀⼀戀漀搀礀㸀