@charset "gb2312";
/* CSS Document */
/************************************************
Author: ����� abelchu@Gmail.com
Development by: Chinasky.net
My website: http://www.qitag.net/
Last updated: 2008/9/23
************************************************/

/*Ƕ��������ʽ*/
@import url("css.css");

#banner{ height:300px;overflow:hidden;background:url(../images/index_bg.gif) repeat-x left bottom;}

#content{ width:910px;padding:22px 0 15px;margin:0 auto;}

#content .left{ float:left;width:695px;padding:0;margin:0;}
	#content .left .news{ float:left;width:313px;overflow:hidden;}
	#content .left .news h2{ float:left;width:288px;height:26px;padding:2px 0 6px 25px;background:url(../images/index_news_title.gif) no-repeat left top;}
	#content .left .news h2 a{display:block;float:left;width:60px;height:26px;line-height:26px;text-indent:-9999pt;}
	#content .left .news .topic { float:left;width:266px;height:130px;padding:9px 0 9px 20px;}
	#content .left .news .topic .img{ float:left;width:68px;height:57px;padding:4px;overflow:hidden;background:url(../images/index_news_topic_img_bg.gif) no-repeat left top;}
	#content .left .news .topic .img img{ width:68px;}
	#content .left .news .topic .txt{ float:right;width:215px;height:57px;padding:4px 0;overflow:hidden;}
	#content .left .news .topic .txt h3{ float:left;width:215px;height:20px;line-height:20px;overflow:hidden;}
	#content .left .news .topic .txt h3 a {color:#656b6f;font-weight:bold;text-decoration:none;}
	#content .left .news .topic .txt h3 a:hover {color:#cc0000;text-decoration:underline;}
	#content .left .news .topic .txt p{ float:left;width:215px;height:37px;line-height:18px;color:#656b6f;overflow:hidden;}
	/*list*/
	#content .left .news ul{float:left;width:279px;height:150px;padding:3px 23px 0 11px;clear:both;}
	#content .left .news ul li{float:left;width:269px;padding-left:10px;background:url(../images/ico02.gif) no-repeat 0 8px;margin:0 0 2px;}
	#content .left .news li a {float:left;width:269px;line-height:15px;color:#656b6f;display:block;text-decoration:none;}
	#content .left .news li a:hover {color:#cc0000;text-decoration:underline;}
	#content .left .news ul li span{display:block;font-size:11px;color:#515151;font-weight:bold;}
	#content .left .news .more{float:left;width:269px;padding:0 23px 0 21px;clear:both;}
	#content .left .news .more a {color:#656b6f;font-weight:bold;text-decoration:none;}
	#content .left .news .more a:hover {color:#cc0000;text-decoration:underline;}


	#content .left .project{ float:right;width:351px;height:300px;padding:11px;background:url(../images/index_p_bg.gif) no-repeat left top;}
	#content .left .project h2{ float:left;width:335px;height:20px;padding:0 0 6px 16px;}
	#content .left .project h2 a{display:block;float:left;width:60px;height:20px;line-height:20px;text-indent:-9999pt;}
	
	#content .left .project .topic { float:left;width:351px;height:123px;padding-bottom:18px;margin-bottom:18px;border-bottom:#dfdfdf solid 1px;}
	#content .left .project .topic .img{ float:left;width:139px;height:112px;padding:4px 7px 7px 4px;overflow:hidden;background:url(../images/index_p_topic_img_bg.gif) no-repeat left top;}
	#content .left .project .topic .img img{ width:139px;}
	#content .left .project .topic .txt{ float:right;width:191px;height:112px;padding:4px 0 7px;overflow:hidden;}
	#content .left .project .topic .txt h3{ float:left;width:171px;height:27px;line-height:27px;padding:0 10px;overflow:hidden;background:url(../images/index_p_topic_title_bg.gif) no-repeat left top;}
	#content .left .project .topic .txt h3 a {color:#656b6f;font-weight:bold;text-decoration:none;}
	#content .left .project .topic .txt h3 a:hover {color:#cc0000;text-decoration:underline;}
	#content .left .project .topic .txt p{ float:left;width:185px;height:72px;line-height:18px;padding:0 3px;color:#656b6f;overflow:hidden;}	
	#content .left .project .topic .txt p.more{ float:left;width:191px;height:20px;line-height:20px;overflow:hidden;}	
	#content .left .project .topic .txt p.more a{ color:#656b6f;font-weight:bold;text-decoration:underline;}	
	#content .left .project .topic .txt p.more a:hover {color:#cc0000;text-decoration:none;}
	
	#content .left .project .pcont { float:left;width:347px;height:95px;padding:0 2px;}
	.pic2{width:347px;height:93px;padding:0;overflow:hidden;}
	.pic2 table td{width:81px;height:93px;padding:0 5px;}
	.pic2 table td img {display:block;width:77px;height:67px;padding:2px;text-align:center;text-decoration:none;border:0;background:url(../images/index_p_img_bg.gif) no-repeat left top;}
	.pic2 table td span {display:block;width:77px;height:20px;padding-top:2px;overflow:hidden;line-height:20px;text-align:center;}
	.pic2 table td span a {height:20px;overflow:hidden;line-height:20px;padding-left:5px;color:#656b6f;text-decoration:underline;background:url(../images/ico03.gif) no-repeat left 45%;}
	.pic2 table td span a :hover {color:#cc0000;text-decoration:none;}

#content .about{ float:right;width:188px;height:304px;padding:9px;background:url(../images/index_about_bg.gif) no-repeat left top;}
	#content .about h2{ float:left;width:176px;height:20px;padding:0 0 6px 12px;}
	#content .about h2 a{display:block;float:left;width:60px;height:20px;line-height:20px;text-indent:-9999pt;}
	
	#content .about .topic { float:left;width:171px;height:118px;padding:7px 8px;margin-bottom:10px;text-align:center;background:url(../images/about_img_bg.gif) no-repeat left top;}
	#content .about .topic .img{ float:left;width:170px;height:40px;overflow:hidden;}
	#content .about .topic .txt{ float:left;width:170px;height:36px;line-height:18px;padding:5px 0 0;color:#0066ad;overflow:hidden;text-align:left;}	
	#content .about .topic p{ float:left;width:170px;height:22px;line-height:22px;padding:10px 0 0;color:#0066ad;overflow:hidden;}	
	#content .about .topic p a.job{padding-left:13px;color:#0066ad;font-weight:bold;text-decoration:underline;background:url(../images/ico05.gif) no-repeat left 45%;}	
	#content .about .topic p a.culture{padding-left:13px;color:#0066ad;font-weight:bold;text-decoration:underline;background:url(../images/ico06.gif) no-repeat left 45%;}	
	#content .about .topic p a:hover {color:#cc0000;text-decoration:none;}
 
	#content .about .contact { float:left;width:188px;height:60px;padding:0;margin-bottom:10px;text-align:center;}

	#content .about dl { float:left;width:171px;height:85px;padding:0 8px;}
	#content .about dl dd { float:left;width:156px;padding-left:15px;background:url(../images/ico04.gif) no-repeat left 3px;}
	#content .about dl dd a {line-height:20px;color:#ffffff;font-weight:bold;text-decoration:none;}
	#content .about dl dd a:hover {color:#cc0000;font-weight:bold;text-decoration:underline;}
	#content .about dl dd span{ float:left;display:block;color:#ffffff;font-size:18px;font-family:Arial;}

	
#slide2{position:relative; overflow:hidden;}
#content .left .news .show-img li{overflow:hidden;position:absolute; float:none;width:268px;margin:0;padding:0;background:none; height:131px;}
#content .left .news ul.show-number{position:absolute;bottom:11px;right:2px;height:18px;overflow:hidden;z-index:99; float:none; padding:0; width:auto;}
#content .left .news ul.show-number li{height:18px;color:#fff;padding:0 8px;cursor:pointer;float:left;margin:0 2px;display:inline;font-weight:bold;font-family:"arial";background:rgba(0,0,0,0.5);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#50000000,endColorstr=#50000000)"; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#50000000, endColorstr=#50000000); width:auto;}
#content .left .news ul.show-number li.current{background:rgba(217,138,45,0.5);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#50d78927,endColorstr=#50d78927)"; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#50d78927, endColorstr=#50d78927);}
#content .left .news ul.show-img{ float:none; height:auto; width:auto;padding:0;}