@import url( default.css );
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #e8e7e7; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #bdc6c8; SCROLLBAR-3DLIGHT-COLOR: #666666; SCROLLBAR-ARROW-COLOR: #ff6600; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #dddddd; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #000000; BACKGROUND-COLOR: #e2dfb9; TEXT-ALIGN: center
}
.title {
	FONT-WEIGHT: bold; COLOR: #0033cc
}
.titleblue {
	COLOR: #0066cc
}
#redlink {
	FONT-WEIGHT: normal; COLOR: #ff6600
}
#bluelink {
	FONT-WEIGHT: normal; COLOR: #0066cc
}
.blue {
	FONT-WEIGHT: bold; COLOR: #0066cc; TEXT-DECORATION: underline
}
#grey {
	FONT-SIZE: 9pt; COLOR: #333333
}
A {
	COLOR: #4d4d4d
}
A:hover {
	COLOR: #ff3300; TEXT-DECORATION: underline
}
A:link {
	COLOR: #4d4d4d; TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
.menu {
	COLOR: #ffffff
}
A.menu:hover {
	COLOR: #ffcc00; TEXT-DECORATION: none
}
A.menu:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu:visited {
	TEXT-DECORATION: none
}
.tmenu {
	FONT-WEIGHT: normal; COLOR: #ffffff; LETTER-SPACING: 1px
}
A.tmenu:hover {
	COLOR: #ffcc00; TEXT-DECORATION: none
}
A.tmenu:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.tmenu:visited {
	TEXT-DECORATION: none
}
#pagetitle {
	PADDING-LEFT: 35px; FONT-WEIGHT: bold; FONT-SIZE: 10.5pt; BACKGROUND-IMAGE: url(images/sp_bg_pagetitle.gif); PADDING-BOTTOM: 5px; WIDTH: 660px; COLOR: #ff6600; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; LETTER-SPACING: 2px; HEIGHT: 22px; TEXT-ALIGN: left
}
#selected {
	BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(../images/sp_top_bg1.gif); COLOR: #ffff00; BACKGROUND-REPEAT: no-repeat
}
#gbook {
	BORDER-RIGHT: #666666 0px solid; PADDING-RIGHT: 50px; BORDER-TOP: #666666 0px solid; PADDING-LEFT: 50px; FONT-SIZE: 10.5pt; PADDING-BOTTOM: 50px; MARGIN: 30px; BORDER-LEFT: #666666 0px solid; COLOR: #ff6600; LINE-HEIGHT: 150%; PADDING-TOP: 50px; BORDER-BOTTOM: #666666 0px solid; HEIGHT: 380px
}
#searchbox {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/sp_bg_search2.gif); PADDING-BOTTOM: 20px; WIDTH: 200px; COLOR: #999999; PADDING-TOP: 50px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 160px
}
#bysearch {
	MARGIN-LEFT: 3px; COLOR: #cc0000; MARGIN-RIGHT: 3px; BACKGROUND-COLOR: #ffff99
}
#byselect {
	FONT-WEIGHT: bold; COLOR: #0066cc
}
#picsbox {
	PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-SIZE: 9pt; FLOAT: left; BACKGROUND-IMAGE: url(images/sp_bg_picsamll.gif); MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 194px; COLOR: #0066cc; LINE-HEIGHT: 14px; MARGIN-RIGHT: 18px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 148px; TEXT-ALIGN: center
}
#pics {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN: 2px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 160px; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 110px; BACKGROUND-COLOR: #ffffff
}
#picsbox2 {
	PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-SIZE: 9pt; FLOAT: left; BACKGROUND-IMAGE: url(images/sp_bg_picsamll.gif); MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 194px; COLOR: #0066cc; LINE-HEIGHT: 14px; MARGIN-RIGHT: 18px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 148px; TEXT-ALIGN: center
}
#picstext2 {
	MARGIN-TOP: 5px; COLOR: #0033cc
}
#pics2 {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN: 3px; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff
}
#grey {
	COLOR: #666666
}
#erroms {
	BORDER-RIGHT: #87afc2 1px solid; PADDING-RIGHT: 30px; BACKGROUND-POSITION: left center; BORDER-TOP: #87afc2 1px solid; PADDING-LEFT: 150px; FONT-SIZE: 12pt; BACKGROUND-IMAGE: url(../images/err.gif); PADDING-BOTTOM: 30px; MARGIN: 50px; BORDER-LEFT: #87afc2 1px solid; WIDTH: 500px; COLOR: #cc6600; LINE-HEIGHT: 180%; PADDING-TOP: 80px; BORDER-BOTTOM: #87afc2 1px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 250px; BACKGROUND-COLOR: #ffffff
}
#indextitle {
	WIDTH: 660px; TEXT-ALIGN: left
}
.input250 {
	WIDTH: 250px
}
#indexlist {
	COLOR: #2f75df; LINE-HEIGHT: 1.6
}
#indexnewbox {
	BORDER-RIGHT: #ddd9d2 1px solid; PADDING-RIGHT: 5px; BACKGROUND-POSITION: right top; BORDER-TOP: #ddd9d2 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; FLOAT: left; BACKGROUND-IMAGE: url(../images/sp_bg_inbox.gif); PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #ddd9d2 1px solid; WIDTH: 325px; PADDING-TOP: 5px; BORDER-BOTTOM: #ddd9d2 1px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 180px; BACKGROUND-COLOR: #ffffff
}
#inewstitle {
	BACKGROUND-POSITION: left center; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; MARGIN: 5px 5px 12px; COLOR: #cc0000; LETTER-SPACING: 1px; TEXT-ALIGN: left
}
#inewslist {
	BACKGROUND-POSITION: left center; PADDING-LEFT: 15px; FONT-SIZE: 9pt; BACKGROUND-IMAGE: url(../images/sp_dot_nav01.gif); MARGIN: 3px; LINE-HEIGHT: 150%; BACKGROUND-REPEAT: no-repeat
}
#newsline {
	BACKGROUND-POSITION: 6px 8px; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(../images/biao_02.gif); PADDING-BOTTOM: 4px; PADDING-TOP: 5px; BORDER-BOTTOM: #dce7e4 1px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px; TEXT-ALIGN: left
}
#newsline SPAN {
	FLOAT: right; WIDTH: 70px
}
TABLE {
	FONT-SIZE: 9pt
}
#massage {
	FONT-SIZE: 10.5pt; WIDTH: 600px; LINE-HEIGHT: 1.5; TEXT-ALIGN: left
}
#scrollingpic {
	BORDER-RIGHT: #abd0f1 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #abd0f1 0px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../images/sp_dindex_pic.gif); PADDING-BOTTOM: 0px; BORDER-LEFT: #abd0f1 0px solid; WIDTH: 670px; PADDING-TOP: 0px; BORDER-BOTTOM: #abd0f1 0px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 130px
}
#picstext {
	COLOR: #666666; TEXT-ALIGN: center
}
#detailtext {
	MARGIN-TOP: 10px; FONT-SIZE: 10.5pt; MARGIN-BOTTOM: 30px; LINE-HEIGHT: 1.8
}
#txt {
	MARGIN-TOP: 10px; FONT-SIZE: 10.5pt; MARGIN-BOTTOM: 30px; LINE-HEIGHT: 1.8
}
#txt A:link {
	COLOR:#ff3300
}
#txt A:visited {
	COLOR:#ff3300
}
#txt A:hover {
	COLOR:#4d4d4d
}
#txt A:active {
	COLOR:#ff3300
}
#detailtext A:link {
	COLOR:#ff3300
}
#detailtext A:visited {
	COLOR:#ff3300
}
#detailtext A:hover {
	COLOR:#ff3300
}
#detailtext A:active {
	COLOR:#ff3300
}
#detailinfobar {
	COLOR: #666666; TEXT-ALIGN: right
}
#newproduct {
	BACKGROUND-POSITION: right top; FLOAT: right; BACKGROUND-IMAGE: url(images/icon_news.gif); WIDTH: 100%; CURSOR: hand; BACKGROUND-REPEAT: no-repeat
}
#colorpic {
	WIDTH: 185px
}
#colorpic A:link {
	DISPLAY: block; BACKGROUND-COLOR: #ffffff
}
#colorpic A:visited {
	DISPLAY: block; BACKGROUND-COLOR: #ffffff
}
#colorpic A:hover {
	BACKGROUND-COLOR: #c0af8b
}
#colorpic A:active {
	BACKGROUND-COLOR: #c0af8b
}
#colorgall {
	MARGIN: 3px; WIDTH: 166px
}
#colorgall A:link {
	DISPLAY: block; BACKGROUND-COLOR: #ffffff
}
#colorgall A:visited {
	DISPLAY: block; BACKGROUND-COLOR: #ffffff
}
#colorgall A:hover {
	BACKGROUND-COLOR: #ffcc00
}
#colorgall A:active {
	BACKGROUND-COLOR: #ffcc00
}
#laulink {
	FLOAT: left
}
#laulink A:link {
	BORDER-RIGHT: #3868a8 1px solid; BORDER-TOP: #3868a8 1px solid; DISPLAY: block; BORDER-LEFT: #3868a8 1px solid; BORDER-BOTTOM: #3868a8 1px solid
}
#laulink A:visited {
	BORDER-RIGHT: #3868a8 1px solid; BORDER-TOP: #3868a8 1px solid; DISPLAY: block; BORDER-LEFT: #3868a8 1px solid; BORDER-BOTTOM: #3868a8 1px solid
}
#laulink A:hover {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
#laulink A:active {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
#jobtitle {
	PADDING-RIGHT: 3px; BACKGROUND-POSITION: 5px 12px; MARGIN-TOP: 5px; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 10.5pt; BACKGROUND-IMAGE: url(images/sp_dot_y.gif); MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; COLOR: #0033cc; PADDING-TOP: 3px; BORDER-BOTTOM: #d1d1d1 2px dashed; BACKGROUND-REPEAT: no-repeat
}
#scrpicbox {
	  WIDTH: 100px; COLOR: #0066cc; BACKGROUND-REPEAT: no-repeat; HEIGHT: 150px; TEXT-ALIGN: center
}
#picdiv {
	BORDER-RIGHT: #cecece 1px dashed; PADDING-RIGHT: 12px; BORDER-TOP: #cecece 1px dashed; PADDING-LEFT: 12px; PADDING-BOTTOM: 12px; BORDER-LEFT: #cecece 1px dashed; PADDING-TOP: 12px; BORDER-BOTTOM: #cecece 1px dashed
}
#detailtitle {
	FONT-SIZE: 18pt; COLOR: #0033cc
}
//产品显示样式

#layout_mainer {
	MARGIN-TOP: 15px; MIN-HEIGHT: 13px; WIDTH: 750px; BACKGROUND: url(../images/matrix@.jpg) no-repeat right top; FLOAT: right; HEIGHT: auto !important
}

#layout_content656 {
	WIDTH: 750px; height: 820px; FLOAT: left; OVERFLOW: hidden
}
UL#client {
	PADDING-BOTTOM: 25px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px; PADDING-TOP: 15px
}
UL#client LI {
	MARGIN: 10px 20px 0px 2px; WIDTH: 178px; DISPLAY: inline; HEIGHT: 130px
}
UL#client LI A {
	WIDTH: 178px; DISPLAY: block; TEXT-DECORATION: none
}
UL#client LI A IMG {
	WIDTH: 160px; HEIGHT: 110px
}
UL#client LI A .imgthumb {
	POSITION: relative; BACKGROUND: #efefef
}
UL#client LI A .imgthumb SPAN.thumb_shadow_right {
	BORDER-BOTTOM: #bcbec0 1px solid; POSITION: relative; TEXT-ALIGN: center; BORDER-LEFT: #bcbec0 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: block; BACKGROUND: #fff; BORDER-TOP: #bcbec0 1px solid; TOP: -3px; BORDER-RIGHT: #bcbec0 1px solid; PADDING-TOP: 3px; LEFT: -3px
}
UL#client LI A .intro {
	LINE-HEIGHT: 1.5; MARGIN-TOP: 5px; DISPLAY: none; HEIGHT: 80px; COLOR: #868686;width:160px
}
UL#client LI A .intro P {
	BORDER-BOTTOM: #dededd 1px solid; OVERFLOW: hidden
}
UL#client LI A:hover {
	Z-INDEX: 5; POSITION: absolute; MARGIN: -30px -6px -20px -30px; WIDTH: 180px; BACKGROUND: #cf0010; FLOAT: left; HEIGHT: 223px; CURSOR: pointer
}
UL#client LI A:hover .shadow {
	POSITION: relative; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: block; PADDING-TOP: 4px
}
UL#client LI A:hover .box {
	BORDER-BOTTOM: #9fcf30 1px solid; BORDER-LEFT: #9fcf30 1px solid; PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; WIDTH: 205px; PADDING-RIGHT: 5px; BACKGROUND: #fff; HEIGHT: 283px; BORDER-TOP: #9fcf30 1px solid; BORDER-RIGHT: #9fcf30 1px solid; PADDING-TOP: 15px
}
UL#client LI A:hover .intro {
	DISPLAY: block
}
#fixed_bottom {
	Z-INDEX: 500; POSITION: fixed; WIDTH: 100%; BOTTOM: 0px; BACKGROUND: url(../images/2_01.jpg) repeat-x; HEIGHT: 40px; LEFT: 0px; _position: absolute; _bottom: auto
}
.fixed_bottom_tm {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 1280px; BACKGROUND: url(../images/2_04.jpg) repeat-x; HEIGHT: 40px; OVERFLOW: visible
}
.vancl_tabtitle {
	POSITION: relative;  HEIGHT: 26px;margin:0 auto;text-align:center;margin-left:0px;
}
.vancl_tabtitle SPAN {
	POSITION: absolute; DISPLAY: block; HEIGHT: 26px; TOP: 0px; LEFT: 0px
}
.vancl_tabtitle SPAN.tabtitle01 {
	BACKGROUND: url(../images/vancl0114bg.png) no-repeat 0px 0px
}
.vancl_tabtitle SPAN.tabtitle02 {
	BACKGROUND: url(../images/vancl0114bg.png) no-repeat 0px -27px
}
.vancl_tabtitle SPAN.tabtitle03 {
	BACKGROUND: url(../images/vancl0114bg.png) no-repeat 0px -54px
}
.vancl_tabtitle SPAN.tabtitle04 {
	BACKGROUND: url(../images/vancl0114bg.png) no-repeat 0px -81px
}
.vancl_tabtitle SPAN.tabtitle05 {
	BACKGROUND: url(../images/vancl0114bg.png) no-repeat 0px -108px
}
.vancl_tabtitle SPAN A {
	TEXT-INDENT: -9999px; WIDTH: 215px; DISPLAY: block; HEIGHT: 26px
}
.vancl_tabtitle DIV {
	BORDER-BOTTOM: #cacaca 1px solid; BORDER-LEFT: #cacaca 1px; WIDTH: 764px; BACKGROUND: #f5f5f5; FLOAT: right; HEIGHT: 24px; BORDER-TOP: #cacaca 1px solid; BORDER-RIGHT: #cacaca 1px solid
}
.vancl_tabtitle DIV A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 13px; PADDING-RIGHT: 10px; DISPLAY: inline-block; BACKGROUND: url(../images/vancl0114bg.png) no-repeat 0px -282px; FLOAT: right; HEIGHT: 13px; PADDING-TOP: 6px
}
.vancl_tabtitle DIV A:hover {
	BACKGROUND: url(../images/vancl0114bg.png) no-repeat -33px -282px
}
.b {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#yat {
TEXT-ALIGN: center;DISPLAY: block; BACKGROUND-COLOR: #ffffff; 
} 
#ycolorgall {
	MARGIN: 0px; WIDTH: 210px
}
#ycolorgall A:link {
	DISPLAY: block; BACKGROUND-COLOR: #ffffff
}
#ycolorgall A:visited {
	DISPLAY: block; BACKGROUND-COLOR: #ffffff
}
#ycolorgall A:hover {
	BACKGROUND-COLOR: #ffcc00
}
#ycolorgall A:active {
	BACKGROUND-COLOR: #ffcc00
}
#ypics {
	 WIDTH: 200px;HEIGHT: 137px; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid;BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN: 2px; BORDER-LEFT: #ffffff 1px solid
}
#bargebox {
	PADDING-RIGHT: 5px; MARGIN-TOP: 10px; PADDING-LEFT: 5px; FONT-SIZE: 9pt; FLOAT: left; BACKGROUND-IMAGE: url(images/sp_bg_barge.gif); MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 210px; COLOR: #0066cc; LINE-HEIGHT: 14px; MARGIN-RIGHT: 18px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 160px; TEXT-ALIGN: center
}
#barge {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN: 2px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 188px; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 125px; BACKGROUND-COLOR: #ffffff
}
#bargegall {
	MARGIN: 3px; WIDTH: 196px
}
#bargegall A:link {
	DISPLAY: block; BACKGROUND-COLOR: #ffffff
}
#bargegall A:visited {
	DISPLAY: block; BACKGROUND-COLOR: #ffffff
}
#bargegall A:hover {
	BACKGROUND-COLOR: #ffcc00
}
#bargegall A:active {
	BACKGROUND-COLOR: #ffcc00 
}