/* CSS Document */
body{
	font: 14px "Microsoft YaHei";
	line-height: 24px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-position: center top;	
}
ul,li ,ol{ margin:0px; padding:0px; list-style:none;}
em{ font-style:normal;}
a { color: #333333;text-decoration: none;}
a:hover,a:focus {
	color: #1c62b0;
	text-decoration: underline;
}    
.top01{
	width: 100%;
	overflow: hidden; height:126px;
	margin: auto;
}
.HeadPic01{
	width: 100%; background-color:#f7f7f9;
	overflow: hidden; 
	margin: auto;
}
.HeadPic02{
	width: 100%;
	overflow: hidden;
	margin: auto;
	background-image: url(../images/case_bg.jpg);
	background-repeat: no-repeat;
	height: 436px;
}
.top{
	width: 1200px;overflow:hidden;
	margin:auto;                
}
.top_left{
	width:232px;
	float:left;overflow:hidden; margin-top:35px;
}
.top_right{
	width:830px;overflow:hidden; margin-top:60px;
	float:right; 
}
.top_right a{ color:#6f6259;
}
*{margin:0;padding:0;border:0;}
.clear{ clear:both;}
.cover{ overflow:hidden; height:100%;}
.left{ float:left;}
.right{ float:right;}
.center{margin-left:20px; }

/*间距*/
.top3{ margin-top:30px;}
.margin-top1{ margin-top:10px;}
.margin-top2{ margin-top:20px; }
.margin-top22{ margin-top:20px;margin-bottom:20px;}
.margin-top3{ margin-top:30px}
.margin-top4{ margin-top:40px;}
.margin-top44{ margin-top:40px;margin-bottom:40px;}
.margin-top42{ margin-top:40px;margin-bottom:20px;}
.margin-top5{ margin-top:50px;}
.margin-top6{ margin-top:60px;}
.margin-top7{ margin-top:70px;}
.margin-bottom1{ margin-bottom:10px;}
.margin-bottom2{ margin-bottom:20px;}
.margin-bottom3{ margin-bottom:30px;}
.margin-bottom4{ margin-bottom:40px;}
.margin-bottom5{ margin-bottom:50px;}
.margin-bottom6{ margin-bottom:60px;}
.padding-top1{ padding-top:10px;}
.padding-top2{ padding-top:20px;}
.padding-top3{ padding-top:30px;}
.padding-top4{ padding-top:40px;}
.padding-top5{ padding-top:50px;}
.padding-top6{ padding-top:60px;}
.padding-bottom1{ padding-bottom:10px;}
.padding-bottom2{ padding-bottom:20px;}
.padding-bottom3{ padding-bottom:30px;}
.padding-bottom4{ padding-bottom:40px;}
.padding-bottom5{ padding-bottom:50px;}
.padding-bottom6{ padding-bottom:60px;}
/*段落空两个字*/
.text-indent{ text-indent:2em;}

.gonggao{
	width: 347px; float:left;
}
.gonggao01{
	width: 475px;float:left;
}
.margin-left2{
	margin-left:20px;float:left;
}


/*banner*/
#nav {
  line-height: 36px;  list-style-type: none; font-size:16px; width:830px;overflow:hidden; margin:auto;
}
#nav a {
 display: block; width:118.57px; text-align:center; color:#333;
}
#nav a:link  {
	color: #333;
	height: 36px;
	width:118.57px; 
	display: block;
}
#nav a:visited  {
    color: #333;
	text-decoration: none;
	background-color: #1c62b0;
	height: 36px;
	width:118.57px; 
	display: block;
}
#nav a:hover  {
	color: #fff;
	text-decoration: none;
	background-color: #0e6eb8;
	height: 36px;
	width:118.57px; 
	display: block;
}
#nav li {
	float: right;
	width:118.57px; }
#nav li ul {
 line-height: 36px;  list-style-type: none;text-align:center;z-index:999;  font-size:14px;
 left: -999em; width: 118.57px; position: absolute;
}
#nav li ul li{
	float: left;
	color: #fff;
	background: none;
	text-decoration: none;
	background-color:  #1c62b0;
	height: 36px; line-height:53px;
	width:118.57px; }
#nav li ul a{
 display: block;height: 36px; line-height:36px;
	width:118.57px; 
}
#nav li ul a:link  {
 color:#fff; text-decoration:none;
}
#nav li ul a:visited  {
 color:#b4fdf6;text-decoration:none;
}
#nav li ul a:hover  {
 color:#fff;text-decoration:none;font-weight:normal; border:none;
 
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left;
}
/*作品展示*/
.maincontant {
	width: 1198px;
    overflow: hidden;
}
.bj{ margin:0px auto;}
/*内页样式开始*/
.kc_c{
	width:1198px;
	padding-bottom: 20px;
}
.kc_c li{
	width:377px;
	height:567px;
	float:left;
	position:relative;
	cursor:pointer;
	overflow:hidden;
	padding-top: 0;
	padding-right: 11px;
	padding-bottom: 0;
	padding-left: 11px;
	margin-top: 10px;
	margin-bottom: 18px;
}
.kc_c li h3{
	bottom:0;
	width:377px;
	height:40px;
	display:block;
	position:absolute;
	left:11px;
	text-align:center;
	line-height:40px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	background-color: #6f6259;
}
.kc_c li a{color:#fff;} .kc_c li a:hover{color:#efd7cb;}
.kc_c li b{
	top:170px;
	width:377px;
	position:absolute;
	z-index:100;
	left:15px;
	cursor:pointer;
	height:170px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	background-color: #A4A4A4;
}
.kc_c li b samp{
	width:280px;
	line-height:22px;
	display:block;
	line-height:24px;
	font-family:"微软雅黑";
	color:#FFF;
	font-size:16px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.kc_c li b i{
	width:270px;
	line-height:22px;
	padding-left:20px;
	font-style:normal;
	display:block;
	font-family:"微软雅黑";
	font-size:12px;
	margin-bottom: 0;
	padding-right: 20px;
}
/*zuopin*/
.zuopin{
	width: 400px;
	overflow: hidden;
	margin:20px  auto;
}
.zuopin ul li{
	width: 100px; text-align:center; color:#6f6259; float:left;
}
.zuopin ul li a{
	width: 100px; text-align:center; color:#6f6259;
}
.more{
	width: 176px; margin:10px auto;
	text-align: center;
	color: #6f6259;
	line-height: 50px;
	background-image: url(../images/more.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
}
.more a{
	color:#6f6259;
}
/*链接*/
.lianjie01{
	width: 120px; font-size:20px;
	overflow: hidden; float:left;
}
.lianjie02{
	width: 1078px; color:#555555;
	overflow: hidden; float:right;
}
.lianjie02 a{
	color:#555555;
}
.lianjie02 a:hover{
	color:#6f6259;
}
/*chanpin*/
.chanpin{
	width: 1200px;
	overflow: hidden;
	margin:30px  auto;
}
.chanpin ul{
	width: 280px; background-color:#FFF; float:left;margin-right:26.6px;
	overflow: hidden;
}
.chanpin ul li{
	width: 254px; text-align:center; margin:13px;
	overflow: hidden;
}
/*case*/
.case{
	width: 1200px;
	overflow: hidden;
	margin:30px  auto;
}
.case ul{
	width: 280px; background-color:#FFF; float:left;margin-right:26.6px;
	overflow: hidden;
}
.case ul li{
	width: 260px; text-align:center; margin:10px;
	overflow: hidden;
}

/*news01*/
.news01{
	width: 380px; float:left;
	overflow: hidden;
}
.news02{
	width: 380px; float:right;
	overflow: hidden;
}
.news01_top01{
	width:24px; float:left;
	overflow: hidden;
}
.news01_top02{
	width: 160px;
	float: left;
	font-size: 16px;
	overflow: hidden;
	font-weight: bold;
}
.news01_top03{
	width:60px; float:right;
	overflow: hidden;
}
.news01 ul{
	width: 380px; margin-top:40px;
	overflow: hidden;
}
.news01 ul li{ height:44px;
	line-height: 44px;
	background-image: url(../images/biao.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-position: left 15px;
}
.news02 ul{
	width: 380px; margin-top:40px;
	overflow: hidden;
}
.news02 ul li{ height:44px;
	line-height: 44px;
	background-image: url(../images/biao.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-position: left 15px;
}
/*about*/
.about01{
	width: 557px; float:left;
	overflow: hidden;}
.about02{
	width: 568px; float:right; line-height:26px;
	overflow: hidden;}
.about02 ul li{
	width: 568px; width:268px; float:left; margin-right:32px; 
	overflow: hidden;}

/*底部样式*/
.foot{
	width: 100%;color: #cfcece;
	overflow: hidden; text-align:center;
	margin:20px auto auto auto; 
	background-color: #4d4d4d;
}
.foot  a{
	color: #cfcece; font-size:16px;
}
.foot01{
	background-image: url(../images/down_xian.jpg); margin:30px  auto 10px auto;  
	background-repeat: repeat-x;
}
.down{
	width: 1036px;overflow:hidden;  margin:30px auto auto auto ;
}
.down ul li{ text-align:center; float:left; width:148px; font-size:16px;
	 
}
.down01{
	width: 690px;overflow:hidden; float:left;
}
.down02{
	width: 75px;overflow:hidden; float:left;
}
.down03{
	width: 435px;overflow:hidden; float:right; text-align:left;
}
.down03_left{
	width: 50px;overflow:hidden; float:left;
}
.weizhi {
	width: 1160px;
	overflow: hidden;
	background-image: url(../images/dizhi-tu.png);
	background-repeat: no-repeat;
	background-position: left; margin:30px auto auto auto; padding-left:40px;
}
.weizhi  a{ color:#666666; }
.weizhi  a:hover{ color:#3fbbb0; }
.product_bg{
	width: 100%;
	overflow: hidden;
	background-color: #fafafa;
}

.fenlei{
	width: 282px;
	overflow: hidden;
	float: left;
	background-color: #FFF;
}
.fenleilist{
	width: 250px;
	overflow: hidden; margin:auto;
}
.fenleilist ul{
	width: 250px;
	overflow: hidden; margin:10px auto auto auto;
}
.fenleilist ul li{
	line-height: 34px;
	background-image: url(../images/biao02.jpg);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6; padding-left:20px;
}
.fenleilist ul li a{
	color: #666;	
}
.fenleilist ul li a:hover{
	color: #3fbbb0;	
}
.fenlei_top{
	width: 282px;
	overflow: hidden; height:44px; line-height:44px;
	background-color: #1c62b0;}
.fenlei_top01{
	width:82px;float: left; padding-left:20px; font-size:20px; color:#fff;}
.fenlei_top02{
	width: 12px;float: right;padding-right:10px; padding-top:15px;}
.fenlei_top03{
	width:122px;float: left; padding-left:35px; font-size:18px; color:#333;}
.product{
	width:885px;
	overflow: hidden;float: right;}
.product01{
	width:885px;
	overflow: hidden;float: right;}
.product ul{
	width:423px;
	overflow: hidden;float: left; background-color: #fff; margin:39px 36px auto auto; text-align:center; height:324px;}
.productlist02 ul{
	width: 280px; background-color:#FFF; float:left;margin-right:22.5px; margin-top:20px;
	overflow: hidden;}
.productlist02 ul li{
	width: 254px; text-align:center; margin:13px;
	overflow: hidden;}

.product_top01{
	width:220px;
	height:44px; line-height:44px;
	background-color: #1c62b0;float: left; font-size:20px; color:#fff; text-align:center;}
.product_top02{
	width:655px;
	height:44px; line-height:44px;
	background-color: #fff;float: right;font-size:14px; color:#666666; padding-right:10px; text-align:right;}
.news_bg{
	width: 885px;
	overflow: hidden; float:right;
	background-color: #fff; margin-top:20px;
}
.newsli01{
	width: 845px;
	overflow: hidden; margin:10px auto auto auto;
}


/*span 宽度 */
.span01 {
	width: 30px;
	float: left;
}
.span02 {
	width: 85px;
	float: left;
}
.span03 {
	width: 45px;
	float: left;
}
.span04 {width: 410px;
	float: right; text-align:left; margin-top:5px;
}


/*字体样式*/

.font01 {
	margin-top: 10px; text-align:center;
	font-size: 18px;
	font-weight: bold;
}
.font01 a{ 
	color: #fff;
}
.font02 {
	font-size: 18px;
	color: #0f6bb6;
	font-weight: bolder;
}
.font03 {
	color: #fff;font-size: 18px;text-align:center;margin-top: 10px;
	font-weight: bold;
}

.font04{
color: #3fbbb0;font-size: 16px;
}
.font05{
font-size: 18px;
}
.font06 {
color: #fe801c;
}
.font06 a{
color: #fe801c;
}
.font07 {
color: #666666;
}
.font07 a{
color: #666666;
}
.font08 a{
	font-size: 18px;
	color: #333;
}
.font08 a:hover{
	font-size: 18px;
	color: #6f6259;
}
.font09 {
	overflow: hidden; float:left; margin: 20px auto 20px 20px;
	background-color: #888888;
	height: 30px;
	width: 108px; text-align:center;
}
.font09 a{
	font-size: 14px;overflow: hidden;
	color: #fff; 
	background-color: #888888;
	height: 30px;
	width: 108px;
}
.font09 a:hover{
	font-size: 14px;
	overflow: hidden;
	color: #fff;
	background-color: #1c62b0;
	height: 30px;
	width: 108px;
	display: block;
}
.font10 {
	color: #666666;
}
.font10 a{
	color: #666666;
}
.font10 a:hover{
	color: #6f6259;
}
.list01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1d1d1;
	padding-bottom:20px;	
}

.list02 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3fbbb0;
	padding-bottom: 5px;
}
.list03 {
	border-bottom-width: 2px;padding-bottom: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
}
.list04 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;	
}
.list05 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1d1d1;
}