﻿* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; font-size:12px
}
body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background:#fafafa url("../images/index-bg.jpg") center top repeat-x
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
p 
{
	margin: 0px;
}
img
{
	border: 0;
}
ul {
	padding: 0px; margin: 0px;
}
li
{
	list-style-type: none;
}


.head
{
	width: 915px;
	height: 115px;
	float:left;
	margin-left:35px;
	_margin-left:20px;
	position: relative;
}
.logo
{
	height: 52px;
	padding-top:40px;
	float: left;
	
}
.search{width:200px; height:21px; line-height:21px; float:left;border:1px solid #666; margin-top:30px; float:right;position:relative}
.key {width:148px; height: 21px; line-height:21px;color: #999; border:0; position:absolute; top:0px; left:0px; text-align:center}
.click { position:absolute; top:-1px; left:148px; width:53px;height:23px; background:url("../images/click.gif") 0% 50% no-repeat;border:0;}
.home{ width:80px; height:27px; position:absolute; top:87px; right:0px}
.menu{ width:222px; height:328px; float:left; margin-left:22px;_margin-left:12px; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4}
.menu ul{ margin:0px;padding:0px}
.menu li{ text-indent:20px; width:222px; line-height:34px;  background:url("../images/text_03.gif") left top repeat-x}
.menu ul li a{ font-size:14px; font-weight:bold;color:#0060a9;}
.menu ul li a:hover{ color:#FF3300; }

.menu ul li dl{background:#fff;width:220px; padding:0px; margin:0px}
.menu ul li dl dd{ line-height:24px; height:24px; text-indent:40px; border-bottom:#ededed solid 1px; padding:0px; margin:0px; background:url("../images/arrow.jpg") 10% 45% no-repeat}
.menu ul li dl dd a{ font-size:12px; font-weight:normal;}
.menu ul li dl dd a:hover{ font-size:12px; font-weight:normal;}

.bannerbg{ width:694px; height:240px; float:left; background-color:#f5f5f5; margin-left:12px}
.banner
{
	width: 660px;
	height: 200px;
	margin:0px auto;
	margin-top:20px;
	padding-bottom:19px;
	border-bottom:1px solid #999
}
.content{ width:694px; float:left; background: #e9e9e9 url("../images/bg.jpg") left top repeat-x; margin-left:12px;}
.contentpro{ width:900px; float:left; background: #fff; margin-left:12px;}

.main{ width:1200px; float:left; position:relative}

.idea{ width:660px; min-height:380px;  margin:10px auto}
.idea h1{ width:150px; height:20px; line-height:20px; font-size:14px; color:#0f75bc; float:left; text-indent:22px; background:url("../images/09.gif") 0% 30% no-repeat}
.ideapro{ width:900px;  margin:10px auto ;}
.ideapro h1{ width:150px; height:20px; line-height:20px; font-size:14px; color:#0f75bc; float:left; text-indent:22px; background:url("../images/09.gif") 0% 30% no-repeat}
.text{ width:660px; height:95px; float:left; margin-top:10px; line-height:22px; overflow:hidden}

.cpyy{ width:660px; height:335px; margin:10px auto}
.cpyy h1{ width:150px; height:20px; line-height:20px; font-size:14px; color:#0f75bc; float:left; text-indent:22px; background:url("../images/09.gif") 0% 30% no-repeat}
.use{ width:690px;_width:720px; float:left; margin-left:-25px;_margin-left:-45px; margin-top:10px;}
.use ul{ margin:0px; padding:0px}
.use li{ float:left; width:204px; height:300px; margin-left:25px; padding-top:15px; background:url("../images/line.jpg") left top no-repeat;}
.pic{ width:204px; height:152px; float:left}
.title{ width:204px; height:20px; float:left; font-size:14px; font-weight: bold; color:#0f75bc; margin-top:15px}
.short{ width:204px; height:40px; float:left; margin:5px 0px; line-height:20px}
.quick { width:200px; height:225px; background:url("../images/right_bg.jpg") left top no-repeat; position:absolute; top:0px;left:962px}
.quick h1{ font-size:14px; color:#666; text-indent:15px; padding-top:10px}
.quick ul{ margin-top:22px}
.quick li{ text-align:center;height:52px}
.warpfoot{ width:100%; height:45px; background:url("../images/foot_bg.jpg") repeat-x; margin:0px auto;overflow:hidden; float:left
}

.foot
{
	width: 690px;
	height:40px;
	margin-left:260px;
	position:relative;
}
.foot a
{
	font-size: 11px;
	color: #eee;
}
.foot a:hover
{
	text-decoration: underline;
	color:#FF3300
}
.foot span
{
	position: absolute;
	top: 15px;
	right: 0px;
	color:#ccc
}
.copy{ position:absolute; top:15px;  left:0px; color:#ccc }


.subtext{ width:660px; float:left; margin-top:10px; line-height:22px; }
.subtext a{  color:#666666}

.subtextpro{ width:900px; float:left; margin-top:10px; line-height:22px; }
.subtextpro a{  color:#666666}

.pro1 img
{
	max-width: 150px;
	max-height: 106px;
	width: expression(this.width >150 && this.height < this.width ? 150: true);
	height: expression(this.height > 106 ? 106: true);
}
.pro1 {width: 150px; height: 106px; margin:0px auto;}
.pro  img{max-width: 150px; max-height: 110px; width: expression(this.width >150 && this.height < this.width ? 150: true); height: expression(this.height > 110 ? 110: true);}
.ppp span{ font-size:20px;font-weight: bold;}