@charset "utf-8";
/* CSS Document */

.inbanner {
	height: 160px;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 135px;
	padding: 120px 0px;
}
.inbanner h2 {
	display: block;
	font-size: 40px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
.inbanner h3 {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
}
.guide {
	box-shadow: 0 0 18px rgba(0,0,0,.1);
	height: 96px;
}
.guide .left {
	width: 50%;
}
.guide .left li {
	float: left;
	height: 93px;
	line-height: 93px;
	margin-right: 50px;
}
.guide .left li.on {
	border-bottom: 3px solid #cc0000;
}
.guide .left li a.active {
	border-bottom: 3px solid #cc0000;
	color: #cc0000;
}
.guide .left li a {
	font-size: 18px;
	display:block;
}
.guide .left li.on a {
	color: #cc0000;
}
.guide .right {
	width: auto;
	/*text-align: right;*/
	height: 96px;
	line-height: 96px;
	color: #999;
	font-size: 14px;
}
.guide .right p {
	color: #999;
	background: url(../img/subMenu-icon.jpg) left center no-repeat;
	padding-left: 20px;
}
.guide .right a {
	font-size: 14px;
	color: #999;
}
.guide .right a:hover {
	color: #cc0000;
}
.aboutus {
	padding: 60px 0px;
	overflow: hidden;
}
.aboutus .left {
	width: 700px;
}
.aboutus .left h2 {
	font-size: 36px;
	display: block;
}
.aboutus .left h3 {
	font-size: 30px;
	color: #bbbbbb;
	line-height: 50px;
	display: block;
}
.aboutus .left em {
	background: #c00;
	height: 3px;
	width: 40px;
	display: block;
	margin: 15px 0px 45px 0px;
}
.aboutus .left h4 {
	margin-bottom: 6px;
	font-size: 22px;
	font-weight: bold;
	color: #c00;
	display: block;
	line-height: 30px;
}
.aboutus .left p {
	line-height: 40px;
	font-size: 18px;
	margin-top: 10px;
	text-indent: 40px;
}
.aboutus .right {
	width: 450px;
}
.culture {
	margin-top: 50px;
}
.culture li {
	display: block;
	float: left;
	width: 336px;
	height: 450px;
	margin-right: 6px;
	padding: 50px 30px;
}
.culture li h2 {
	display: block;
	color: #fff;
	font-size: 30px;
}
.culture li span {
	display: block;
	height: 29px;
	background: url(../img/arrow.png) left center no-repeat;
	margin: 20px 0px;
}
.culture li p {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	margin-top: 10px;
}
#about, #wenhua, #zhici {
	overflow: hidden;
}
#zhici {
	padding-top: 80px;
	padding-bottom: 50px;
}
.newslist {
	margin: 40px auto;
	overflow: hidden;
}
.newslist .line {
	border-bottom: 1px solid #ddd;
	padding: 30px 0px;
	overflow: hidden;
}
.newslist .line:hover {
	background: #f6f6f6;
}
.newslist .left {
	width: 850px;
}
.newslist .left span {
	display: block;
	float: left;
	font-size: 24px;
	width: 200px;
	text-align: center;
	color: #999;
}
.newslist .left span em {
	display: block;
	width: 48px;
	height: 38px;
	background: url(../img/ico_11a.png) center no-repeat;
	margin: 20px 0px 0px 45px;
}
.newslist .line:hover .left span {
	color: #cc0001;
}
.newslist .line:hover .left span em {
	background: url(../img/ico_11a_h.png) center no-repeat #373737;
}
.newslist .left a {
	display: block;
	width: 630px;
	float: right;
}
.newslist .left a h2 {
	display: block;
	font-size: 24px;
	margin-bottom: 15px;
}
.newslist .left a p {
	display: block;
	color: #999;
	font-size: 14px;
	line-height: 25px;
}
.newslist .right {
	width: 300px;
	height: 200px;
}
.newslist .right img {
	width: 300px;
	height: 200px;
}
.n-view {
	padding: 40px 0px;
	overflow: hidden;
}
.n-view .left h3 {
	display: block;
	font-size: 30px;
	margin-bottom: 15px;
}
.n-view .left em {
	display: block;
	font-size: 12px;
	color: #999;
	width: 100%;
}
.n-view .left .desc {
	display: block;
	padding: 20px 0px;
	overflow: hidden;
}
.n-view .left .desc p {
	line-height: 35px;
	font-size: 18px;
}
.n-view .right {
}
.n-view .right h2 {
	display: block;
	font-size: 30px;
	margin-bottom: 15px;
}
.n-view .right span {
	display: block;
	width: 40px;
	height: 3px;
	background: #02509a;
}
.n-view .right ul {
	display: block;
	overflow: hidden;
	padding: 15px 0px;
}
.n-view .right ul li {
	display: block;
	line-height: 30px;
	margin: 10px 0px;
	background: url(../img/icon30.png) left 11px no-repeat;
	padding-left: 30px;
}
.n-view .right ul li a {
	font-size: 16px;
}
.n-view .relate {
	padding: 20px 0px;
	overflow: hidden;
}
.n-view .relate p {
	display: block;
	width: 100%;
	border-bottom: 1px solid #eee;
	height: 50px;
	line-height: 50px;
}
.n-view .relate span {
	display: block;
	float: left;
	width: 130px;
	text-align: center;
	color: #fff;
	margin-right: 20px;
	font-size: 16px;
	background: #02509a;
}
.n-view .relate a {
	display: block;
	float: left;
	font-size: 16px;
}
.cases {
	overflow: hidden;
	padding: 50px 0px;
}
.cases .left {
	width: 190px;
}
.cases ul {
	width: 100%;
}
.cases ul h2 {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	padding-left: 10px;
	width: 180px;
}
.cases ul li {
	border: 1px solid #E1E1E1;
	border-top: 0px;
	height: 38px;
	line-height: 38px;
}
.cases ul li a {
	background: url(../img/icon31.png) 10px center no-repeat;
	padding-left: 25px;
	color: #666;
}
.cases ul li a:hover {
	color: #cc0001;
}
.cases .right {
	width: 1000px;
	overflow: hidden;
}
.cases .right dl {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 318px;
	border: 1px solid #E1E1E1;
}
.cases .right dl:nth-child(3n) {
	margin-right: 0px;
}
.cases .right dt {
	width: 318px;
	height: 190px;
	overflow: hidden;
}
.cases .right dt img {
	width: 318px;
	height: 190px;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
	-webkit-transform: scale(1, 1) rotate(0);
	-ms-transition: .5s all;
}
.cases .right dl:hover img {
	-webkit-transform: scale(1.06, 1.06);
	-moz-transform: scale(1.06, 1.06);
	-o-transform: scale(1.06, 1.06);
	transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06, 1.06);
}
.cases .right dd a {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding: 0px 10px;
	width: 298px;
}
.view {
	overflow: hidden;
}
.view h2 {
	display: block;
	height: 36px;
	line-height: 36px;
	width: 100%;
	padding: 30px 0px;
	font-size: 30px;
	font-weight: bold;
	background: url(../img/bgline.png) left center no-repeat #fff;
	padding-left: 80px;
	color: #025099;
}
.view .view-desc {
	border: 1px solid #ddd;
	border-top: 0px;
	padding: 30px 20px;
	width: 958px;
	overflow: hidden;
}
.view .view-desc h3 {
	display: block;
	font-size: 20px;
	background: url(../img/icon32.png) 10px center no-repeat;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	margin-top: 30px;
}
.view .view-desc h3 span {
	text-transform: uppercase;
	font-size: 12px;
	color: #ddd;
	margin-left: 20px;
}
.view .desc {
	padding: 20px 10px;
	width: 938px;
	overflow: hidden;
}
.view .desc p {
	color: #999;
	line-height: 36px;
}
.view .desc dl {
	width: 297px;
}
.view .desc dt {
	width: 297px;
	height: 178px;
	overflow: hidden;
}
.view .desc dt img {
	width: 297px;
	height: 178px;
}
.view .desc dd {
	height: 50px;
	line-height: 50px;
}