@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 style*/
@import url("css.css");

#banner{ padding:20px 0 0;margin:0 auto;}
#banner img,#banner a img {width:982px;overflow: hidden;border:0;}

#content{}
.layout{ float:left; width:982px; margin:8px 0;background:url(../images/side_bg.gif) repeat-y left;}

    /*left main content*/
	#content .side {float:left;width:176px;}

			#content .side h2{float:left;width:124px;height:36px;padding:6px 0 0 52px;text-align:left;font-size:14px;font-weight:bold;color:#fcfcfc;background:url(../images/side_title.gif) no-repeat bottom;}

			#content .side ul{float:left;width:176px;margin:0;padding:0;background:#edeeee}
			#content .side ul li{float:left;width:176px;height:25px;margin:0 0 3px 0;background:url(../images/side_nav_bg.gif) no-repeat;}
			#content .side ul li a {width:124px;height:22px;padding:3px 0 0 52px;color:#4f4f4f;display: block;text-align:left;text-decoration: none;}
			#content .side ul li a:hover {text-decoration:underline;color:#328328;font-weight:bold;}

			#content .side .info {float:left;width:160px;height:205px;margin:50px 0 20px 8px;*margin:50px 0 20px 8px !important;*margin:40px 0 20px 4px;padding:15px 0;background:#edeeee url(../images/side_info_bg.gif) no-repeat;}
			#content .side .info p{width:158px;line-height:20px;padding:0 0 0 2px;text-align:left;color:#626262;}
			#content .side .info p strong{display:block;width:158px;height:40px;line-height:18px;margin:0;text-align:left;color:#2f2f2f;}
			#content .side .info span{text-decoration:underline;color:#328328;}

            /*
			#content .side .info h3{float:left;width:148px;height:36px;padding:6px 0 0 12px;text-align:left;font-size:14px;color:#2f2f2f;}
			#content .side .info ul{float:left;width:160px;margin:0 0 0;padding:0 0 0;}
			#content .side .info ul li{float:left;width:160px;height:25px;margin:0 0 3px 0;}
			#content .side .info ul li a {width:148px;height:22px;padding:3px 0 0 12px;color:#666464;display: block;text-align:left;text-decoration: none;}
			#content .side .info ul li a:hover {color:#d81d13;}			
			#content .side .footer{float:left;left: 0px; position: absolute; bottom:0px;width:176px;height:7px;padding:0 0 0 0;}
            */

    /*right main content*/	 
    #content .main {width:766px;margin:0;padding:0 5px 0 0;}

            #content .position {width:766px;height:20px;color:#7f7f7f;text-align:right;margin:0 auto;padding:19px 0 0 0;border-bottom:#9BDF70 solid 1px;position:relative;}
            #content .position b {float:left;width:266px;color:#7f7f7f;font-size:14px;text-align:left;}
            #content .position a {height:20px;color:#7f7f7f;margin:0 2px 0 0;padding:0 12px 0 0;background:url(../images/ico05.gif) no-repeat right 2px;}
            #content .position a:hover {text-decoration:underline;color:#328328;}
	
            #content .title {width:740px;height:34px;line-height:20px;color:#328328;font-weight:bold;vertical-align:top;margin:22px 0 0 0;padding:0 0 0 27px;;background:url(../images/main_about_h2.gif) no-repeat left 1px;}
			
		   /*box*/
		   #content .box {float:left;width:756px;padding:0 0 0 10px;}
		   
		   /*left*/
		   #content .box .left{float:left;width:455px;padding:0 20px 10px 45px;margin:0 0 10px;}

		   #content .box .topic {float:left;width:455px;padding:0 0 10px;margin:0 0 10px;border-bottom:#dcdcdc solid 1px;}
		   #content .box .topic .l{float:left;width:132px;height:92px;padding:3px;margin:2px 2px 0;overflow:hidden;background:url(../images/topic_news_bg.gif) no-repeat;}
		   #content .box .topic .l a {float:left;width:132px;height:92px;overflow:hidden;}
		   #content .box .topic .l a img{width:132px;}
		   #content .box .topic .r{float:right;width:305px;height:98px;overflow:hidden;margin:2px 0 0;}
		   #content .box .topic .r h3 {float:left;width:305px;line-height:22px;border:none;}
		   #content .box .topic .r h3 a {float:left;color:#328328;font-weight:bold;font-size:13px;text-align:left;}
		   #content .box .topic .r h3 a:hover {text-decoration:underline;color:#4f4f4f;}
		   #content .box .topic .r p {float:left;width:305px;color:#999999;}
		   #content .box .topic .r p a {float:right;display:block;color:#328328;text-decoration:underline;}
		   #content .box .topic .r p a:hover {text-decoration:underline;color:#4f4f4f;}

		   #content .box ul.newslist {float:left;width:455px;}
		   #content .box ul.newslist li{float:left;width:435px;height:21px;line-height:20px;border-bottom:#bbbbbb dotted 1px;padding:1px 0 1px 15px;margin:0 0 4px;background:url(../images/ico07.gif) no-repeat 0 7px;}
		   #content .box ul.newslist li a {width:435px;height:20px;line-height:20px;overflow:hidden;color:#666666;display: block;text-decoration: none;}
		   #content .box ul.newslist li a span { display:block;width:70px;color:#666666;float:right;font-size:11px;text-align:right;cursor:pointer;margin-top:-1px;}
		   #content .box ul.newslist li a:hover { text-decoration:underline;color:#328328;}
		   #content .box ul.newslist li a:hover span {text-decoration:underline;color:#328328;cursor:pointer;}

		    /*page*/
			#content .box .page{float:left;width:450px;height:22px;line-height:22px;padding:5px 5px 20px 0;margin:25px 0 0; color:#888888;border-top:1px solid #e7e7e7;text-align:right;}
			#content .box .page img{line-height:22px;margin:5px 2px 0; border:none;}
			#content .box .page select{width:40px;height:22px;border:1px solid #e7e7e7;background:#ffffff;}
			#content .box .page a{color:#888888;text-decoration:none;margin:0 2px 0;}
				
		   /*right*/
			#content .box .flash{float:right;width:228px;height:166px;padding:43px 0 0 0;margin:5px 0 0 5px;background:url(../images/news_tuijian.gif) no-repeat;border-bottom:1px solid #e2e2e2;}
			div#MainPromotionBanner{width:152px;height:152px;margin:0 0 0 36px;}
			#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
			#MainPromotionBanner .Slides{margin: 0;list-style: none;width:150px;height:150px;border:#dcdcdc solid 1px;overflow:hidden;text-align:center;}
			#MainPromotionBanner .Slides li {float: left;width:150px;height: 150px;}
			#MainPromotionBanner .Slides img{border:0;display: block;width: 150px;height: 150px;}
			#MainPromotionBanner .SlideTriggers{margin: 0;padding: 0;list-style: none; position: absolute; bottom: 1px; right: 1px;z-index: 10;height: 14px;}
			#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #ffffff;text-align: center;line-height:14px;width: 17px;height: 14px;font-family: Arial;font-size: .9em;cursor: pointer;overflow: hidden; margin:0 1px;background: url(../images/slide_trigger.gif) no-repeat center center;}
			#MainPromotionBanner .SlideTriggers li.Current{ color:#ffffff; background: url(../images/slide_trigger_c.gif) no-repeat center center;border:0; font-size: 0.9em;line-height: 14px;height: 14px;width: 17px;margin:0 1px; }
			
			#content .box .othernews{float:right;width:226px;padding:43px 0 20px 0;margin:5px 0 0 5px;background:#ffffff url(../images/news_link.jpg) no-repeat;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
			#content .box .othernews ul {float:left;width:220px;padding:0 0 0 6px;}
			#content .box .othernews ul li{float:left;width:200px;height:21px;overflow:hidden;line-height:20px;border-bottom:#bbbbbb dotted 1px;padding:1px 0 1px 13px;margin:0 0 4px;background:url(../images/ico08.gif) no-repeat 2px 9px;}
			#content .box .othernews ul li a {color:#666666;display: block;text-decoration: none;}
			#content .box .othernews ul li a:hover {text-decoration:underline;color:#328328;}
		
		   /*left comtent*/
		   #content .box .left{float:left;width:455px;padding:0 20px 10px 45px;margin:0 0 10px;}
           #content .box .left h3 {float:left;width:455px;line-height:150%;color:#328328;font-weight:bold;font-size:16px;vertical-align:top;text-align:center;margin:2px 0 5px 0;padding:0 0 5px 0;border-bottom:#f6f6f6 solid 1px;}
           #content .box .left h4 {float:left;width:455px;line-height:20px;color:#a6a6a6;text-align:center;margin:0 0 15px 0;}

		   #content .box .txt{float:left;width:455px;overflow:hidden;}
		   #content .box .txt p{float:left;width:455px;line-height:22px;margin-bottom:20px;color:#626262;}

		   /*left tools*/
		   #content .box .ftool {float:left;width:455px;color:#999999;margin:5px 0 5px 0;padding:5px 0 5px 0;border-top:#f6f6f6 solid 1px;}
		   #content .box .ftool .links {float:left;width:455px;color:#999999;}
		   #content .box .ftool .links a {color:#328328;text-decoration: underline;}
		   #content .box .ftool .links a:hover { color:#4f4f4f;text-decoration:none;}
		   #content .box .ftool .tools {float:left;width:455px;text-align:right;margin:25px 0 5px 0;}