7 changed files with 665 additions and 284 deletions
-
74xiangbao/about.html
-
22xiangbao/contact.html
-
16xiangbao/default_002.html
-
16xiangbao/default_003.html
-
BINxiangbao/images/20230215-094401.jpg
-
487xiangbao/images/stype.css
-
54xiangbao/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