﻿@charset "utf-8";
/* CSS Document */
* {
	transition: all .5s;
}
.banner {
	width: 100%;
	height: 600px;
}
/*--searchBox*/
.searchBg {
}
.search {
	padding: 14px 0;
	height: 27px;
	line-height: 27px;
	overflow: hidden;
}
.search .keyWord {
	margin-left: 28px;
	width: 900px;
	height: 27px;
	overflow: hidden;
}
.search .keyWord em {
	font-weight: bold;
	font-size: 14px;
	color: #024fa1;
}
.search .keyWord a {
	padding: 0 4px;
	color: #666;
}
.contTit {
	position: relative;
	height: 44px;
	line-height: 44px;
}
.contTit .titA {
	padding-left: 22px;
	font-size: 16px;
	color: #024fa1;
	background: url(../images/titA_ico.png) no-repeat left center;
}
.contTit span {
	margin-left: 10px;
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #b0b0b0;
}
.contTit .titMore {
	position: absolute;
	right: 0px;
	top: 14px;
	width: 52px;
	height: 16px;
	background: url(../images/titMore_ico.png) no-repeat center;
}
/*案例*/
.gongchenganli {
	padding-bottom: 28px;
	padding-top: 4px;
	background-color: #eef2f5;
}
.gongchenganli .alCon {
	position: relative;
}
.gongchenganli .alCon ul {
	margin: 0 auto 0 auto;
	width: 928px;
	overflow: hidden;
}
.gongchenganli .alCon li {
	margin: 0 9px;
	width: 214px;
	float: left;
	text-align: center;
}
.gongchenganli .alCon li img {
	border: 10px solid #fff;
}
.gongchenganli .alCon li h5 {
	padding-top: 14px;
	font-weight: normal;
}
.gongchenganli .alCon .btnLeft, .gongchenganli .alCon .btnRight {
	position: absolute;
	top: 72px;
	width: 24px;
	height: 24px;
}
.gongchenganli .alCon .btnLeft {
	left: 0px;
	background: url(../images/alBtnLeft.png) no-repeat center;
}
.gongchenganli .alCon .btnRight {
	right: 0px;
	background: url(../images/alBtnRight.png) no-repeat center;
}
/*产品*/
.cpBox {
	margin: 20px auto;
	border-bottom: 3px solid #cecece;
}
.cpBox h4 img {
	display: block;
}
.cpBox ul {
	margin-left: 164px;
	height: 112px;
	overflow: hidden;
	background-color: #024fa1;
}
.cpBox li {
	float: left;
	width: 162px;
	border-left: 1px solid #3572b4;
	border-bottom: 1px solid #3572b4;
	height: 56px;
	line-height: 56px;
	text-align: center;
	color: #fff;
	overflow: hidden;
}
.cpBox li a {
	display: block;
	font-size: 14px;
	color: #fff;
}
/*产品分类*/
.cpFl {
	margin-bottom: 10px;
	width: 982px;
}
.cpListCont {
width:982px;  overflow:hidden;  margin:0 auto 10px auto; padding:20px 0px;
}
.hh-cp_rm{ padding:10px 0 10px 0;}
.hh-cp_rm ul{ overflow:hidden; zoom:1; }
.hh-cp_rm ul li{ width:308px; margin:0 9px 10px 0; float:left; _display:inline; overflow:hidden; padding:5px; background:#eee;}
.hh-cp_rm ul li s{ display:block;width:308px; height:238px; text-align:center;}
.hh-cp_rm ul li s img{width:308px;height:238px;vertical-align:middle; display:block;}
.hh-cp_rm ul li span{ display:block; height:35px; line-height:35px; text-align:center;}
.hh-cp_rm ul li a:hover span{display:block; background:#024fa1; color:#fff;text-decoration: none;}
.hh-cp_rm ul li:hover{display:block; background:#024fa1; color:#fff;text-decoration: none;}
/*广告栏*/
.ggl {
	position: relative;
	margin: 20px auto;
}
.ggl img {
	display: block;
}
.ggl span {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
}
.ggl03 span {
	left: 834px;
	top: 80px;
	font-size: 20px;
	color: #333;
}

.ysXianS {
	width: 972px;
	border-width: 15px 4px 5px 4px;
	border-style: solid;
	border-color: #fff;
	border-bottom-color: #ff9731;
}
.ysXianX {
	width: 972px;
	border-width: 5px 4px 15px 4px;
	border-style: solid;
	border-color: #fff;
	border-top-color: #ff9731;
}
.ysSpan {
	background: url(../images/ysSpan.jpg) no-repeat center;
}
.ysBox {
	position: relative;
	height: 1046px;
	background: url(../images/ysBg.jpg) no-repeat center;
}
.ysBox dl {
	position: absolute;
	width: 500px;
}
.ysBox dt {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.ysBox dd {
	background: url(../images/ysDd_br.png) repeat-y 6px center;
}
.ysBox dd p {
	margin-bottom: 10px;
	padding-left: 20px;
	line-height: 18px;
	font-size: 13px;
	color: #535353;
	background: url(../images/ysP_ico.png) no-repeat left 4px;
}
.ysBox dd p b {
	color: #024fa1;
}
.ysBox .ys01 {
	left: 468px;
	top: 200px;
}
.ysBox .ys02 {
	left: 114px;
	top: 486px;
}
.ysBox .ys03 {
	left: 468px;
	top: 802px;
}
.ysPhone {
	position: absolute;
	left: 468px;
	top: 970px;
	padding-left: 38px;
	color: #333;
	background: url(../images/ysPhone_ico.png) no-repeat left center;
}
.ysPhone p {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff9731;
}

.rySpan {
	padding-bottom: 20px;
	background: url(../images/rySpanBg.jpg) no-repeat center top;
}

/*关于*/
.gyBox {
	position: relative;
	margin: 20px auto;
}
.gyPhone {
	position: absolute;
	right: 0;
	top: 10px;
	padding-left: 24px;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0451a4;
	background: url(../images/gyPhone_ico.png) no-repeat left center;
}
.gyBox dl {
	height: 284px;
	overflow: hidden;
	background-color: #fff;
}
.gyBox dt {
	padding: 10px;
	margin-right: 20px;
}
.gyBox dd {
	position: relative;
	height: 284px;
}
.gyBox dd h5 {
	padding-top: 5px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}
.gyBox dd h5 a {
	color: #333;
}
.gyBox dd p {
	margin-right: 10px;
	line-height: 24px;
	height: 220px;
	font-size:14px;
	overflow: hidden;
}

/*cfcj*/
.cfcj {
	padding-bottom: 25px;
	background-color: #fff;
}
.cfcj h4 {
	margin: 0 20px;
}
.cfcj .cfcjCont {
	margin-top: 10px;
	position: relative;
}
.cfcj .cfcjCont ul {
	margin: 0 auto;
	width: 880px;
	overflow: hidden;
}
.cfcj .cfcjCont li {
	margin: 0 9px;
	width: 202px;
	float: left;
	text-align: center;
}
.cfcj .cfcjCont li img {
	padding: 10px;
	border: 1px solid #e5e5e5;
}
.cfcj .cfcjCont li span {
	padding-top: 12px;
	font-weight: normal;
}
.cfcj .cfcjCont .btnLeft, .cfcj .cfcjCont .btnRight {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 33px;
	height: 33px;
}
.cfcj .cfcjCont .btnLeft {
	left: 10px;
	background: url(../images/ryBtnLeft.png) no-repeat center;
}
.cfcj .cfcjCont .btnRight {
	right: 10px;
	background: url(../images/ryBtnRight.png) no-repeat center;
}
/*动态*/
.dtBox {
	width: 660px;
	height: 376px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	border-top-color: #024fa1;
}
.dtBox h4 {
	height: 42px;
	line-height: 42px;
	overflow: hidden;
}
.dtBox h4 a {
	float: left;
	width: 50%;
	text-align: center;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	background: url(../images/dtTitA.png) repeat-x center;
}
.dtBox h4 a:hover, .dtBox h4 a.cur {
	color: #fff;
	background-image: url(../images/dtTitAH.png);
}

.dtBox ul {
	margin: 0 20px;
	padding-top: 14px;
	border-top: 1px solid #cecece;
}
.dtBox li {
	position: relative;
	height: 28px;
	line-height: 28px;
}
.dtBox li a {
	display: inline-block;
	padding-left: 10px;
	background: url(../images/dtLi_ico.png) no-repeat left center;
	width: 470px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #414141;
}
.dtBox li span {
	position: absolute;
	right: 0;
	top: 0;
	color: #ccc;
}
.yxwlBox {
	width: 296px;
	height: 376px;
	border: 1px solid #e5e5e5;
}
.yxwlBox .contTit {
	padding: 0 16px;
	height: 43px;
	line-height: 43px;
	background: url(../images/yxwlTit.png) repeat-x center;
}
.yxwlBox dt {
	padding-top: 10px;
	text-align: center;
}
.yxwlBox dt img {
	border: 1px solid #e5e5e5;
}
.yxwlBox dd {
	margin: 15px;
	color: #333;
	text-align:center;
	overflow: hidden;
}
.infoSpan {
	margin-top: 20px;
	background-color: #eef2f5;
}

#flashs {
	position: relative;
	height: 600px;
	overflow: hidden;
}
#flashs .bgitem {
	z-index: 1;
	position: absolute;
	top: 0;
}
#flashs .btn {
	position: absolute;
	z-index: 7;
	bottom: 15px;
	left: 50%;
	margin-left: -95px;
	padding: 0px 6px;
}
#flashs .btn span {
	color: #fff;
	background: #333;
	cursor: pointer;
	display: inline-block;
	margin: 0 2px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
}
#flashs .btn span.cur {
	background: #024fa1;
}