@charset "utf-8";

/* CSS Document */

* {

	transition: all .5s;

}

.bannerBox {

	width: 100%;

	height: 560px;

}

#flashs {

	position: relative;

	height: 560px;

	overflow: hidden;

}

#flashs .bgitem {

	z-index: 1;

	position: absolute;

	top: 0;

}

#flashs .btn {

	position: absolute;

	z-index: 7;

	bottom: 5px;

	left: 50%;

	margin-left: -45px;

	padding: 0px 6px;

}

#flashs .btn span {

	color: #fff;

	background: #202932;

	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: #008CE1;

}

.mainContent {

	padding-bottom: 20px;

	background: url(../images/maincontent.png) repeat center top;

}

/*搜索*/

.search {

	position: relative;

	background: #FFF;

	height: 90px;

	overflow: hidden;

}

.search .searchBox {

	margin: 24px 0 14px 10px;

	width: 456px;

	overflow: hidden;

	float: left

}

.search .soText {

	float: left;

	width: 350px;

	height: 21px;

	line-height: 21px;

	padding: 8px 10px 8px 46px;

	color: #333;

	border: none;

	background: url(../images/searchtxt.png) no-repeat center;

	outline: none;

}

.search .soBtn {

	float: right;

	width: 50px;

	height: 37px;

	border: none;

	background: url(../images/searchbtn.png) no-repeat left center;

}

.search .keyWord {

	float: left;

	display: block;

	margin-top: 28px;

	margin-left: 12px;

	line-height: 30px;

	width: 510px;

	height: 30px;

	overflow: hidden;

	color: #333;

}

.search .keyWord em {

	overflow: hidden;

}

.search .keyWord a {

	padding: 0 2px;

	color: #333;

}

.search .so_phone {

	position: absolute;

	right: 0;

	top: 56px;

	padding-left: 36px;

	background: url(../images/hdphoen_ico.png) no-repeat left center;

	color: #a1a1a1;

}

.search .so_phone dd {

	font-size: 24px;

	font-family: Arial, Helvetica, sans-serif;

	color: #546a85;

}

/*案例*/

.alBox {

	height: 439px;

}

.alMu {

	width: 230px;

}

.alMu h2 {

	height: 34px;

	line-height: 34px;

	font-size: 16px;

}

.alMu h2 a {

	color: #fff;

}

.alMu ul {

	margin-top: 16px;

}

.alMu li {

}

.alMu li a {

	padding-left: 60px;

	color: #fff;

	display: block;

	background: url(../images/almu_ico.png) no-repeat 40px center;

	height: 40px;

	line-height: 40px;

	font-size: 13px;

}

.alMu li a:hover, .alMu li cur a {

	background-image: url(../images/almu_icoh.png);

	background-position: 10px center;

	color: #546a85;

}

.alCont {

	width: 720px;

	overflow: hidden;

}

.alCont dt {

	width: 420px;

	height: 380px;

	border-right: 1px solid #e1e1e1;

}

.alCont dt img {

	margin-top: 20px;

	border: 1px solid #ddd;

	padding: 2px;

}

.alCont dd {

	margin-left: 546px;

}

.alCont dd h5 {

	margin-bottom: 12px;

	height: 54px;

	line-height: 54px;

	font-size: 16px;

}

.alCont dd h5 a {

	color: #546a85;

}

.alCont dd p {

	margin-bottom: 14px;

	line-height: 24px;

height:;

	overflow: hidden;

}

.alCont dd .gyMore {

	padding-right: 18px;

	color: #546a85;

	background: url(../images/titmore_ico.png) no-repeat right center;

}

.cpSpan {

	margin-top: 22px;

	margin-bottom: 22px;

	padding-top: 10px;

	height: 988px;

	background-color: #fff;

	overflow: hidden;

}

.cpMu {

	margin-left: 10px;

	width: 210px;

	overflow: hidden;

}

.cpMu h2 {

	height: 54px;

	line-height: 54px;

	background: #008CE1 url(../images/cpmutit.png) no-repeat 36px center;

	text-align: center;

}



.cpMu h2 a {

	font-size: 16px;

	color: #fff;

}

.cpMu ul {

}

.cpMu li {

	background: url(../images/cpmuli_ico.png) no-repeat 176px center;

}

.cpMu li h3 a {

	padding-left: 16px;

	margin: 0 6px;

	display: block;

	height: 45px;

	line-height: 45px;

	border-bottom: 1px dotted #b2bcc8;

	font-size: 13px;

	color: #333;

	text-decoration: none;

}

.cpMu li:hover  h3{

	background-color: #546a85;

}

.cpMu li:hover a h3{

	color: #fff;

}

.cpMuCont {

	margin-top: 2px;

	padding-bottom: 12px;

	border: 1px solid #e2e2e2;

}

.cpMuCont p {

	margin: 16px 8px;

	line-height: 22px;

	font-size: 13px;

	color: #546a85;

}

.cpMuCont .mu_phone {



	padding-left: 8px;

	padding-top:20px;

	padding-bottom:30px;

	line-height:30px;



	color: #546a85;

}

.cpMuCont .mu_phone dd {

	font-size: 14px;

	

}

.cpList {

	margin-right: 8px;

	width: 760px;

	overflow: hidden;

}

.cpList h2 {

	margin: 8px 0;

	height: 38px;

	line-height: 38px;

	background: url(../images/conttitbg2.png) no-repeat left center;

}

.cpList h2 a {

	margin-left: 18px;

	color: #546a85;

}

.cpListCont {

}

.cpList dl {

	margin: 10px 8px 6px;

	float: left;

	width: 236px;

}

.cpList dl dt img {

	width: 230px;

	height: 190px;



}





.cpList dt a {

	width: 230px;

	height: 190px;

	border: solid 1px #d7d7d7;

	padding: 1px;

	display: block;

}

.cpList dd {

	height: 35px;

	overflow: hidden;

	text-align: center;

}

.cpList dt a:hover {

	border: solid 1px #008CE1;



} 





.cpList dl dd {

	height: 30px;

	overflow: hidden;

	text-align: center

}

.cpList dl dd h5 {

	font-size: 14px;

	height: 30px;

	line-height: 30px;

}

.cpList dl dd h5 a {

	color: #546a85;

}

.cpList dl dd p {

	line-height: 20px;

	height: 40px;

	font-size: 13px;

	overflow: hidden;

	color: #546a85;

}

.cpList dl dd div {

	margin-top: 16px;

	overflow: hidden;

}

.cpList dl dd div span {

	float: left;

	width: 50%;

	line-height: 22px;

	color: #767676;

}

.cpList dl dd div span em {

	position: relative;

	top: -1px;

	margin-right: 6px;

	color: #b0b0b0;

}

/*合作伙伴*/

.hzhb {

	margin-bottom: 22px;

	height: 166px;

	background-color: #fff;

	overflow: hidden;

}

.hzhb h2 {

	margin: 11px;

	height: 38px;

	line-height: 38px;

	background: url(../images/conttitbg2.png) no-repeat left center;

}

.hzhb h2 a {

	margin-left: 18px;

	color: #546a85;

}

.hzhb ul {

	margin: 18px auto 0 auto;

	width: 984px;

	overflow: hidden;

}

.hzhb li {

	margin: 0 10px;

	float: left;

	width: 144px;

	text-align: center;

}

/*优势*/

.ysBox {

	position: relative;

	height: 450px;

	background: url(../images/ysboxbg.jpg) no-repeat center;

}

.ysBox dl {

	position: absolute;

}

.ysBox dt {

	margin-bottom: 14px;

	font-weight: bold;

	font-size: 16px;

	color: #546a85;

}

.ysBox dt b {

	position: absolute;

	left: -70px;

	top: 0;

	width: 54px;

	height: 54px;

	line-height: 54px;

	text-align: center;

	color: #fff;

	background-color: #546a85;

	font-size: 30px;

}

.ysBox dt b.lv {

	background-color: #008CE1;

}

.ysBox dd {

	line-height: 18px;

	font-size: 14px;

	color: #333;

	width: 190px;

}

.ysBox dd p {

	color: #ff5a00;

}

.ysBox .ys01 {

	left: 100px;

	top: 66px;

}

.ysBox .ys02 {

	left: 760px;

	top: 66px;

}

.ysBox .ys03 {

	left: 100px;

	top: 232px;

}

.ysBox .ys04 {

	left: 760px;

	top: 232px;

}

.slGgl img {

	display: block;

}

.ppys {

	position: relative;

}

.ppysCc {

	height: 418px;

	overflow: hidden;

}

.ppysCont img {

	display: block;

}

.ppysTab {

	position: absolute;

	left: 0;

	top: 382px;

	width: 100%;

}

.ppysTab ul {

	margin: 0 auto;

	width: 930px;

}

.ppysTab li {

	margin: 0 3px;

	float: left;

	width: 180px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	background-color: #546a85;

	cursor: pointer;

	-webkit-transform: skewX(-20deg);

	-moz-transform: skewX(-20deg);

	-ms-transform: skewX(-20deg);

	-o-transform: skewX(-20deg);

	transform: skewX(-20deg);

}

.ppysTab li.cur, .ppysTab li:hover {

	background-color: #273e5b;

}

.ppysTab li b {

	font-size: 14px;

	color: #fff;

}

.ppysTab li b.ta1 {

	margin-top: 12px;

	line-height: 20px;

	display: inline-block;

}

.contTit {

	position: relative;

	height: 56px;

	line-height: 56px;

	background: url(../images/conttitbg.png) no-repeat left center;

}

.contTit .titA {

	margin-left: 18px;

	color: #546a85;

	font-size: 14px;

}

.contTit .titMore {

	position: absolute;

	right: 14px;

	top: 0px;

	padding-right: 18px;

	font-size: 12px;

	font-weight: normal;

	color: #546a85;

	background: url(../images/titmore_ico.png) no-repeat right center;

}

/*海普润机械更懂您*/

.gdn {

	margin-bottom: 20px;

	background-color: #fff;

	border: 1px solid #ddd;

	margin-top: 24px;

}

.gdn ul {

	margin: 0 auto;

	padding: 18px 0;

	width: 984px;

	overflow: hidden;

}

.gdn li {

	margin: 0 9px;

	float: left;

	width: 228px;

	text-align: center;

}

.gdn li img {

	padding: 4px;

	border: 1px solid #d2d2d2;

}

.gdn li h5 {

	margin-top: 12px;

	font-weight: normal;

}

.gdn li h5 a {

	color: #333;

}

.ktSpan {

	margin-bottom: 20px;

}

/*客户见证*/

.khjz {

	width: 676px;

	height: 476px;

	background-color: #fff;

	border: 1px solid #ddd;

}

.khjz .khCont {

	margin-top: 16px;

	overflow: hidden;

}

.khjz dl {

	margin: 0 22px 28px 22px;

	height: 174px;

	overflow: hidden;

}

.khjz dd {

	margin-left: 250px;

}

.khjz dd h5 {

	height: 30px;

	line-height: 30px;

	font-size: 14px;

}

.khjz dd h5 a {

	color: #273e5b;

}

.khjz dd p {

	margin-bottom: 16px;

	line-height: 22px;

	color: #333;

	height: 110px;

	overflow: hidden;

}

.khjz dd .btnGd {

	padding-right: 18px;

	color: #546a85;

	background: url(../images/titmore_ico.png) no-repeat right center;

}

.tdBox {

	width: 306px;

	height: 476px;

	background-color: #fff;

	border: 1px solid #ddd;

}

.tdBox ul {

	margin: 10px auto;

	width: 274px;

	text-align: center;

}

.tdBox ul li {

	margin-top: 20px;

	position: relative;

}

.tdBox ul li h5 {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 34px;

	line-height: 34px;

	background: url(../images/tdh5_ico.png);

	font-weight: normal;

}

.tdBox ul li h5 a {

	color: #fff;

}

/*广告栏*/

.ggl {

	position: relative;

}

.ggl img {

	display: block;

}

.ggl span {

	position: absolute;

	left: 820px;

	top: 70px;

	font-size: 22px;

	font-weight: bold;

	color: #546a85;

}

.gcSpan {

	margin-top: 23px;

	margin-bottom: 23px;

}

/*关于*/

.gyBox {

	width: 676px;

	height: 486px;

	background-color: #fff;

	border: 1px solid #ddd;

}

.gyCont {

}

.gyBox dl {

	margin: 18px;

	height: 206px;

	overflow: hidden;

}

.gyBox dd {

	margin-left: 304px;

}

.gyBox dd h5 {

	margin-bottom: 12px;

	height: 26px;

	line-height: 26px;

	font-size: 14px;

}

.gyBox dd h5 a {

	color: #546a85;

}

.gyBox dd p {

	margin-bottom: 14px;

	line-height: 22px;

	height: 132px;

	overflow: hidden;

}

.gyBox dd .gyMore {

	padding-right: 18px;

	color: #546a85;

	background: url(../images/titmore_ico.png) no-repeat right center;

}

.gyBox .cjBox {

	margin: 0 18px;

}

.gyBox .cjBox .cjTit {

	height: 22px;

	line-height: 22px;

	font-size: 14px;

}

.gyBox .cjBox .cjTit a {

	color: #546a85;

}

.gyBox .cjBox ul {

	margin: 18px auto 0 auto;

	width: 664px;

	overflow: hidden;

}

.gyBox .cjBox li {

	margin-right: 16px;

	float: left;

	width: 146px;

	text-align: center;

}

.gyBox .cjBox li h5 {

	margin-top: 10px;

	font-weight: normal;

}

.gyBox .cjBox li h5 a {

	color: #333;

}

/*问题解答*/

.wtjd {

	width: 306px;

	height: 486px;

	background-color: #fff;

	border: 1px solid #ddd;

}

.wtjdCont {

	margin-top: 26px;

	height: 392px;

	overflow: hidden;

}

.wtjdCont dl {

	margin: 0 16px;

	margin-bottom: 26px;

	border: 1px dashed #030303;

}

.wtjdCont dt {

	background-image: url(../images/tw_ico.png);

}

.wtjdCont dt a {

	color: #333;

}

.wtjdCont dd {

	line-height: 20px;

	background-image: url(../images/jd_ico.png);

	color: #333;

}

.wtjdCont dt, .wtjdCont dd {

	padding: 2px 14px 2px 34px;

	margin: 4px 0;

	line-height: 22px;

	background-position: 8px 4px;

	background-repeat: no-repeat;

}

/*加盟直通车*/

.jmztc {

	margin-bottom: 20px;

	border: 1px solid #ddd;

}

.ztcCont {

	overflow: hidden;

}

.ztcCont img {

	float: left;

}

.dySpan {

	margin-bottom: 22px;

}

/*动态*/

.dtBox {

	width: 493px;

	height: 378px;

	background-color: #fff;

	border: 1px solid #ddd;

}

.dtTab {

	overflow: hidden;

	background: url(../images/dttit.png) repeat-x center;

}

.dtTab span {

	float: left;

	width: 50%;

	height: 56px;

	line-height: 56px;

	color: #546a85;

	font-size: 14px;

	font-weight: bold;

	text-align: center;

}

.dtTab span.cur, .dtTab span:hover {

	background: url(../images/conttitbg.png) no-repeat left center;

}

.dtBox dl {

	margin: 14px;

	height: 102px;

	overflow: hidden;

}

.dtBox dd {

	margin-left: 166px;

}

.dtBox dd h5 {

	height: 32px;

	line-height: 32px;

	font-weight: normal;

	font-size: 13px;

	overflow: hidden;

}

.dtBox dd h5 a {

	color: #273e5b;

}

.dtBox dd p {

	line-height: 22px;

	color: #333;

}

.dtBox ul {

	margin: 0 14px;

}

.dtBox li {

	position: relative;

	height: 35px;

	line-height: 35px;

	border-bottom: 1px dashed #b3b3b3;

}

.dtBox li a {

	display: inline-block;

	padding-left: 12px;

	background: url(../images/dtliico.png) no-repeat left center;

	width: 370px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #333;

}

.dtBox li span {

	position: absolute;

	right: 0;

	top: 0;

}

/*在线留言*/

.lyBox {

	width: 566px;

	height: 378px;

	border: 1px solid #ddd;

	background: #fff url(../images/lyboxbg.jpg) no-repeat right 57px;

}

.lyCont {

	position: relative;

	overflow: hidden;

}

.lyCont .fPhone {

	position: absolute;

	left: 400px;

	top: 268px;

	font-size: 24px;

	color: #546a85;

}

.lyCont .m_form {

	margin-top: 20px;

	margin-left: 20px;

}

.lyCont .m_form li {

	margin-bottom: 4px;

	overflow: hidden;

}

.lyCont .m_form label {

	float: left;

	width: 36px;

	height: 30px;

	border: 1px solid #546a85;

	border-right-width: 0;

	text-align: center;

	background-color: #546a85;

}

.lyCont .m_form .areLi label {

	height: 104px;

}

.lyCont .m_form label img {

	position: relative;

	top: 7px;

}

.lyCont .m_form .iptTxt {

	float: left;

	width: 290px;

	border: 1px solid #546a85;

	height: 14px;

	line-height: 14px;

	padding: 8px 10px;

	outline: none;

	color: #fff;

	background-color: #546a85;

	font-family: microsoft yahei;

	border-left-color: #63768e;

}

.lyCont .m_form .txtAre {

	float: left;

	width: 290px;

	height: 94px;

	line-height: 20px;

	border: 1px solid #546a85;

	outline: none;

	resize: none;

	color: #fff;

	padding: 5px 10px;

	background-color: #546a85;

	font-family: microsoft yahei;

	border-left-color: #63768e;

}

.lyCont .m_form .btnSubmit {

	margin-top: 8px;

	width: 125px;

	height: 46px;

	cursor: pointer;

	border: none;

	background: url(../images/btnsubmit.png) no-repeat center;

}