@charset "utf-8";
/*==============================
	Title: 吴江化纤 
	Updated: 2009-06-26  
	Content:  

    * Filename: base.css
    * Version: 1.0.0 (2009-07-20) YYYY-MM-DD
    * Website: 
    * Author: Ray Huang(ray@rayimt.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/
html,body { width:100%; border:0; color:#393939;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;}
legend { color:#000; }
body { /*font:12px/1.231 "微软雅黑", "宋体", arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;*/ font-family:Tahoma ,"宋体", arial, helvetica, clean, sans-serif; font-size:12px;}
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; }
/*== reset font ==*/
/*== 清除浮动 ==*/
/*=1=*/
.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix {/* overflow:auto;*/ zoom:1;}
/*=2=*/
div.divclear { height:0; clear:both; font-size:0; line-height:0; overflow:hidden;}
/*== 清除浮动 ==*/

a { outline:none; text-decoration:none; color:#393939;}
a:hover { text-decoration:underline; color:#393939;}

/*== frame ==*/
html { background:#fff url(../img/html-bg.png) 0 0 repeat-x;}
#pageBody { width:900px; margin:0 auto;}
	#headerBox { width:100%; height:105px; overflow:hidden; background:url(../img/header-bg.png) 0 0 no-repeat; position:relative;}
	#bannerBox { width:894px; height:234px; margin:0 auto; border:3px solid #fff;}
	#contentBox { width:100%; margin:13px auto 0;}
		#sidebarBox,#mainBox { padding:0 0 20px;}
		#sidebarBox { width:185px; min-height:250px; _height:250px; float:left; background:url(../img/sidebar-bg.gif) right 74px no-repeat;}
		#mainBox { width:698px; min-height:420px; _height:430px; float:right; background:url(../img/main-bg.png) 0 0 no-repeat;}
	#footerBox { padding:13px 0; border-top:1px solid #3a56ad; font-family:"宋体", arial, helvetica, clean, sans-serif;}	
/*== header ==*/
#headerBox h2 { width:100%; height:65px;}
#headerBox h2 { margin:34px 0 0; background:url(../img/logo-page.png) 0 0 no-repeat;}
#headerBox h2.nanyang { background:url(../img/logo-page-nanyang.png) 0 0 no-repeat;}
#headerBox h2.boyada { background:url(../img/logo-page-boyada.png) 0 0 no-repeat;}
#headerBox h2.dehua { background:url(../img/logo-page-dehua.png) 0 0 no-repeat;}
#headerBox h2.shaoxing { background:url(../img/logo-page-shaoxing.png) 0 0 no-repeat;}
#headerBox h2.deguan { background:url(../img/logo-page-deguan.png) 0 0 no-repeat;}
#headerBox h2.deshun { background:url(../img/logo-page-deshun.png) 0 0 no-repeat;}

	#headerBox h2 a { width:421px; height:65px; float:left; text-indent:-1000em;}
#topLink { width:auto; height:auto; text-align:right; position:absolute; right:5px; top:10px;}	
	#topLink span { padding:0 0 0 50px; background:url(../img/icon-toplink.gif) 40px center no-repeat;}
		#topLink span a { padding:0 5px; color:#C1CDF0;}
		#topLink span a.en { color:#fff;}
	#topLink span.sublink { display:block; padding:60px 0 0 50px; background:url(../img/icon-toplink.gif) 40px 65px no-repeat;}	
#navBox { position:absolute; right:0; top:49px;}
	#navBox ul {}
		#navBox li,#navBox a { width:85px; height:35px; float:left;}
		#navBox li { _display:inline; margin:0 0 0 20px;}
			#navBox a { text-indent:-1000em; background-image:url(../img/nav.png); background-repeat:no-repeat;}
			#navBox a.home { background-position:0 0;}
			#navBox a.intro { background-position:-85px 0;}
			#navBox a.prod { background-position:-170px 0;}
			#navBox a.facility { background-position:-255px 0;}
			#navBox a.contact { background-position:-340px 0;}
			#navBox li.current a.home,#navBox a.home:hover { background-position:0 -35px;}
			#navBox li.current a.intro,#navBox a.intro:hover { background-position:-85px -35px;}
			#navBox li.current a.prod,#navBox a.prod:hover { background-position:-170px -35px;}
			#navBox li.current a.facility,#navBox a.facility:hover { background-position:-255px -35px;}
			#navBox li.current a.contact,#navBox a.contact:hover { background-position:-340px -35px;}
/*== footer ==*/
#footerBox .contact { width:650px; float:left; color:#17217b;}
	#footerBox .contact li { display:inline; line-height:22px;}
		#footerBox .contact li a { color:#17217b;}
.copyright { width:225px; float:right; text-align:right; color:#696868;}
	.copyright p { line-height:22px;}
	.copyright a { text-decoration:underline; color:#696868;}
/*== sidebar ==*/
#sidebarBox h1 { width:100%; height:60px; text-indent:-1000em; margin:0 0 15px; background-position:0 0; background-repeat:no-repeat;}
h1.contact { background-image:url(../img/heading-contact.gif);}
h1.intro { background-image:url(../img/heading-intro.gif);}
h1.facility { background-image:url(../img/heading-facility.gif);}
#sidebarBox p { padding:0 10px 0 30px; margin:0 0 25px; line-height:20px; color:#656565; background:url(../img/icon-slogan.gif) 12px 6px no-repeat;}
/*== main ==*/
#pagePath { padding:15px 0 0 40px; background:url(../img/icon-pagepath.gif) 20px 20px no-repeat;}
	#pagePath a { padding:0 8px 0 0; color:#656565;}
	#pagePath span { padding:0 0 0 20px; color:#0c87d4; font-weight:bold; background:url(../img/icon-pagepath-sub.gif) 0 center no-repeat;}
#subC { padding:15px 0 0 40px; position:relative;}
.figure { position:absolute;}
	.figure img { border:1px solid #d7d7d7;}
/*== contact ==*/	
#subC.contact ul { padding:30px 0 0;}
#subC.contact ul li { line-height:24px;}
	#subC.contact li label { font-weight:bold; letter-spacing:5px;}
	#subC.contact li label.lsnormal { letter-spacing:normal;}
#subC.contact .figure { right:25px; top:22px;}	
/*== intro ==*/
#subC.intro p { width:410px; padding:15px 0; line-height:20px; text-indent:2em;}
#subC.intro .figure { right:25px; top:35px;}	
/*== facility ==*/
.item { width:290px; min-height:190px; _height:190px; padding:0 0 20px 322px; margin:15px 0 0; background:url(../img/space-line.gif) 0 bottom repeat-x; position:relative;}	
	.item dt { width:100%; height:32px; line-height:32px; border:1px solid #eee; border-width:1px 0; background:#f9f9f9 url(../img/icon-title.gif) 10px 12px no-repeat;}
		.item dt span { padding:0 0 0 27px; color:#393939; font-weight:bold;}
		.item dd { padding:15px 10px 0 20px; line-height:20px;}
.item .figure { left:0; top:0;}
/*== index ==*/
#bannerIndex { width:894px; height:354px; margin:0 auto; border:3px solid #fff; background:url(../img/banner-index.gif) no-repeat; position:relative;}
	#prodClass { width:172px; position:absolute; left:0; top:21px;}
		#prodClass h2 { width:100%; height:32px; text-indent:-1000em; background:url(../img/index-title-prod.gif) 6px 0 no-repeat;}
	#kvBox { width:704px; height:340px; background:#fff; position:absolute; right:0px; top:0px;}
	#bannerIndex.branch #kvBox {  width:894px; height:355px;}
#sloganBox { width:185px; float:left; padding:96px 0 0; background:url(../img/index-title-slogan.gif) 0 0 no-repeat;}
	#sloganBox h2,#sloganBox p { display:none;}
	#sloganBox ul { padding:0 15px 0 12px;}
		#sloganBox li { text-indent:2em; line-height:20px; background:url(../img/icon-arrow.gif) 0 8px no-repeat;}
#branchlogoBox { width:185px; float:left; padding:26px 0 0; background:url(../img/branch-logo-bg.gif) 0 0 no-repeat;}	
	.brandlogo { padding:0 0 0 15px;}
#indexIntro { width:500px; float:left; _display:inline; margin:0 0 0 20px; position:relative;}	
	#indexIntro h1 { width:100%; height:28px; margin:0 0 13px; text-indent:-1000em; background:url(../img/index-title-intro.gif) no-repeat;}
	#indexIntro h1.nanyang { background-position:0 -28px;}
	#indexIntro h1.boyada { background-position:0 -56px;}
	#indexIntro h1.jobo { background-position:0 -84px;}
	#indexIntro h1.shaoxing { background-position:0 -112px;}
	#indexIntro h1.deshun { background-position:0 -140px;}
	#indexIntro h1.deguan { background-position:0 -168px;}
	#indexIntro p { padding:5px 12px 5px 20px; line-height:20px; text-indent:2em;}
	#indexIntro div.more { position:absolute; right:0; top:0;}
		#indexIntro div.more a { line-height:28px; color:#3a56ad;}
#fLink { width:180px; float:right;}
	#fLink h2 { width:100%; height:28px; text-indent:-1000em; background:url(../img/index-title-fl.gif) no-repeat;}
	#fLink ul { padding:15px 0 0;}
		#fLink li { width:100%; height:55px; float:left; margin:0 0 7px; position:relative;}
			#fLink li .figure { display:block; right:1px; top:42px;}
			#fLink li a img { border:1px solid #dfdfdf;}
/*== prod ==*/
#prodBox { width:894px; height:470px; margin:0 auto 40px; border:3px solid #fff; background:url(../img/prod-bg.png) 0 0 repeat-x; position:relative;}
	#prodClassList { width:178px; height:470px; float:left; border-right:1px solid #fff;}
		#prodClassList h2 { width:100%; height:34px; padding:19px 0 17px; text-indent:-1000em; background:url(../img/heading-prod.gif) center 19px no-repeat;}
		#ProdMenu { padding:0 0 0 6px;}	
		#ProdMenu li,#ProdMenu a { width:166px; float:left;}
		#ProdMenu li { margin:0 0 3px;}
			#ProdMenu a { height:27px;}
			#ProdMenu li.current a,#ProdMenu a:hover { text-decoration:none; background:url(../img/prod-class-current.png) no-repeat;}
				#ProdMenu a span { padding:0 0 0 30px; line-height:27px; color:#fff; font-size:14px; font-weight:bold;}
				#ProdMenu a:hover span { text-decoration:none;}
		#ProdMenu li ul { display:none;}	
			#ProdMenu li li a:hover { background:none;}
			#ProdMenu li li a span { padding:0 0 0 40px; font-weight:normal;}
	#prodView { width:696px; height:376px; overflow:hidden; float:right; _display:inline; margin:8px 9px 0 0; background:url(../img/prod-view-bg.png) 0 0 repeat-x; position:relative;}
		.proditem { width:696px; height:376px;}
			
	#prodList { width:696px; height:75px; background:#d4d5d8; position:absolute; right:9px; top:385px;}
		.prodimg { width:460px; height:376px; float:left;}
		.prodcontent { width:236px; overflow:hidden; float:left; color:#fff;}
			.prodcontent h1 { margin:25px 0 0; text-indent:22px; font-size:14px; font-weight:bold; background:url(../img/icon-prod.gif) 0 0 no-repeat; word-break:break-all;}
			.prodcontent ul { padding:20px 0 0 22px;}
				.prodcontent ul li { line-height:20px; padding:0 0 10px; word-break:break-all;}
				.prodcontent ul li label { display:block; font-weight:bold; word-break:break-all;}
/*== jquery.scrollable ==*/
.scrollable { width:680px; height:65px; overflow:hidden; padding:7px 0 0 7px;}
div.items { width:630px; height:65px; margin:5px 10px 0; _display:inline; float:left; width:630px !important; }
div.items a { width:62px; height:48px; overflow:hidden; display:block; float:left; padding:2px; margin:0 2px 0 0; text-decoration:none; text-align:center; background:#d9dadd; cursor:pointer; }
div.items a:hover { color:#7d7d7d; text-decoration:none; }
div.items a.active { background:#2f347e; cursor:default; }
div.items a img { width:60px; height:46px; border:1px solid #fff;}
div.items a.active span { color:#c46346;}
div.items a:hover span { color:#7d7d7d;}
.scrollable a.prev,.scrollable a.next { display:block; width:13px; height:64px; float:left; text-indent:-1000em; background-repeat:no-repeat; background-position:center center; cursor:pointer; }
.scrollable a.prev { background-image:url(../img/btn-left.gif); }
.scrollable a.prev:hover { background-image:url(../img/btn-left.gif); }
.scrollable a.next { background-image:url(../img/btn-right.gif); }
.scrollable a.next:hover { background-image:url(../img/btn-right.gif); }
/*
div.navi { position:relative; top:-30px; left:310px; margin-left:-50px; width:50px; height:0px; }
div.navi span { width:8px; height:8px; float:left; margin:3px; background:url(../img/dots.png) 0 0 no-repeat; cursor:pointer; }
* html div.navi span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/img/dots.png') background:none !important;}
div.navi span:hover { background-position:0 -8px; }
div.navi span.active { background-position:0 -16px; }
*/