﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

@charset "utf-8";

/* CSS Document */

* {

	transition: all .5s;

}

.bannerBox {

	width: 100%;

	height: 659px;

}

#flashs {

	position: relative;

	height: 659px;

	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: #81d8d0;

}

.mainContent {

	padding: 43px 0 20px 0;
	background: #fdfaf5;

}

/*搜索*/
.wy_search{background: #f8f8f8;height: 63px;}
.wy_search_wrap{width: 1200px;margin: 0 auto;height: 63px;line-height: 63px;color: #393939;}
.search_link{color: #393939;}
.search_link a{color: #393939;padding-right: 8px;}
.search_link a:hover{color: #bc0001;}
.search_search{margin-top: 13px;}
.search_search input#seachkeywords{width: 194px;height: 30px;line-height: 30px;border: 2px solid #81d8d0;padding: 0 10px;color: #393939;float: left;}
.search_search input.submit{float:right;width: 45px;height:34px;line-height: 34px;text-align: center;padding: 0;margin: 0;border: 0;box-shadow:none;background: #81d8d0;color: #fff;cursor: pointer;}


.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(/skin/images/searchtxt.png) no-repeat center;

	outline: none;

}

.search .soBtn {

	float: right;

	width: 50px;

	height: 37px;

	border: none;

	background: url(/skin/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(/skin/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 h4 {

	height: 34px;

	line-height: 34px;

	font-size: 16px;

}

.alMu h4 a {

	color: #fff;

}

.alMu ul {

	margin-top: 16px;

}

.alMu li {

}

.alMu li a {

	padding-left: 60px;

	color: #fff;

	display: block;

	background: url(/skin/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(/skin/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: 446px;

}

.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(/skin/images/titmore_ico.png) no-repeat right center;

}

.cpSpan {

	margin-top: 22px;

	margin-bottom: 22px;

	padding-top: 10px;

	height: 644px;

	background-color: #fff;

	overflow: hidden;

}

.cpMu {

	margin-left: 10px;

	width: 210px;

	overflow: hidden;

}

.cpMu h4 {

	height: 54px;

	line-height: 54px;

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

	text-align: center;

}

.cpMu h4 a {

	font-size: 16px;

	color: #fff;

}

.cpMu ul {

}

.cpMu li {

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

}

.cpMu li a {

	padding-left: 16px;

	margin: 0 6px;

	display: block;

	height: 37px;

	line-height: 37px;

	border-bottom: 1px dotted #b2bcc8;

	font-size: 13px;

	color: #333;

	text-decoration: none;

}

.cpMu li:hover {

	background-color: #546a85;

}

.cpMu li:hover a {

	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 {

	margin-left: 10px;

	padding-left: 36px;

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

	color: #546a85;

}

.cpMuCont .mu_phone dd {

	font-size: 24px;

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

}
.wy_pro{background:url(/skin/images/pro_bg.png) repeat-x top center #81d8d0;padding: 40px 0;}
.qf_product{width: 1200px;margin: 0 auto;}
.cpList {
	width: 1200px;
	overflow: hidden;
	margin-top: 30px;
	*margin-right: -28px;
}


.cpList dl:nth-child(1) {
	animation-delay: 0.0s
}
.cpList dl:nth-child(2) {
	animation-delay: 0.1s
}
.cpList dl:nth-child(3) {
	animation-delay: 0.2s
}
.cpList dl:nth-child(4) {
	animation-delay: 0.3s
}
.cpList dl:nth-child(5) {
	animation-delay: 0.4s
}
.cpList dl:nth-child(6) {
	animation-delay: 0.5s
}
.cpList dl:nth-child(7) {
	animation-delay: 0.6s
}
.cpList dl:nth-child(8) {
	animation-delay: 0.7s
}






.cpList h4 {

	margin: 8px 0;

	height: 38px;

	line-height: 38px;

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

}

.cpList h4 a {

	margin-left: 18px;

	color: #546a85;

}

.cpListCont {
	margin-right: -24px;overflow: hidden;
}

.cpList dl {

	margin: 0 24px 36px 0;

	float: left;

	width: 282px;

}
.cpList dl dt{
	height: 423px;width: 282px;
	background: #f5f4f0;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	/* display:table-cell;  */
	display: block;
}
.cpList dl dt a{
	display: block;
}
.cpList dl dt img {
	display: block;
	max-width: 100%;

}

.cpList dl dd {
	height: 55px;
	overflow: hidden;
	text-align: center;
	background:#fff;

}

.cpList dl dd h5 {

	font-size: 18px;
	height: 55px;
	color: #252525;
	line-height: 55px;
	font-weight: 100;

}

.cpList dl dd h5 a {

	color: #252525;

}

.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 h4 {

	margin: 11px;

	height: 38px;

	line-height: 38px;

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

}

.hzhb h4 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(/skin/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(/skin/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(/skin/images/titmore_ico.png) no-repeat right center;

}

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

.gdn {
	margin: 30px auto;
}

.gdn ul {

	margin: 0 auto;
	width: 1200px;
	overflow: hidden;

}

.gdn li {

	margin: 0 14px;

	float: left;

	width: 252px;

	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(/skin/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(/skin/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; */
}

/*关于*/
.qf_about{width: 100%;background: #fdfaf5;padding: 40px 0;}
.qf_title{text-align: center;}
.qf_title h2{font-size: 36px;color: #4f4f4f;line-height: 50px;}
.qf_title h2 span{padding: 0 9px;}
.qf_title h2 img{vertical-align: middle;}
.qf_title p{font-size: 16px;color: #4f4f4f;font-family: Arial;line-height: 30px;}
.gyCont_wrap{padding: 20px 20px 58px 20px;background: url(/skin/images/kuang.png) no-repeat top center;}

.gyBox {
	width: 1200px;
}

.gyCont {
	padding:0 49px;
	margin-top: 20px;
}

.gyBox dl {

	margin: 18px;
	overflow: hidden;

}

.gyBox dd {

	margin-left: 328px;
	color: #2e2e2e;font-size: 14px;

}

.gyBox dd p {

	margin-bottom: 28px;
	line-height: 34px;
	overflow: hidden;

}

.gyBox dd .gyMore {
	color: #fdfaf5;
	font-size: 14px;
	display: block;
	width: 121px;height: 35px;line-height: 35px;text-align: center;
	background: #a32700;
}

.gyBox .cjBox {

	margin: 0;

}

.gyBox .cjBox .cjTit {

	height: 22px;

	line-height: 22px;

	font-size: 14px;

}

.gyBox .cjBox .cjTit a {

	color: #546a85;

}

.gyBox .cjBox ul {

	margin: 26px auto 0 auto;
	overflow: hidden;

}

.gyBox .cjBox li {

	margin-right: 11px;

	float: left;

	width: 188px;

	text-align: center;

}
.gyBox .cjBox li a{display: block;width: 182px;border: 3px solid #ba5700;}
.gyBox .cjBox li h5 {

	margin-top: 10px;

	font-weight: normal;

}

.gyBox .cjBox li h5 a {

	color: #333;

}

/*问题解答*/

.wtjd {

	width: 338px;

}

.wtjdCont {

	padding-top: 15px;

	height: 377px;
border: 2px solid #e0e1e2;
border-top: 0;
	overflow: hidden;

}

.wtjdCont dl {

	margin: 0 10px;
	margin-bottom: 10px;

}

.wtjdCont dt {

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

}

.wtjdCont dt a {

	color: #333;

}

.wtjdCont dd {

	line-height: 20px;

	background-image: url(/skin/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;

}

.wy_news{background: #f7f7f7;padding: 55px 0;}
.dySpan {

	margin-bottom: 22px;

}

/*动态*/
.qf_line{width:1px;background: #d5d3cf;margin: 0 14px;min-height: 381px;padding-bottom: 30px;}
.dtBox {
	width: 839px;
}

.dtTab {

	overflow: hidden;

	background: #393939;

}
.cpConts{width: 799px;border:2px solid #e0e1e2;padding: 18px;border-top: 0;}
.dtTab a{display: block;float: right;line-height: 56px;color: #fff;font-size: 14px;margin-right: 12px;}
.dtTab span {

	float: left;

	width: 150px;

	height: 56px;

	line-height: 56px;

	color: #fff;

	font-size: 18px;

	text-align: center;

	cursor: pointer;

}

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

	background: #81d8d0;

}

.dtBox dl {

	margin: 0;
	overflow: hidden;

}
.dtBox dl .fl{width: 290px;height: 156px;overflow: hidden;}
.dtBox dl .fl a{display: block;width: 290px;height: 156px;
	background-repeat: no-repeat;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}
.dtBox dd {

	margin-left: 325px;

}

.dtBox dd h5 {

	height: 32px;

	line-height: 32px;

	font-weight: normal;

	font-size: 16px;

	overflow: hidden;

}

.dtBox dd h5 a {

	color: #31afa7;

}
.dtBox dd a.news_more{display: block;width: 112px;line-height: 30px;text-align: center;background: #5c5c5c;border-radius: 20px;color: #fff;margin-top: 10px;}
.dtBox dd a.news_more:hover{background: #81d8d0;}
.dtBox dd p {

	line-height: 28px;
	color: #6a6a6a;
	font-size: 14px;

}

.dtBox ul {

	margin: 15px 0 0 0;

}

.dtBox li {

	position: relative;

	height: 36px;

	line-height: 36px;

	border-bottom: 1px dashed #ddd;

}

.dtBox li a {

	display: inline-block;

	padding-left: 12px;
	font-size: 14px;

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

	width: 358px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #6b6b6b;

}

.dtBox li span {

	position: absolute;

	right: 0;

	top: 0;color: #6b6b6b;

}

/*在线留言*/

.lyBox {

	width: 566px;

	height: 378px;

	border: 1px solid #ddd;

	background: #fff url(/skin/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(/skin/images/btnsubmit.png) no-repeat center;

}


.qf_advantage{width: 100%;background: #fdfaf5;padding: 42px 0;}
.qf_advantage_wrap{width: 1200px;margin: 0 auto;}
.qf_advantage_c{margin-top: 35px;}
.advantage_img{width: 415px;height: 415px;margin-left: 68px;}
.advantage_img img{width: 415px;height: 415px;}
.advantage_r{width: 310px;margin-top: 46px;background: url(/skin/images/advantage_r.jpg) no-repeat top center;padding-left: 134px;height: 345px;margin-right: 29px;}
.advantage_r p{margin: 6px 0 70px 0;font-size: 16px;color: #333231;line-height: 24px;}

.picture{ float:left; width:254px;overflow:hidden; display:inline;margin: 0 8px;}
.picture1{   
  /* height:234px; */
  width:252px;
  text-align:center;
  vertical-align:middle;
  background-color:#FFFFFF;
  border:1px solid #f2f2f2;
  overflow:hidden;
 /*  display:table-cell;  */
  /* position:relative;  */
  display: block;
  *font-size: 205px; /*此处的font-size为height除以1.14 */
}
.picture1 img{max-width: 252px;max-height: 234px;}
.picture2{width:254px; height:38px; text-align:center;line-height: 38px;font-size: 16px;font-weight: 100;}
.picture2 a{color: #393939;}
.picture1 img{ vertical-align:middle; border:0;}


.qf_category{text-align: center;margin: 30px 0 40px 0;}
.qf_category a{*float: left;display: inline-block;font-size: 16px;color: #fff;
background: #81d8d0;text-align: center;width: 140px;line-height: 36px;margin: 0 2px 4px 2px;height: 36px;
overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap;
}
.qf_category a:hover{background: #e50150;}


.wy_about{width: 100%;background:#fff;margin: 36px 0;}
.wy_about_wrap{width: 1200px;margin: 0 auto;}
.www_title{text-align: center;}
.www_title p{color: #999999;font-size: 29px;line-height: 36px;}
.www_title h2{color: #4ac0b9;font-size: 32px;line-height: 40px;font-weight: 100;}
.wy_about_content{font-size: 16px;color: #d6d6d6;line-height: 35px;margin-top: 36px;}
.wy_about_content .about_imgs{float: left;width: 600px;height: 370px;cursor: pointer;overflow: hidden;}
.wy_about_content img{max-width: 100%;}
.about_content_r{float: right;width: 572px;font-size: 16px;color: #3f3f3f;line-height: 36px;}
.about_content_r h2{color: #3f3f3f;font-size:23px}
.wy_about .wy_more{background: #414141;display: inline-block;width: 126px;height: 40px;line-height: 40px;text-align: center;color: #fff;margin-top: 35px;border-radius:25px;margin-right: 15px;}
.wy_about .wy_more:hover{background: #81d8d0;}
.wy_about .wy_more.hover{background: #81d8d0;}