/* CSS Document */
/************************************************
Author: 朱启标 abelchu@Gmail.com
Development by: Chinasky.net
My website: http://www.qitag.net/
            http://www.coolxoo.com/
			http://www.zhuamei.com/
			http://www.egougou.com/
Last updated: 2009/04/08
************************************************/


/************************************************
*	default style					*
************************************************/

*{ margin:0; padding:0; list-style:none;}

select, input, textarea{ 
	color:#575757; 
	background:inherit;
	font:12px/1.8em Arial,Verdana,Tahoma,sans-serif;
}

div, form, img, ul, ol, li, dl, dt, dd{ 
	margin:0; 
	padding:0;
}

a img, img { border:0;}
a{text-decoration:none; color:#3f3f3f;outline: none;}
a:hover{color:#e60012; text-decoration: underline;}
a:focus{-moz-outline-style:none;}

h1, h2, h3, h4, h5, h6{ 
	margin:0; 
	padding:0; 
	font:12px/1.8em Arial,Verdana,Tahoma,sans-serif;
}

table{ border-collapse:collapse;}

body { 
	margin:0 auto;
	background:#ffffff;
	font:12px/1.6em Arial,Verdana,Tahoma,sans-serif;
	text-align:justify;
	text-justify:inter-ideograph;
}


/************************************************
*	form style									*
************************************************/
input, textarea, select{ padding:1px;}
.submit,
.submit input{ cursor:pointer;}


/************************************************
*		clearfix style							*
************************************************/
.clear{ clear:both;}
br.clear {visibility:hidden;height:0;overflow:hidden;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}

/************************************************
*	class style									*
************************************************/
.boxer{ margin-left:auto; margin-right:auto; width:980px;}
.floatL{ float:left;}
.floatR{ float:right;}


/************************************************
*	wrapper style							    *
************************************************/
.bg_left {background:url(../images/bg_left.gif) no-repeat top left;}
.bg_right {background:url(../images/bg_right.gif) no-repeat top right;}
#wrapper {background:url(../images/defautl_bg.gif) repeat-x top center;}



/************************************************
*	header style								*
************************************************/
#header{height:75px;}

    #logo{padding:18px 0 0 3px;float:left;width:138px;height:47px;overflow:hidden;text-align:center;}
         #logo h1 {float: left; width: 141px; height: 51px;text-indent: -10000pt;background: url(../images/logo.gif) no-repeat;}
		/*
		#logo h1 {text-indent: -10000pt;}
		#logo h1 a {padding: 0px;background: url(../images/logo.gif) no-repeat; float: left; margin: 0px; width: 138px; height: 47px;}
		#logo h1 a:hover {background: url(../images/logo.gif) no-repeat;float: left; text-decoration: none}
        */

	#header .topnav{float:right;width:390px;padding:28px 0 0;position:relative;}
	    #header .topnav .mycart{width:203px;color:#e60012;position:absolute;left:0px;top:5px;}
		#header .topnav ul{width:203px;margin-right:182px;padding-top:3px;}
		#header .topnav li{float:left;width:60px;height:20px;line-height:18px;background:url(../images/ico01.gif) no-repeat left 43%;padding-left:7px;}
		#header .topnav li a{display:block;float:left;color:#057cbc;text-decoration:none;}
		#header .topnav li a:hover{color:#e60012;text-decoration:underline;}

		#header .topnav .tel{float:right;width:182px;height:49px;border:none;position:absolute;right:5px;top:28px;}
        /*
		#header .topnav a.tel{float:right;width:182px;height:39px;border:none;position:absolute;right:0px;top:28px;}
		*/



/************************************************
*	footer style								*
************************************************/
#footer{height:60px;background:#FaFaFa;}

	#footer .foot .foot_menu{ float:right;width:420px;height:24px;padding:16px 30px 0 0;color:#959595;text-align:right;}
		#footer .foot .foot_menu a{ color:#959595;text-decoration:none;margin:0 2px;}
		#footer .foot .foot_menu a:hover{ color:#e60012;text-decoration:underline;}


	#footer .foot .copyright{ float:left;width:300px;height:43px;background:url(../images/default_flogo2.gif) no-repeat 20px 10px;;padding:10px 0 0 161px;color:#959595; }
		#footer .foot .copyright a{ color:#959595; font-weight:bold; text-decoration:none;}
		#footer .foot .copyright a:hover{ color:#e60012;text-decoration:underline;}



/************************************************
*	content style								*
************************************************/
#content {}

#content .flash{float:left;width:972px;height:362px;padding:2px 5px 5px 3px;overflow:hidden;text-align:center; background: url(../images/default_topic_bg1.gif) no-repeat center center;}
		div#MainPromotionBanner{width:972px;height:362px;}
		#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
		#MainPromotionBanner .Slides{padding: 0;margin: 0;list-style: none;height: 362px;overflow: hidden;}
		#MainPromotionBanner .Slides li {float: left;width: 972px;height: 362px;}
		#MainPromotionBanner .Slides img{border:0;display: block;width: 972px;height: 362px;}
		#MainPromotionBanner .SlideTriggers{margin: 0;padding: 0;list-style: none; position: absolute; bottom: 6px; right: 6px;z-index: 10;width: 13px;}
		#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #ffffff;text-align: center;width: 13px;height: 13px;line-height:13px;font-family: Arial;font-size: .9em;cursor: pointer;overflow: hidden; margin:2px 0 0;background: url(../images/slide_trigger.gif) no-repeat center center;}
		#MainPromotionBanner .SlideTriggers li.Current{ color:#406477; background: url(../images/slide_trigger_c.gif) no-repeat center center;border:0; font-size: 0.9em;width: 13px;height: 13px;line-height: 13px;margin:2px 0 0; }

#content .box{float:left;width:980px;padding:15px 0;}

	#content .box .products {float:left; width:271px; padding-left:30px;}
			#content .box .products a {width:263px;height:104px;padding:4px;overflow:hidden;background:#eeeeee;display: block;}
			#content .box .products a img{width:263px;border:0;}
		

	#content .box .news {float:left; width:290px; padding-left:30px;}
            #content .box .news h2{float:left;width:288px;height:20px;line-height:20px;overflow:hidden;border:#e9e9e9 solid 1px;background:url(../images/default_title_bg.gif) repeat-x;}
            #content .box .news h2 span{color:#e60012;font-weight:bold;padding-left:23px;height:20px;background:url(../images/default_ico01.gif) no-repeat 6px 1px;}
		    #content .box .news h2 a{float:right;width:38px;height:11px;margin:-15px 0 0 0;text-indent:-9999pt;background:url(../images/default_more.gif) no-repeat;}
			/*news list*/
			#content .box .news ul {float:left;width:284px;padding:8px 3px 0;}
			#content .box .news ul li{ float:left;width:276px;height:22px;padding-left:8px;background:url(../images/default_ico02.gif) no-repeat 0 48%;}
			#content .box .news ul li a {display:block;width:276px;height:22px;overflow:hidden; color:#3f3f3f;text-align:left;text-decoration:none;}
			#content .box .news ul li a span { float:right;width:75px;margin:-2px 0 0;color:#3f3f3f;cursor:pointer;}
			#content .box .news ul li a:hover { color:#e60012;text-align:left;}
			#content .box .news ul li a:hover span { color:#e60012;cursor:pointer;}


	#content .box .activity {float:left; width:290px; padding-left:30px;}
            #content .box .activity h2{float:left;width:288px;height:20px;line-height:20px;overflow:hidden;border:#e9e9e9 solid 1px;background:url(../images/default_title_bg.gif) repeat-x;}
            #content .box .activity h2 span{color:#e60012;font-weight:bold;padding-left:23px;height:20px;background:url(../images/default_ico01.gif) no-repeat 6px 1px;}
		    #content .box .activity h2 a{float:right;width:38px;height:11px;margin:-15px 0 0 0;text-indent:-9999pt;background:url(../images/default_more.gif) no-repeat;}
			/*news list*/
			#content .box .activity ul {float:left;width:284px;padding:8px 3px 0;}
			#content .box .activity ul li{ float:left;width:276px;height:22px;padding-left:8px;background:url(../images/default_ico02.gif) no-repeat 0 48%;}
			#content .box .activity ul li a {display:block;width:276px;height:22px;overflow:hidden; color:#3f3f3f;text-align:left;text-decoration:none;}
			#content .box .activity ul li a span { float:right;width:75px;color:#3f3f3f;cursor:pointer;}
			#content .box .activity ul li a:hover { color:#e60012;text-align:left;}
			#content .box .activity ul li a:hover span { color:#e60012;cursor:pointer;}
			
/* update 2009.04.27 */
.font-color1{ color:#ff6600;}