@charset "utf-8";
*{font-family:"微软雅黑"}
body {margin: 0px;padding: 0px;/*text-align: center;*/background-color: #FEFEFF;font-size: 16px;line-height: 25px;color: #333;text-decoration: none;}
.width {width:1200px; margin-left:auto; margin-right:auto;}
.width96 {width:96%; margin-left:auto; margin-right:auto;}
.width100{ width:100%; min-width: 1200px;margin-left:auto; margin-right:auto;}
.img{vertical-align:bottom; display:block;border:0px;}
.float-left{ float:left;}
.float-right{ float:right;}
.txt-left{ text-align: left;}
.txt-center{text-align: center;}
.txt-right{text-align:right;}
.clear-both{ clear:both;}
.margin-top-15 {margin-top: 15px;}
.margin-top-25 {margin-top:25px;}
.margin-left-15 { margin-left:15px;}
.margin-left-25 { margin-left:25px;}
.margin-right-15 { margin-right:15px;}
.margin-right-25 { margin-right:25px;}
.margin-auto { margin-left:auto; margin-right:auto;}
.display-inline-block{font-size:14px;display: inline-block; *display: inline; zoom: 1;}
.display-block {display:block;}

/*显示主体部分通用样式*/
.main{ font-size: 14px; line-height: 30px; text-align: left; padding-top: 20px;}
.main img{ max-width:100%; height:auto;}
.main table{ margin-left:auto; margin-right: auto;}
.main table,.main table td{border-collapse:collapse; border:solid #cccccc;}
.main table td{	padding-top: 2px;padding-right: 4px;padding-left: 4px;padding-bottom: 2px;}

/*路径样式---------------------------------------------------------------------------------------*/
.pathList {	border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;}
.pathList a{font-size: 12px;line-height: 25px;color: #666666;text-decoration: none;}
/*以上通用样式不能随便修改------------------------------------------------------*/



/*底部样式，自行修改-------------------------------------------------------------------------------*/
.Bottom {
	 background-color: #4a4a4a; padding-top: 30px; padding-bottom:30px;color:#ffffff;font-size:14px;line-height: 20px;
}
.Bottom a{color:#ffffff; font-size:14px;line-height: 20px;}
.BottomImg{
	background-image: url(images/hccs_28.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 200px;
}

.ClassList{
	height: 40px;
	margin-top: 60px;
	border-bottom: 1px solid #C0C0C0;
}
.ClassList ul{margin:0px; padding: 0px; list-style: none;}
.ClassList ul li{
	margin-top: 0px;
	margin-right: 25px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;float:left;
}
.ClassList ul li a{
	font-size: 18px;
	line-height: 40px;
	color:#2F2F2F;
	text-decoration: none;
}
.ClassList ul li a:hover{color:#C95E00;}
.ClassList ul .btnOn a{	font-size: 18px;
	line-height: 40px;
	color:#DB0003;
	text-decoration: none;}


.ArticleTitle{}
.ArticleContent{}
.top{text-align:center; height: 109px; overflow: hidden;}
.topBtn{display: inline-block;}
.topBtn ul{margin:0px; padding: 0px; list-style: none; }
.topBtn ul li{margin:0px; padding: 0px; list-style: none; float:left;padding-left: 25px; padding-right: 25px;}
.topBtn ul li a{
	text-decoration: none;
	color: #2B2B2B;font-size:16px; line-height: 109px; 
}
.topBtn ul .OnBtn a{
	color: #035DB0;
	border-bottom: 2px solid #035DB0;
}



.About{
	position: relative;  padding-top: 45px; padding-bottom: 45px;
}
.AboutTxt{width:800px;}
.AboutCompany{font-size:26px; color:#1aabbc; line-height: 50px; margin-bottom: 30px;}
.AboutTitle{
	width: 300px;
	height: 400px;
	position: absolute;top:-60px;right:0px; background-color: #1aabbc;
}
.AboutBg{background-color:#EBEBEB; min-height: 100px;}
.CaseTitle{ background-color:#1aabbc; width:300px;}
.imgBoxTitle{
	padding-top: 80px;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #FFFFFF;width:90%;margin-left: auto;margin-right: auto;
}
.imgBoxTxt{margin-top:40px; text-align: center; color:#ffffff;}
.imbBoxMore{margin-top:80px; text-align: center; padding-bottom: 50px;}
.imbBoxMore a{
	padding-left: 40px;
	padding-right: 40px;
	color: #ffffff;
	text-decoration: none;
	border-radius: 10px;
	border: 1px solid #FFFFFF; line-height: 40px;font-size:16px; display: block; width: 60%;margin-left: auto;margin-right: auto;
}
.imbBoxMore a:hover{
	padding-left: 40px;
	padding-right: 40px;
	color: #FFEF65;
	text-decoration: none;
	border-radius: 10px;
	border: 1px solid #FFEF65;
	line-height: 40px;
	font-size: 16px;
	display: block;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.NewsBg{
	background-image: url(images/hccs_22.jpg);
	height: 433px;
	background-position: center center;
	padding-top: 40px;
}


.caseBox{padding-top:45px; padding-bottom: 45px;}

.IndexNewsList{
	width: 580px;
	position:relative;

}

.IndexNewsList ul{margin: 0px; padding: 0px; list-style: none;
	position: absolute; z-index: 99999;}
.nl ul{top:20px;left:40px;}
.IndexNewsList ul li{margin: 0px; padding: 0px; list-style: none;}
.IndexNewsList ul li img{height:350px;}
.IndexNewsList ul li a{
	color: #000000;
	text-decoration: none;
	line-height: 30px;
}
.NewsListBg{
	width: 580px;top:0px;left:0px; z-index: 888;
	position: absolute; height: 350px; background-color: #ffffff;
	filter:alpha(opacity=78);          
	-moz-opacity:0.78;          
	-khtml-opacity: 0.78;          
	opacity: 0.78;  

}
.indexIco{ padding-top: 85px;}
.indexIco ul{margin: 0px; padding: 0px; list-style: none;}
.indexIco ul li{margin: 0px; padding: 0px; list-style: none; width:180px; float: left; text-align: center;}
.indexIco ul li span{font-size:100px; line-height: 120px; color:#1AA2E4;}