body{ font-size:12px}
#wrap{ width:960px; margin:0 auto}
/*------------------------------------------ 公共部分 --------------------------------------*/
	/*-------- 清除浮动 ------*/
	.clearfix{ clear:both; font-size:0px;}
    /*-------- 浮动 ---------*/
	.left{ float:left}
	.right{ float:right}
	/*-------- 显示 隐藏 -------*/
	.hidden{ display:block}
	.none{ display:none}
	/*-------- 带灰色背景的层次图 ------*/
	.img_outter{ display:block;background-color:#D1D1D1;margin-left:4px;margin-top:4px;  display:inline;}
	.img_outter img{border:1px solid #000000;display:block;left:-3px;position:relative;top:-3px; }
	/*-------- 背景 --------*/
	h2,h2 a,.top-box,.shop-box span,.inkjetprinting .inkjet-info div,.inkjetprinting .btn-box a,.inkjetprinting span,.title span,.title,.news-box ul li,.test-box,.tab-box .border-box ul li,.i-item ul li,.i-tab a,.shop-box .shop-l{ background:url(../images/indx_09_new_sprite.gif) no-repeat; display:block;}
	/*-------- 标题框架部分 -----*/
	.title { background-position:0 -53px; background-repeat:repeat-x; height:31px; width:100%;}
	.title span{ width:10px; height:31px}
	.title .title-l{ background-position:left -91px; float:left}
	.title .title-r{ background-position:right -91px; float:right }
	.title h2 a,.title h2{ background-position:0 -406px; width:85px; height:31px; line-height:37px; text-align:center; float:left; font-size:13px; font-weight:bolder; overflow:hidden}
	.title h2.other a,.title h2.other{ line-height:31px; text-align:left; background:none}
	.border-box{ border:1px solid #d0dbea; border-top:none;overflow:hidden}
	/*-------- 图文列表 ----------*/
	ul.spec-ul{ width:94%; margin:0 auto; overflow:hidden}
	ul.spec-ul li{  border-top:1px dashed #4c86ab; margin-top:-1px; padding:6px 0 8px 0}
	ul.spec-ul li a{ display:inline-block; line-height:20px;}
	ul.spec-ul li a{ *display:inline;}
	ul.spec-ul li a:hover{ text-decoration:underline}
	ul.spec-ul li .pic-box{  margin-right:9px;float:left;}
	ul.spec-ul li a.pic-box:hover img{ border:1px solid #4c86ab}
	ul.spec-ul li .pic-box img{ width:81px; height:54px; border:1px solid #ccc; padding:2px;}
	/*-------- 广告位 ------*/
	.ad-box{ background:#77c5ef; overflow:hidden}
	.a728-90{ width:728px; height:90px; margin-top:3px}
	.a726-90{ width:726px; height:90px;}
	.a226-90{ width:226px; height:90px;}
	.a226-65{ width:226px; height:64px; float:right; margin-top:8px}
	.a468-60{ width:468px; height:60px;margin-top:8px}
	.a226-100{ width:226px; height:100px;}
	.a726-90{ width:726px; height:90px}
	.a960-90{ width:960px; height:90px}
	.a226-192{ width:226px; height:192px}
	.a226-192 img{ width:226px; height:192px}
	.a226-158{ width:226px; height:158px; background-color:#FFCC00}
	/*-------- 间隔 --------*/
	.height8{ height:6px; overflow:hidden; clear:both}
/*--------- 字体颜色 ----------*/
a{color:#3a5077}
a:hover{ color:#CC3300}
.title h2,.title h2 a,.title h2 a:hover{ color:#307a95}/*标题框架--->标题颜色*/
.top-box form label,span.other a{ color:#535353}/*顶部用户名颜色*/
.news-box h3 a,.news-box h3 a:hover{ color:#FF6600}/*新闻中心大标题*/
.news-box h3 a:hover
.border-box{ color:#3a5278}/*新闻中心--->新闻列表颜色*/
.border-box ul li a{ color:#3a5278}
.border-box a:hover{ color:#CC3300}/*新闻中心--->新闻列表颜色(鼠标移动到文字上)*/
.test-box dl dt a{ color:#527617;}/*评测中心标题颜色*/
.i-item h2 a,.i-item h2 a:hover{ color:#c16323}/*资讯中心部分标题颜色*/
/*--------- top-box -----------*/
.top-box{ background-position:0 0; background-repeat:repeat-x; height:31px; border-bottom:1px solid #f2f2f2;}
	.top-box div{ width:960px; margin:0 auto; padding-top:6px;}
	.top-box form{ float:left;}
	.top-box form label{ padding-right:3px}
	.top-box form input{ border:1px solid #b3b3b3; height:16px; vertical-align:middle}
	.top-box form .btn{ height:18px; width:40px; line-height:18px}
	.top-box .login-box{ float:left; color:#676767;background:url(../images/indx_09_new_sprite.gif) no-repeat -51px -824px;padding-left:20px; height:16px; display:block; overflow:hidden}
	.top-box .login-box b{ color:#3a5278; padding-right:10px}
	.top-box .login-box a{ text-decoration:underline; padding-right:10px}
	.top-box .login-box strong{ color:#993300}
	.top-box span.other{ float:right}
	.top-box span.other b{ font-weight:normal}
	.top-box span.other a{ padding:0 4px}
/*--------- logo-box -----------*/
	.logo-box h1,.logo-box h1 a{width:215px; height:96px;}
	.logo-box h1{float:left}
	.logo-box h1 a{ background:url(../images/logo.gif) no-repeat; display:block; text-indent:-10000px}
	.logo-box .ad-box{ float:right}
/*--------- top-ad -------------*/

/*--------- shop-box -----------*/
	.shop-box span{ height:32px;}
	.shop-box .shop-l{ background-position:0 -756px; float:left; width:176px; height:32px; line-height:32px; text-indent:6em; color:#fff}
	.shop-box .shop-r{ background-position:0 -810px; float:right; width:27px}
	.shop-box .shop-m{ width:757px; overflow:hidden; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; height:30px; float:left; line-height:32px}
		.shop-box .shop-m span{ background:none; float:left;}
		.shop-box .shop-m ul{ padding-left:16px; font-size:12px;overflow:hidden}
		.shop-box .shop-m ul li{ float:left; width:33.3%;}
		#andyscroll {overflow: hidden;text-align: left;height:32px;line-height:32px;overflow:hidden;}

/*--------- slide-box ----------*/
.slide-box{ width:712px; float:left; background:#f3f3f3; height:256px; padding:7px; overflow:hidden}
	.slide-box h2{ background-position:-281px -841px; width:319px; height:46px}
/*--------- inkjetprinting -----*/
.inkjetprinting{ width:226px; height:198px; overflow:hidden; float:right; }
	.inkjetprinting h2{ background-position:0 -531px; height:32px; text-indent:-10000px}
	.inkjetprinting .inkjet-info{ border-left:1px solid #8faf5a;border-right:1px solid #8faf5a; background:#f2f9e9; height:160px}
		.inkjetprinting .inkjet-info div.info{ background-position:0 -578px; width:197px; height:107px; margin:0 auto; padding:10px}
		.inkjetprinting .inkjet-info img{ float:left; width:65px; height:94px; margin-right:5px}
		.inkjetprinting .inkjet-info p{ padding:5px 5px 0 5px; text-align:justify; color:#676767}
		.inkjetprinting .inkjet-info p b{ color:#FF3300}
	.inkjetprinting .btn-box{ width:90%;margin:0 auto; }	
		.inkjetprinting .btn-box a{ width:87px; height:24px; text-indent:-10000px; overflow:hidden}
		.inkjetprinting .btn-box .free{background-position:-250px -531px; float:left }
		.inkjetprinting .btn-box .online{background-position:-250px -565px; float:right}
	.inkjetprinting span{ height:6px; background-position:0 -720px;}	

/*-------- main ------------*/
	.main-l{ float:left; width:250px;}
	.main-m{ float:left; width:468px; margin-left:8px}
	.main-r{ float:right; width:226px;}
	/*---------- company-box ----------*/
	.company-box h2{ background:none;}
	.company-box .border-box{ height:216px; }
	.company-box ul{ width:232px; margin:0 auto}
	.company-box ul li{ border-bottom:1px dashed #ccc; overflow:hidden;  font-size:14px; padding:6px 0 7px 0;}
	.company-box ul li a img{ width:90px; height:60px; padding:2px; border:1px solid #ccc}
	.company-box ul li a:hover{ text-decoration:underline}
	.company-box ul li .pic-box{ display:none}
	.company-box ul li em{ float:left;font-size:13px; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bolder;padding-right:5px; color:#676767}
	.company-box ul li p{_float:left}
	.company-box ul li.hover{ height:100%;}
	.company-box ul li.hover em{ font-size:16px}
	.company-box ul li.hover p{ float:right;width:112px;height:64px;text-align:center;display:table;*position:relative;overflow:hidden;}
	.company-box ul li.hover p span{display:table-cell;vertical-align:middle;*position:absolute;top:50%;width:100%;left:0;}
	.company-box ul li.hover p .txt-box{ font-size:14px; font-weight:bold;*position:relative;width:100%;top:-50%;text-align:left; display:block}
	.company-box ul li.hover .pic-box{ display:block;margin-right:9px;float:left; padding:0;}
	/*---------- test-box -------------*/
	.test-box{ background-position:-350px -571px; width:250px; height:253px;}
	.test-box h3{ height:43px}
	.test-box h3 a{ display:block; height:43px; text-indent:-10000px}
	.test-box dl{ width:90%; height:125px;margin:0 auto;}
	.test-box dl dt{ text-align:center; font:bolder 13px/26px "宋体"; height:26px;}
	.test-box dl dt a{ text-decoration:underline;}
	.test-box dl dd{ padding:5px 8px; line-height:20px; text-align:justify; color:#676767; height:80px; position:relative;}
	.test-box dl dd span{position:absolute;right:4px;bottom:4px;}
	.test-box dl dd span a{ color:#6782C0}
	.test-box dl dd span a:hover{ text-decoration:underline;}
	.test-box h2{ background-position:-430px -531px; width:170px; height:28px; text-indent:-10000px; float:right; position:relative; right:10px; top:5px}
	.test-box ul{ position:relative; float:right; left:10px; width:190px; line-height:20px; padding-top:10px}
	.test-box ul li a{ color:#993300}
	.test-box ul li a:hover{ text-decoration:underline}
	/*---------- news-box -------------*/
	.news-box{ height:253px}
	.news-box .border-box{ height:221px; padding:0 10px}
	.news-box .border-box a:hover{ text-decoration:underline}
	.news-box h3{ text-align:center; font:bolder 16px/38px "宋体"; height:38px; border-bottom:1px dashed #ccc;}
	.news-box ul{ padding-top:5px}
	.news-box ul li{ font-size:14px; background-position:left -938px; padding-left:12px; line-height:22px; height:22px; position:relative; overflow:hidden}
	.news-box ul li a{letter-spacing:0.1em;}
	.news-box ul li span{ position:absolute; right:0; top:0; background:#fff; padding-left:1em; color:#676767}
	/*---------- spec-box --------------*/
	.spec-box .border-box{ height:221px; overflow:hidden}
	.spec-box h2{ background:none}
	.spec-box h2 a:hover{ text-decoration:underline}
	.spec-box ul li{ overflow:hidden}
	/*---------- tab-box ---------------*/
	.tab-box h2{ width:200px; background:none; }
	.tab-box h2 a{font-size:13px; width:74px; background-position:100px 100px}
    .tab-box h2 .hover{ background-position:-85px -444px;}
	.tab-box .border-box{ height:216px}
		.tab-box .border-box ul{ width:94%; margin:0 auto; padding-top:3px}
		.tab-box .border-box ul li{ background-position:left -884px; padding-left:10px; line-height:21px; height:21px; overflow:hidden;}
	/*---------- commendImage -----------*/
	.commendImage .border-box{  height:148px}
	.commendImage li{ float:left; margin:10px 0 0 10px; display:inline}
	.commendImage li a img{ padding:2px; border:1px solid #ccc; width:96px; height:96px;}
	.commendImage li a:hover img{ border:1px solid #f60;}
	.commendImage li p{ text-align:center;padding-top:4px}
	/*---------- format-box -------------*/
	.format-box{ width:726px; float:left; overflow:hidden}
	.format-box .scroll-list{ float:left; width:500px;}
	.format-box .border-box{ height:254px}
		/*------ i-format --------*/
		.i-format{}
		.i-format .ftS{font-size:14px; font-weight:bolder; text-align:left;}
.i-format .ftt{font-size:14px; font-weight:bolder;text-align:center}
		.i-format .ftt a{ color:#307a95;}
		.i-format .ftS a{ color:#307a95}
		.i-format p{ color:#676767; }
			.i-format-l{ float:left; width:413px;padding:10px 0 0 13px;}
			.i-format-l h3{ line-height:38px;}
			.i-format-l p.bgline{ border-bottom:1px solid #ccc; padding-bottom:10px;width:98%;}
				.ftB{  clear:both; zoom:1; overflow:hidden; width:98%;}
				.ftB .img_outter{width:132px; height:89px; float:left; margin-right:10px}
				.ftB .img_outter img{width:130px; height:87px}
			.i-format-r{ float:right; width:260px; background:url(../images/solid.gif) left center no-repeat; padding:15px 8px 0 15px; text-align:center}
			.i-format-r .img_outter{ display:block;width:242px; height:162px; margin:0 auto}
			.i-format-r .img_outter img{width:240px; height:160px}
			.i-format-r h3{ line-height:28px;}
			.i-format-r p{ text-align:left;}
		.format-ad{ float:right; width:226px;}	
	/*------ inner ----------*/
	.inner{  background-color:#FF0000}	
	.inner .inner-l{ float:left; width:726px; overflow:hidden;}
		/*------- item -------*/
		.item{ width:747px; height:100%; clear:both; overflow:hidden}
			/*--------- i-item ---------*/
			.i-item{ width:359px; float:left; padding:0 8px 6px 0;}
			.i-item .title{ background-position:0 -219px;}
			.i-item .title-l{ background-position:left -262px;}
			.i-item .title-r{ background-position:right -262px;}
			.i-item .border-box{ border:1px solid #e8973b; border-top:0; padding:8px}
				.i-item ul{}
				.i-item ul li{ font-size:12px; background-position:left -938px; padding-left:12px; line-height:19px; height:19px; position:relative; overflow:hidden}
				.i-item ul li span{ position:absolute; right:0; top:0; background:#fff; padding-left:1em}
				.i-item .pic-box{ clear:both; height:100%; overflow:hidden; background:none; padding:0 0 6px 0;}
				.i-item .pic-box a{ font-size:14px; font-weight:bold}
				.i-item .pic-box p{ line-height:19px; color:#676767; font-size:12px}
				.i-item .pic-box .pic{ float:left; margin-right:10px}
				.i-item .pic-box .pic img{ width:90px; height:60px; border:1px solid #000000;}
				/*------------ i-tab  爱普生专区  惠普专区  佳能专区 喷墨人生 广告写真 大幅面专区 ------------*/
				.i-tab .title{ background-position:0 -310px;}
				.i-tab .title-l{ background-position:left -356px;}
				.i-tab .title-r{ background-position:right -356px;}
				.i-tab .border-box{ border:1px solid #5b9848; border-top:0; height:85px; overflow:hidden}
				.i-tab .border-box a{ display:inline-block;background-position:left -938px; padding-left:12px; line-height:21px;}
				.i-tab .border-box a{ *display:inline;}
				.i-tab .border-box .pic{ float:left; margin-right:10px; background:none;padding-left:0px;}
				.i-tab .border-box .pic img{ width:120px; height:80px; border:1px solid #000000;}
				.i-tab .border-box div{ padding-top:1px; clear:both}
				.i-tab .border-box div a{color:#3a5278}
				.i-tab .border-box div a:hover{ text-decoration:underline}
				.i-tab h2{ width:300px; background:none}
				.i-tab h2 a{ background-position:1000px 1000px; width:91px; color:#356e05}
				.i-tab h2 a:hover{color:#356e05}
				.i-tab h2 .hover{ background-position:-159px -478px;}
	.inner .inner-r{ float:right; width:226px;}
		.inner .inner-r .sub-inner li{ padding:10px 0}
		.edit-commend .border-box{ height:197px}
		.edit-commend .border-box ul{ padding-top:5px}
		.edit-commend .border-box li{ line-height:22px}
/*------------ foot-box -------------*/
.foot-box{  height:165px; border-top:1px solid #c3c3c3; overflow:hidden;}		
	.foot-box .i-foot{ width:960px; margin:0 auto}
	.foot-box h1{ padding-top:16px;}
	.foot-box h1,.foot-box h1 a{ float:left; width:169px; height:78px; display:block; margin-left:30px}
	.foot-box .inknet{ margin-left:30px}
	.foot-box .inknet a{ background:url(../images/footinknetlogo.jpg) no-repeat; text-indent:-10000px}
	.foot-box .bbs a{ background:url(../images/footbbslogo.jpg) no-repeat; text-indent:-10000px}
	.foot-box .about-box{ float:right; width:500px; padding-top:26px}
	.foot-box .about-box dl{  float:left; border-left:1px solid #333; padding-left:20px}
	.foot-box .about-box dl dt{ font-size:14px; font-weight:bolder; color:#333333; line-height:30px}
	.foot-box .about-box dl dd{ float:left; width:19%}
	.foot-box .about-box dl dd a{ color:#676767}
	.foot-box .about-box dl dd a:hover{ text-decoration:underline}
	.foot-box span{ text-align:center; display:block}
	
/*---------- #menu -----------*/
#menu ul{line-height:150%;}
#menu-out{width:956px;padding-left:4px;	background:url(../images/menu_left.gif) no-repeat left top;}
#menu-in{background:url(../images/menu_right.gif) no-repeat right top;padding-right:4px;}
#menu{background:url(../images/menu_bg.gif) repeat-x;height:73px;}
#menu .menu-nav-g{background:url(../images/menu_nav_guang.gif) no-repeat; position:absolute; right:-4px; top:0; width:112px; height:73px; }
.menu-line{background:url(../images/menu_line.gif) no-repeat center top;width:8px;}
#nav{padding-left:20px;}
#nav li{float:left;height:35px;}
#nav li a{float:left;display:block;padding-left:6px;height:35px;background:url(../images/menu_on_left.gif) no-repeat left top;
cursor:pointer;text-decoration:none;}
#nav li a span{	float:left;	padding:11px 14px 10px 10px;line-height:14px;background:url(../images/menu_on_right.gif) no-repeat right top;font-size:14px;font-weight:bold;color:#FFFFFF;text-decoration:none;}
/*鼠标经过时变换背景，方便JS获取样式*/
#nav li .nav-on,#nav li a:hover{background-position:left 100%;}
 /*鼠标经过时变换背景，方便JS获取样式*/
#nav li .nav-on span,#nav li a:hover span{background-position:right 100%;color:#307a95;text-decoration:none;padding:14px 14px 7px 10px;}

/*----------- search-box ----------*/
.search-box{ clear:both; height:20px;  position:relative; top:8px}
	.search-box b{ color:#676767}
	.search-box form{ float:left; margin-left:10px}
	.search-box form input,.search-box form select{ vertical-align:middle}
	.search-box form input{ height:18px; border:1px solid #b6b6b6; width:260px; line-height:18px}
	.search-box form .search-btn{ width:49px; height:20px; background:url(../images/indx_09_new_sprite.gif) -250px -601px no-repeat; border:0; color:#ad6005}
	.search-box .keyword{ float:left; margin-left:20px; position:relative; height:20px; line-height:24px}
	.search-box .keyword a{ text-decoration:underline}
/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} */
