/* CSS Document by xting.com.cn */
*{ padding:0; margin:0;}
body{ font-size:12px; font-family:"宋体", Arial; background:url(imagesbg.jpg) no-repeat center top #fff; color:#494949;}
ul,li{ list-style:none;}
img{ vertical-align:top; border:0;}
a{ font-size:12px; color:#0B5D97; text-decoration:none;}
a:hover{ color:#f60;}
h3{ font-size:14px; font-weight:bold; color:#494949; padding:45px 0 0 80px; width:130px; float:left;}
#head{
	width: 960px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;}
#head_comm{
	width: 960px;
	height: 260px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;}
.top{ width:960px; height:83px;}
.logo{ width:279px; height:50px; float:left; margin:10px 0 0 9px;}

.search{
	width: 200px;
	height: 37px;
	float: right;
	background: url(imagessearbg.png) no-repeat left 10px;
	position: relative;
	margin-top: 20px;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 11px;
	margin-right: 20px;}
.seartxt{
	width: 152px;
	height: 18px;
	float: left;
	margin-top: 4px;
	color: #39F;
	background-color: #FFF;
	background-image: none;}
.searbtn{ width:26px; height:26px; float:left; border:none; background:none; cursor:pointer;}

#nav{ width:960px; height:43px; font-weight:bold; background:url(imagesnav_bg.jpg) repeat-x; position:relative; z-index:10;}
.nav_lft{ width:5px; height:43px; background:url(imagesnav_lft.jpg); float:left;}
#nav ul{ width:950px; height:43px; line-height:43px; float:left;}
#nav a{ display:block !important;}
#nav ul li{
	float: left;
	list-style: none;
	position: relative;
	width: 94px;
	background: url(imagesnav_line.jpg) no-repeat top left;}
#nav ul li.nobg{ background:none;}
#nav ul li a{ font-size:14px; text-align:center;}
#nav ul li a:hover{  background:url(imagesnav_hover.jpg) no-repeat center; color:#fff;}
#nav ul li a.selt{
	width: 94px;
	background: url(imagesnav_hover.jpg) no-repeat center;
	color: #fff;}
#nav ul ul a:hover { color:#f60;}
#nav ul ul{ visibility:hidden; position:absolute; left:0px; top:43px;height:30px;}
#nav ul li:hover ul.second, #nav ul a:hover ul.second { visibility:visible;}
#nav ul ul li{	
	text-align: left;
	border-right: none;
	float: left;
	height: 30px;
	width:auto;}
#nav ul ul li a{
	font-weight: 100;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	background: url(imagesnav_li_ul_bg.jpg) repeat-x;
	padding-left:5px;
	padding-right:5px;
	width:auto;}
#nav ul ul li a:hover{ color:#f60; background:#fff;}
#nav .third{ top:0px; left:100px; width:115px;}
#nav ul ul li:hover ul.third, #nav ul ul a:hover ul.third { visibility:visible;}
#nav ul ul ul.third{visibility:hidden; position:absolute; left:0px; top:30px;height:30px;}
#nav ul ul ul.third li{ text-align:left; border-right:none; float:left; width:85px; height:30px;}
#nav ul ul ul.third li a{ font-weight:100; color:#333; height:30px; line-height:30px; font-size:12px; background:url(imagesnav_li_ul_bg.jpg) repeat-x;}
#nav ul ul ul.third li a:hover{ color:#f60; background:#fff;}
#nav ul ul ul li a{ width:110px;}
#nav table{ border-collapse:collapse;}
.nav_rgt{ width:5px; height:43px; background:url(imagesnav_rgt.jpg); float:right;}
/*#nav ul{ width:950px; height:43px; line-height:43px; float:left;}
#nav ul li{ width:118px; float:left; text-align:center; background:url(imagesnav_line.jpg) no-repeat top left;}
#nav ul li.nobg{ background:none;}
#nav ul li a{ display:block; font-size:14px;}
#nav ul li a:hover{ background:url(imagesnav_hover.jpg) no-repeat center; color:#fff;}
#nav ul li a.selt{ background:url(imagesnav_hover.jpg) no-repeat center; color:#fff;}*/

#banner{ width:960px; height:260px; margin:6px auto; position:absolute; z-index:1;}
#cent{ width:960px; margin:0 auto; overflow:hidden;}
#left{ width:270px; float:left;}
.news{
	width: 270px;
	background: url(imagesnews_bg.jpg) left top no-repeat;}
.news_tit{ width:270px; height:75px;}
.news_tit h3{ padding-left:80px;}
.more{ float:right; width:60px; padding-top:50px;}
.news ul li{ width:220px; margin:8px auto; background:url(imagesli_line_bg.jpg) left bottom repeat-x; line-height:23px;}
.news ul li a{ background:url(imagesli_icon.jpg) no-repeat left center; padding-left:15px;}
.aboutme{ width:250px; height:300px; background:url(imagesaboutme_bg.jpg) no-repeat; padding-top:50px; padding-left:10px; line-height:18px;}
.contact{ width:270px; height:280px; background:url(imagescontact_bg.jpg) no-repeat; padding-top:50px; padding-left:10px;}
/*.contact p{ font-family:Arial, Helvetica, sans-serif; padding:0 16px; line-height:25px;}*/
#right{
	width: 671px;
	float: right;
	background-color: #F2F7FB;}
.about{ width:671px; height:250px;}
.about_tit{ width:671px; height:62px; background:url(imagesabout_tit.jpg) no-repeat;}
.about_tit h3{ padding-top:35px;}
.about_tit .more{ padding-top:45px;}
.about_cont{ width:651px; height:170px; background:url(imagesabout_bg.jpg) repeat-x; text-align:justify; padding:5px 10px 0 10px; line-height:23px; text-indent:24px;}

.notice{ width:671px; height:250px;}
.notice_tit{ width:671px; height:62px; background:url(imagesnotice_tit.jpg) no-repeat;}
.notice_tit h3{ padding-top:35px;}
.notice_right { float:right; padding-right:60px;}
.notice_cont{ width:651px; height:165px; background:url(imagesabout_bg.jpg) repeat-x; text-align:justify; padding:5px 10px 0 10px; line-height:23px; text-indent:24px;}

.down{ width:631px; height:40px; margin-top:8px;}
.down_txt{ width:200px; float:left;}
.down_icon{ width:208px; height:41px; float:right;}
.pro{ width:671px; height:250px;}
.pro_tit{ width:671px; height:50px; background:url(imagespro_icon.jpg) no-repeat left center;}
.pro_tit h3{ padding:20px 0 0 60px;}
.pro_tit .more{ padding-top:35px;}
.pro_cont{ width:671px; height:200px; background:url(imagespro_bg.jpg) no-repeat left top;}
.pro_cont ul{ padding:20px 7px 0 7px; height:150px;}
.pro_cont ul li{ background:url(imagespro_img_bg.jpg) center top no-repeat; width:164px; height:122px; float:left;}
.pro_cont ul li img{ margin:5px 12px; width:140px; height:111px;}
.pro_cont ul li a{ display:block; text-align:center; line-height:30px;}
/*common*/
.location{ width:656px; height:44px; background:url(imageslocation.jpg) no-repeat; line-height:50px; overflow:hidden; padding-left:15px;}
.maincontent-inner{}
.layout{width:631px;background:url(imagesabout_bg.jpg) repeat-x; text-align:justify; padding:20px 20px 0 20px; line-height:23px;}
#foot{
	width: 100%;
	background: url(imagesfoot_bg.jpg) repeat-x;}
.foot_all{
	width: 915px;
	height: 70px;
	margin: 0 auto;
	padding-top: 20px;
	color: #fff;
	line-height:20px;}
.foot_lft{
	width: 600px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;}
.foot_logo{ width:395px; float:left; text-align:center; padding-top:10px;}
/*自适应高度*/
#cent:after{ display:block; height:0; clear:both; visibility:hidden;}
#cent{display:inline-block;}
/*\*/
#cent{display:block;}
/* end easy clearing */
/*\*/
#left, #right{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#left, #right{padding-bottom: 0 !important; margin-bottom:0 !important;}
#left:before, #right:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}