@charset "utf-8";

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

/*common css*/
@import url("css.css");

#content{ padding:20px 0 0;margin:0 auto;}

    /*flash pic*/
    #content .flash {width:982px;height:200px;text-align:center;margin:0 auto;position:relative;}
	    /*
		.iframe_border {display:none;width:981px; height:254px}
		.iframe_border a img {width: 981px; height: 254px;border:0;}
		#iframe_button {width: 160px;height:254px;right: 10px; position: absolute; top: 5px;z-index:9999;}
		#iframe_button li {overflow: hidden;width: 160px; height: 60px;margin: 1px 0px 0px;padding:0 0 0 0;}
		#iframe_button li img {width:160px; height: 60px;overflow: hidden;cursor:pointer;border:0;}
		*/
			
	div#MainPromotionBanner{width:981px; height:200px;}
		#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
		#MainPromotionBanner .Slides{padding: 0;margin: 0;list-style: none;height:200px;overflow: hidden;}
		#MainPromotionBanner .Slides li {float: left;width:981px;height:200px;}
		#MainPromotionBanner .Slides img{border:0;display: block;width:981px;height:200px;}
		#MainPromotionBanner .SlideTriggers{margin: 0;padding: 0;list-style: none; position: absolute; bottom:8px; right:5px;z-index:10;height:20px;}
		#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #ffffff;text-align: center;line-height:14px;width:14px;height:14px;font-family: Arial;font-size:.9em;cursor: pointer;overflow: hidden; margin:3px 3px 0;background:#328328;border:#ffffff solid 1px;}
		#MainPromotionBanner .SlideTriggers li.Current{ color:#328328;font-weight:bold;background:#ffffff;border:#328328 solid 1px; font-size:1.0em;line-height:14px;height:14px;width:18px;margin:0 3px;padding:3px;}
		
    /*product menu*/
	#content .nav {width:982px;height:50px;text-align:center;margin:0 auto;padding:8px 0 0 0;position:relative;}
			#content .nav ul{float:left;width:982px;height:23px;}
			#content .nav ul li{float:left;width:162px;height:23px;margin:0 2px 0 0;background:url(../images/nav_list.gif) no-repeat;}
			#content .nav ul li a {width:143px;height:21px;padding:2px 0 0 19px;color:#ffffff;display: block;text-align:left;text-decoration: none;}
			#content .nav ul li a:hover {text-decoration: underline;color:#ffffff;font-weight:bold;}
			#content .nav ul li.home{float:left;width:162px;height:23px;margin:0 2px 0 0;background:url(../images/nav_first.gif) no-repeat;}
			#content .nav ul li.home a {width:143px;height:21px;padding:2px 0 0 19px;color:#ffffff;display: block;text-align:left;text-decoration: none;}
			#content .nav ul li.home a:hover {text-decoration: underline;color:#ffffff;font-weight:bold;}	
			#content .nav ul li.last{float:right;width:162px;height:23px;margin:0 0 0 0;background:url(../images/nav_last.gif) no-repeat;}

    /*main comtent*/	
    #content .main {width:982px;text-align:center;margin:0 auto;padding:0 0 10px 0;position:relative;}

			#content .main .media {float:left;width:330px;padding:0 30px 0 11px;margin:0 5px 0 auto;}
					#content .main .media h2{float:left;width:330px;height:14px;background:url(../images/news_title.gif) no-repeat left;}
					#content .main .media h2 a {float:left;width:70px;height:14px;display:block;text-indent:-9999pt;}
                    #content .main .media h2 span{width:45px;float:right;background:url(../images/more.gif) no-repeat left;}
					#content .main .media h2 span a {float:left;width:45px;height:14px;display:block;text-indent:-9999pt;}
					/*list*/
					#content .main .media ul{float:left;width:330px;margin:0 0 0;padding:6px 0 0;}
					#content .main .media ul li{width:311px;height:24px;line-height:20px;overflow:hidden;padding:0 0 0 16px;margin:0 0 0 0;text-align:left;background:url(../images/ico01.gif) no-repeat 5px 8px;}
					#content .main .media ul li a {height:20px;line-height:20px;color:#4d4d4d;overflow:hidden;display: block;text-decoration: none;}
					#content .main .media ul li a:hover {text-decoration: underline;color:#328328;}
     				#content .main .media ul li a img {width:25px;height:20px; line-height:20px; vertical-align:middle;margin:-1px 0 0 3px;}

			#content .main .news {float:left;width:360px;padding:0 20px 0 0;margin:0 5px 0 auto;}
					#content .main .news h2{float:left;width:360px;height:14px;background:url(../images/news_product.gif) no-repeat left;}
					#content .main .news h2 a {float:left;width:70px;height:14px;display:block;text-indent:-9999pt;}
                    #content .main .news h2 span{width:45px;float:right;background:url(../images/more.gif) no-repeat left;}
					#content .main .news h2 span a {float:left;width:45px;height:14px;display:block;text-indent:-9999pt;}

					#content .main .news .topic {float:left;width:360px;height:160px;overflow:hidden;padding:6px 0 0;}
						#content .main .news .topic dl {float:left;width:360px;display:block;}
						#content .main .news .topic dt {float:left;width:150px;height:150px;padding:1px;text-align:center;}
						#content .main .news .topic dt img {width:150px;height:150px;overflow:hidden;}
						#content .main .news .topic dt a {display:block;width:150px;height:150px;border:#cccccc solid 1px;padding:0;}
						#content .main .news .topic dt a:hover {width:150px;height:150px;border:#328328 solid 1px;padding:0;}
						#content .main .news .topic dd {float:right;width:195px;height:150px;overflow:hidden;margin:0 0 0;padding:0 0 0;}
						#content .main .news .topic dd h3 a {float:left;width:195px;margin-bottom:2px;line-height:20px;text-align:left;color:#328328;font-weight:bold;text-decoration:underline;}
						#content .main .news .topic dd h3 a:hover {color:#4d4d4d;text-decoration:none;}
						#content .main .news .topic dd p {float:left;width:195px;line-height:18px;color:#4d4d4d;text-align:left;table-layout:fixed;word-wrap:break-word;word-break:break-all;}
						
					/*news list*/
					#content .main .news ul{float:left;width:360px;padding:3px 0 0;}
					#content .main .news ul li{float:left;width:347px;height:20px;line-height:20px;overflow:hidden;padding:2px 0 2px 13px;text-align:left;background:url(../images/ico02.gif) no-repeat left 8px;}
					#content .main .news ul li a {width:347px;height:20px;line-height:20px;color:#4d4d4d;overflow:hidden;display: block;text-decoration: none;}
					#content .main .news ul li a:hover {text-decoration: underline;color:#328328;}
					#content .main .news ul li a span {float:left;margin-right:3px;color:#328328;font-size:12px;font-weight:normal;text-align:justify;text-justify:distribute-all-lines;cursor:pointer;}
					#content .main .news ul li a:hover span {text-decoration: underline;color:#328328;}
			
			#content .main .adsense {float:right;width:201px;padding:0 0 0 11px;margin:0 auto;}
					/*adsense list*/
					#content .main .adsense ul{float:left;width:201px;margin:0;}
					#content .main .adsense ul li{float:left;width:201px;height:71px;list-style:none;margin:0 0 2px 0;}
					#content .main .adsense li a img {width:201px;height:71px;overflow:hidden;border:none;}
					#content .main .adsense ul li.contact{float:left;width:201px;height:160px;list-style:none;margin:0 0 5px 0;}
					#content .main .adsense ul li.contact a img{float:left;width:201px;height:160px;overflow:hidden;border:none;}