@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 {width:176px;margin:0;padding:0 0 10px;}

			#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 0 0;padding:0 0 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;color:#626262;}
		   
		    /*left*/
		    #content .box .txt{float:left;width:450px;padding:0 25px 10px 45px;margin:0 0 10px;}
		    #content .box .txt p{float:left;width:450px;line-height:22px;margin-bottom:30px;color:#626262;}


			/*page*/
			#content .box .page{float:left;width:746px;height:22px;padding:4px 10px 4px 0;margin:25px 0 0; color:#888888;border:1px solid #e7e7e7;background:#f6f6f6;text-align:right;}
			#content .box .page img{margin:5px 2px 0; border:none;}
			#content .box .page select{width:40px;height:22px;}
			#content .box .page a{color:#888888;text-decoration:none;}
			#content .box .page a:hover{text-decoration:underline;color:#328328;}
				
		    /*right*/
			#content .box .pic{float:right;width:233px;padding:5px 0 10px 0;margin:0 0 10px;}
			#content .box .pic li{float:left;width:233px;margin-bottom:35px;text-align:center;}
			#content .box .pic li img{border:5px solid #e7e7e7;}

		    /*process*/
			#content .box dl {float:left;width:711px;color:#626262;padding:15px 0 5px 0;margin:0 0 22px 45px;*margin:0 0 22px 22px;text-align:left;height:23px;line-height:23px;/*border-bottom:#bababa dotted 1px;*/}
			#content .box .bg {height:550px;background:url(../images/contact.jpg) no-repeat right bottom;}
            #content .box h3 {width:711px;height:22px;line-height:20px;color:#4f4f4f;font-weight:bold;font-size:14px;vertical-align:top;margin:0 0 10px 0;}
			#content .box dl dt {float:left;width:41px;margin:0 10px 0 0;}
			#content .box dl dd {float:left;width:640px;padding:0 0 0 13px;}
			#content .box h4 {float:left;width:640px;color:#4f4f4f;font-weight:bold;margin:15px 0 0;}
			#content .box dl dd a {color:#626262;margin:0 8px 0 0;}
			#content .box dl dd a:hover {text-decoration:underline;color:#328328;}
			#content .box dl dd a.green {color:#328328;margin:0 8px 0 0;}

			#content .box dl dd a.green:hover {text-decoration:underline;color:#626262;}
			#content .box .tips {float:left;width:640px;padding:0 0 0 13px;margin:15px 0 0;}
			#content .box .tips span {color:#ff0000;font-weight:bold;}

		    /*left width=686 box */
		    #content .box .txt2{float:left;width:686px;padding:0 25px 10px 45px;margin:0 0 10px;}
		    #content .box .txt2 p{line-height:180%;margin-bottom:30px;color:#626262;}

		    /* friend links */
			#content .box .links{float:left;width:686px;padding:0 25px 10px 45px;margin:0 0 10px;}
			#content .box .links ul {width:686px;padding:5px 0;}
			#content .box .links ul li{float:left;width:114px;height:25px;margin:0 0 5px 0;list-style-type:disc;}
			#content .box .links ul li a { color:#333333;}
			#content .box .links ul li a:hover { color:#e33804; text-decoration:underline; }
			#content .box .links p {float:left;display:block;width:686px;padding:5px 0;margin:18px 0 0;}
			#content .box .links p span {color:#ff0000;font-weight:bold;}
			#content .box .links p a.green {color:#328328;margin:0 2px;}

		    /* sitemap links */
			#content .box .sitemap{float:left;width:704px;padding:0 25px 10px 27px;margin:0 0 10px;}
			#content .box .sitemap ul {float:left;width:704px;padding:5px 0;}
			#content .box .sitemap ul li{float:left;width:88px;height:25px;margin:0 0 5px 0;list-style-type:disc;}
			#content .box .sitemap ul li a { color:#333333;}
			#content .box .sitemap ul li a:hover { color:#e33804; text-decoration:underline; }

			#content .box .road_info {float:left;width:756px;padding:0 0 0 0;margin:0 0 0 0;}	
			#content .box .road_info p{float:left;width:756px;height:25px;color:#626262;}
			#content .box .road_info p span {color:#ff0000;font-weight:bold;}
			#content .box .road_info .map {float:left;width:756px;margin:0 0 5px;}
			#content .box .road_info .map img {width:512px;padding:3px;border:#eeeeee solid 2px;}
			#content .box .road_info .num {float:left;width:756px;line-height:19px;color:#626262;text-align:left;margin:0 0 10px;}
			#content .box .road_info strong {color:#328328;line-height:25px;}

		    /*culture*/
			.culture {float:left;width:740px;margin:0 0 0 0;padding:15px 0 10px 16px;text-align:left;}
			.culture p{line-height:150%;color:#626262;padding-bottom:20px;}
			.culture span {color:#328328;font-size:13px;font-weight:bold;}


