7 changed files with 665 additions and 284 deletions
-
30xiangbao/about.html
-
22xiangbao/contact.html
-
16xiangbao/default_002.html
-
16xiangbao/default_003.html
-
BINxiangbao/images/20230215-094401.jpg
-
487xiangbao/images/stype.css
-
30xiangbao/index.html
|
After Width: 1920 | Height: 709 | Size: 201 KiB |
@ -1,59 +1,430 @@ |
|||
* { |
|||
padding: 0px; |
|||
margin: 0px; |
|||
} |
|||
|
|||
* { padding: 0px; margin: 0px; } |
|||
img { border: medium none; } |
|||
body { color: rgb(77, 77, 77); padding: 0px; font-size: 12px; margin: auto; } |
|||
a { color: rgb(100, 100, 100); text-decoration: none; } |
|||
a:hover { text-decoration: none; color: rgb(117, 165, 31); } |
|||
ul, li { list-style-type: none; } |
|||
p { padding-bottom: 10px; } |
|||
.clear { clear: both; } |
|||
#top { width: 980px; height: 100px; background: url('top.gif') repeat scroll 0% 0% transparent; margin: 0px auto; } |
|||
.logo { font-size:24px; font-family:宋体;margin-top: 30px;width: 680px; float: left; } |
|||
.tel { float: right; height: 52px; width: 280px; padding-top: 30px; } |
|||
.tel .telW { padding-left: 30px; } |
|||
.tel .telN { padding-left: 30px; font-family: Tahoma,Geneva,sans-serif; font-size: 24px; color: rgb(255, 153, 0); line-height: 100%; } |
|||
#nav { width: 980px; height: 38px; padding: 0px; text-align: center; line-height: 38px; font-size: 14px; font-weight: bold; background: #337ece; margin: 0px auto 5px; } |
|||
#nav ul { padding: 0px; margin: 0px; } |
|||
#nav ul li { display: block; float: left; width: 121px; border-right: 1px dotted rgb(255, 255, 255); } |
|||
#nav ul li a { display: block; width: 121px; height: 38px; color: rgb(255, 255, 255); } |
|||
#nav ul li a:hover { background: url('nav.gif') repeat scroll 0% 0% transparent; } |
|||
#banner { margin: 0px auto; width: 980px; } |
|||
#Focus { width: 980px; height: 270px; overflow: hidden; position: relative; } |
|||
#Focus ul { height: 400px; position: absolute; } |
|||
#Focus ul li { float: left; width: 980px; height: 300px; overflow: hidden; position: relative; background: none repeat scroll 0% 0% rgb(0, 0, 0); margin: 0px; padding: 0px; } |
|||
#Focus .btnBg { position: absolute; width: 980px; height: 20px; left: 0px; bottom: 0px; background: none repeat scroll 0% 0% rgb(0, 0, 0); } |
|||
#Focus .btn { position: absolute; width: 960px; height: 10px; padding: 5px 10px; right: 0px; bottom: 0px; text-align: right; } |
|||
#Focus .btn span { display: inline-block; width: 25px; height: 10px; margin-left: 5px; cursor: pointer; background: none repeat scroll 0% 0% rgb(255, 255, 255); } |
|||
#Focus .preNext { width: 45px; height: 100px; position: absolute; top: 75px; cursor: pointer; background: url('sprite.png') no-repeat scroll 0px 0px transparent; } |
|||
#Focus .pre { left: 0px; } |
|||
#Focus .next { right: 0px; background: url('sprite.png') no-repeat scroll -55px 0px transparent; } |
|||
#body { width: 980px; margin: 5px auto 0px; border: medium none; } |
|||
.left { float: left; width: 700px; margin-right: 10px; } |
|||
.about { width: 740px; margin-bottom: 10px; border-top: medium none; } |
|||
.aboutt { height: 32px; background: url('lefttit.gif') repeat scroll 0% 0% transparent; padding-left: 30px; font-size: 14px; font-weight: bold; color: rgb(102, 102, 102); line-height: 32px; } |
|||
.aboutc { width: 718px; border-right: 1px solid rgb(221, 221, 221); border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 10px; line-height: 22px; } |
|||
.aboutc p { text-indent: 2em; } |
|||
.aboutc h1, .aboutp h1 { text-align: center; font-size: 18px; font-weight: bold; height: 30px; padding-top: 5px; } |
|||
.pro { width: 740px; margin-bottom: 10px; } |
|||
.prot { height: 32px; background: url('lefttit.gif') repeat scroll 0% 0% transparent; padding-left: 30px; font-size: 14px; font-weight: bold; color: rgb(102, 102, 102); line-height: 32px; } |
|||
.proc { width: 728px; padding: 5px; line-height: 20px; border-right: 1px solid rgb(221, 221, 221); border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; } |
|||
.box { float: left; width: 180px; overflow: hidden; text-align: center; line-height: 25px; } |
|||
.box img { display: block; padding: 20px 15px; width: 150px; height: 120px; background: url('show_bg01.gif') no-repeat scroll 0% 0% rgb(255, 255, 255); } |
|||
.box a:hover img { background: url('show_bg01.gif') no-repeat scroll 0px -183px transparent; } |
|||
.box p { margin: 2px auto 0px; width: 130px; line-height: 20px; } |
|||
.right { float: right; width: 230px; } |
|||
.cat { width: 230px; margin-bottom: 10px; } |
|||
.catt { height: 32px; background: url('rttit.gif') repeat scroll 0% 0% transparent; padding-left: 30px; font-size: 14px; font-weight: bold; color: rgb(102, 102, 102); line-height: 32px; } |
|||
.catc { width: 228px; padding: 5px 0px 0px; margin: 0px; line-height: 20px; border-right: 1px solid rgb(221, 221, 221); border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; } |
|||
.catc ul { padding: 0px; margin: 0px 2px; } |
|||
.catc ul li { height: 28px; line-height: 28px; margin: 0px 7px 4px; } |
|||
.catc ul li a { display: block; background: url('01.gif') no-repeat scroll 0% 0% transparent; padding-left: 30px; } |
|||
.catc ul li a:hover { background: url('02.gif') no-repeat scroll 0% 0% transparent; color: rgb(255, 255, 255); } |
|||
.news { width: 230px; margin-bottom: 10px; } |
|||
.newst { height: 32px; background: url('rttit.gif') repeat scroll 0% 0% transparent; padding-left: 30px; font-size: 14px; font-weight: bold; color: rgb(102, 102, 102); line-height: 32px; } |
|||
.newsc { width: 228px; padding: 0px; line-height: 20px; border-right: 1px solid rgb(221, 221, 221); border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; } |
|||
.newsc ul { padding: 0px; margin: 0px 2px 5px; } |
|||
.newsc ul li { height: 30px; width: 204px; overflow: hidden; line-height: 30px; background: url('newsli.jpg') no-repeat scroll 8px 12px transparent; padding-left: 20px; border-bottom: 1px dotted rgb(221, 221, 221); } |
|||
.conc { width: 208px; padding: 5px 10px; line-height: 25px; border-right: 1px solid rgb(221, 221, 221); border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background: url('contact.jpg') no-repeat scroll 0% 0% transparent; } |
|||
#link { width: 958px; border: 1px solid rgb(221, 221, 221); padding: 10px; line-height: 25px; margin: 0px auto; } |
|||
#foot { margin: 10px auto; width: 980px; background: url('foot.gif') repeat-x scroll 0% 0% transparent; padding-top: 30px; text-align: center; line-height: 25px; } |
|||
img { |
|||
border: medium none; |
|||
display: block; |
|||
} |
|||
|
|||
body { |
|||
color: rgb(77, 77, 77); |
|||
padding: 0px; |
|||
font-size: 12px; |
|||
margin: auto; |
|||
} |
|||
|
|||
a { |
|||
color: rgb(100, 100, 100); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:hover { |
|||
text-decoration: none; |
|||
color: rgb(117, 165, 31); |
|||
} |
|||
|
|||
ul, |
|||
li { |
|||
list-style-type: none; |
|||
} |
|||
|
|||
p { |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
.clear { |
|||
clear: both; |
|||
} |
|||
|
|||
#top { |
|||
width: 980px; |
|||
height: 100px; |
|||
background: url('top.gif') repeat scroll 0% 0% transparent; |
|||
margin: 0px auto; |
|||
} |
|||
|
|||
.logo { |
|||
font-size: 24px; |
|||
font-family: 宋体; |
|||
margin-top: 30px; |
|||
width: 680px; |
|||
float: left; |
|||
} |
|||
|
|||
.tel { |
|||
float: right; |
|||
height: 52px; |
|||
width: 280px; |
|||
padding-top: 30px; |
|||
} |
|||
|
|||
.tel .telW { |
|||
padding-left: 30px; |
|||
} |
|||
|
|||
.tel .telN { |
|||
padding-left: 30px; |
|||
font-family: Tahoma, Geneva, sans-serif; |
|||
font-size: 24px; |
|||
color: rgb(255, 153, 0); |
|||
line-height: 100%; |
|||
} |
|||
|
|||
#nav { |
|||
width: 980px; |
|||
height: 38px; |
|||
padding: 0px; |
|||
text-align: center; |
|||
line-height: 38px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
background: #337ece; |
|||
margin: 0px auto 5px; |
|||
} |
|||
|
|||
#nav ul { |
|||
padding: 0px; |
|||
margin: 0px; |
|||
} |
|||
|
|||
#nav ul li { |
|||
display: block; |
|||
float: left; |
|||
width: 121px; |
|||
border-right: 1px dotted rgb(255, 255, 255); |
|||
} |
|||
|
|||
#nav ul li a { |
|||
display: block; |
|||
width: 121px; |
|||
height: 38px; |
|||
color: rgb(255, 255, 255); |
|||
} |
|||
|
|||
#nav ul li a:hover { |
|||
background: url('nav.gif') repeat scroll 0% 0% transparent; |
|||
} |
|||
|
|||
#banner { |
|||
margin: 0px auto; |
|||
width: 980px; |
|||
} |
|||
|
|||
#Focus { |
|||
width: 980px; |
|||
height: 361px; |
|||
overflow: hidden; |
|||
position: relative; |
|||
} |
|||
|
|||
#Focus ul { |
|||
/* height: 400px; */ |
|||
position: absolute; |
|||
} |
|||
|
|||
#Focus ul li { |
|||
float: left; |
|||
width: 980px; |
|||
/* height: 300px; */ |
|||
overflow: hidden; |
|||
position: relative; |
|||
background: none repeat scroll 0% 0% rgb(0, 0, 0); |
|||
margin: 0px; |
|||
padding: 0px; |
|||
} |
|||
|
|||
#Focus .btnBg { |
|||
position: absolute; |
|||
width: 980px; |
|||
height: 20px; |
|||
left: 0px; |
|||
bottom: 0px; |
|||
background: none repeat scroll 0% 0% rgb(0, 0, 0); |
|||
} |
|||
|
|||
#Focus .btn { |
|||
position: absolute; |
|||
width: 960px; |
|||
height: 10px; |
|||
padding: 5px 10px; |
|||
right: 0px; |
|||
bottom: 0px; |
|||
text-align: right; |
|||
} |
|||
|
|||
#Focus .btn span { |
|||
display: inline-block; |
|||
width: 25px; |
|||
height: 10px; |
|||
margin-left: 5px; |
|||
cursor: pointer; |
|||
background: none repeat scroll 0% 0% rgb(255, 255, 255); |
|||
} |
|||
|
|||
#Focus .preNext { |
|||
width: 45px; |
|||
height: 100px; |
|||
position: absolute; |
|||
top: 75px; |
|||
cursor: pointer; |
|||
background: url('sprite.png') no-repeat scroll 0px 0px transparent; |
|||
} |
|||
|
|||
#Focus .pre { |
|||
left: 0px; |
|||
} |
|||
|
|||
#Focus .next { |
|||
right: 0px; |
|||
background: url('sprite.png') no-repeat scroll -55px 0px transparent; |
|||
} |
|||
|
|||
#body { |
|||
width: 980px; |
|||
margin: 5px auto 0px; |
|||
border: medium none; |
|||
} |
|||
|
|||
.left { |
|||
float: left; |
|||
width: 700px; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
.about { |
|||
width: 740px; |
|||
margin-bottom: 10px; |
|||
border-top: medium none; |
|||
} |
|||
|
|||
.aboutt { |
|||
height: 32px; |
|||
background: url('lefttit.gif') repeat scroll 0% 0% transparent; |
|||
padding-left: 30px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
color: rgb(102, 102, 102); |
|||
line-height: 32px; |
|||
} |
|||
|
|||
.aboutc { |
|||
width: 718px; |
|||
border-right: 1px solid rgb(221, 221, 221); |
|||
border-width: medium 1px 1px; |
|||
border-style: none solid solid; |
|||
border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); |
|||
-moz-border-top-colors: none; |
|||
-moz-border-right-colors: none; |
|||
-moz-border-bottom-colors: none; |
|||
-moz-border-left-colors: none; |
|||
border-image: none; |
|||
padding: 10px; |
|||
line-height: 22px; |
|||
} |
|||
|
|||
.aboutc p { |
|||
text-indent: 2em; |
|||
} |
|||
|
|||
.aboutc h1, |
|||
.aboutp h1 { |
|||
text-align: center; |
|||
font-size: 18px; |
|||
font-weight: bold; |
|||
height: 30px; |
|||
padding-top: 5px; |
|||
} |
|||
|
|||
.pro { |
|||
width: 740px; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.prot { |
|||
height: 32px; |
|||
background: url('lefttit.gif') repeat scroll 0% 0% transparent; |
|||
padding-left: 30px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
color: rgb(102, 102, 102); |
|||
line-height: 32px; |
|||
} |
|||
|
|||
.proc { |
|||
width: 728px; |
|||
padding: 5px; |
|||
line-height: 20px; |
|||
border-right: 1px solid rgb(221, 221, 221); |
|||
border-width: medium 1px 1px; |
|||
border-style: none solid solid; |
|||
border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); |
|||
-moz-border-top-colors: none; |
|||
-moz-border-right-colors: none; |
|||
-moz-border-bottom-colors: none; |
|||
-moz-border-left-colors: none; |
|||
border-image: none; |
|||
} |
|||
|
|||
.box { |
|||
float: left; |
|||
width: 180px; |
|||
overflow: hidden; |
|||
text-align: center; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.box img { |
|||
display: block; |
|||
padding: 20px 15px; |
|||
width: 150px; |
|||
height: 120px; |
|||
background: url('show_bg01.gif') no-repeat scroll 0% 0% rgb(255, 255, 255); |
|||
} |
|||
|
|||
.box a:hover img { |
|||
background: url('show_bg01.gif') no-repeat scroll 0px -183px transparent; |
|||
} |
|||
|
|||
.box p { |
|||
margin: 2px auto 0px; |
|||
width: 130px; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.right { |
|||
float: right; |
|||
width: 230px; |
|||
} |
|||
|
|||
.cat { |
|||
width: 230px; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.catt { |
|||
height: 32px; |
|||
background: url('rttit.gif') repeat scroll 0% 0% transparent; |
|||
padding-left: 30px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
color: rgb(102, 102, 102); |
|||
line-height: 32px; |
|||
} |
|||
|
|||
.catc { |
|||
width: 228px; |
|||
padding: 5px 0px 0px; |
|||
margin: 0px; |
|||
line-height: 20px; |
|||
border-right: 1px solid rgb(221, 221, 221); |
|||
border-width: medium 1px 1px; |
|||
border-style: none solid solid; |
|||
border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); |
|||
-moz-border-top-colors: none; |
|||
-moz-border-right-colors: none; |
|||
-moz-border-bottom-colors: none; |
|||
-moz-border-left-colors: none; |
|||
border-image: none; |
|||
} |
|||
|
|||
.catc ul { |
|||
padding: 0px; |
|||
margin: 0px 2px; |
|||
} |
|||
|
|||
.catc ul li { |
|||
height: 28px; |
|||
line-height: 28px; |
|||
margin: 0px 7px 4px; |
|||
} |
|||
|
|||
.catc ul li a { |
|||
display: block; |
|||
background: url('01.gif') no-repeat scroll 0% 0% transparent; |
|||
padding-left: 30px; |
|||
} |
|||
|
|||
.catc ul li a:hover { |
|||
background: url('02.gif') no-repeat scroll 0% 0% transparent; |
|||
color: rgb(255, 255, 255); |
|||
} |
|||
|
|||
.news { |
|||
width: 230px; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.newst { |
|||
height: 32px; |
|||
background: url('rttit.gif') repeat scroll 0% 0% transparent; |
|||
padding-left: 30px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
color: rgb(102, 102, 102); |
|||
line-height: 32px; |
|||
} |
|||
|
|||
.newsc { |
|||
width: 228px; |
|||
padding: 0px; |
|||
line-height: 20px; |
|||
border-right: 1px solid rgb(221, 221, 221); |
|||
border-width: medium 1px 1px; |
|||
border-style: none solid solid; |
|||
border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); |
|||
-moz-border-top-colors: none; |
|||
-moz-border-right-colors: none; |
|||
-moz-border-bottom-colors: none; |
|||
-moz-border-left-colors: none; |
|||
border-image: none; |
|||
} |
|||
|
|||
.newsc ul { |
|||
padding: 0px; |
|||
margin: 0px 2px 5px; |
|||
} |
|||
|
|||
.newsc ul li { |
|||
height: 30px; |
|||
width: 204px; |
|||
overflow: hidden; |
|||
line-height: 30px; |
|||
background: url('newsli.jpg') no-repeat scroll 8px 12px transparent; |
|||
padding-left: 20px; |
|||
border-bottom: 1px dotted rgb(221, 221, 221); |
|||
} |
|||
|
|||
.conc { |
|||
width: 208px; |
|||
padding: 5px 10px; |
|||
line-height: 25px; |
|||
border-right: 1px solid rgb(221, 221, 221); |
|||
border-width: medium 1px 1px; |
|||
border-style: none solid solid; |
|||
border-color: -moz-use-text-color rgb(221, 221, 221) rgb(221, 221, 221); |
|||
-moz-border-top-colors: none; |
|||
-moz-border-right-colors: none; |
|||
-moz-border-bottom-colors: none; |
|||
-moz-border-left-colors: none; |
|||
border-image: none; |
|||
background: url('contact.jpg') no-repeat scroll 0% 0% transparent; |
|||
} |
|||
|
|||
#link { |
|||
width: 958px; |
|||
border: 1px solid rgb(221, 221, 221); |
|||
padding: 10px; |
|||
line-height: 25px; |
|||
margin: 0px auto; |
|||
} |
|||
|
|||
#foot { |
|||
margin: 10px auto; |
|||
width: 980px; |
|||
background: url('foot.gif') repeat-x scroll 0% 0% transparent; |
|||
padding-top: 30px; |
|||
text-align: center; |
|||
line-height: 25px; |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue