/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* css document */
* {
transition: all .5s;*
}
* {
/*transition: all .5s;*/
}
.bannerbox {
width: 100%;
height: 300px;
}
#flashs {
position: relative;
height: 300px;
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(/uploads/image/simages/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(/uploads/image/simages/searchtxt.png) no-repeat center;
outline: none;
}
.search .sobtn {
float: right;
width: 50px;
height: 37px;
border: none;
background: url(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/cpmutit.png) no-repeat 36px center;
text-align: center;
}
.cpmu h4 a {
font-size: 16px;
color: #fff;
}
.cpmu ul {
}
.cpmu li {
background: url(/uploads/image/simages/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: 10px;
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(/uploads/image/simages/hdphoen_ico.png) no-repeat left center;
color: #546a85;
}
.cpmucont .mu_phone dd {
font-size: 24px;
font-family: arial, helvetica, sans-serif;
}
.cplist {
margin-right: 10px;
width: 760px;
overflow: hidden;
}
.cplist h4 {
margin: 8px 0;
height: 38px;
line-height: 38px;
background: url(/uploads/image/simages/conttitbg2.png) no-repeat left center;
background-color:#008ce1;
}
.cplist h4 a {
margin-left: 18px;
color:#ffffff;
}
.cplistcont {
}
.cplist dl {
margin: 10px 3px 6px;
float: left;
width: 182px;
}
.cplist dl dt img {
display: block;
border: 1px solid #e5e5e5;
}
.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 h4 {
margin: 11px;
height: 38px;
line-height: 38px;
background: url(/uploads/image/simages/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(/uploads/image/simages/ysboxbg.jpg) no-repeat center;
}
.ysbox dl {
position: absolute;
}
.ysbox dt {
margin-bottom: 12px;
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(/uploads/image/simages/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(/uploads/image/simages/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: 1968px;
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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/tw_ico.png);
}
.wtjdcont dt a {
color: #333;
}
.wtjdcont dd {
line-height: 20px;
background-image: url(/uploads/image/simages/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: 418px;
height: 378px;
background-color: #fff;
border: 1px solid #ddd;
}
.dttab {
overflow: hidden;
background: url(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/dtliico.png) no-repeat left center;
width: 270px;
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(/uploads/image/simages/lyboxbg.jpg) no-repeat right 57px;
}
.lycont {
position: relative;
/*overflow:hidden;*/
}
.lycont .fphone {
position: absolute;
left: 395px;
top: 255px;
font-size: 24px;
color: #546a85;
}
.lycont .m_form {
margin-top: 20px;
margin-left: 20px;
}
.lycont .m_form li {
margin-bottom: 4px;
overflow: hidden;
height:20px;
}
.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(/uploads/image/simages/btnsubmit.png) no-repeat center;
}
.lycont dl {
margin: 14px;
height: 102px;
overflow: hidden;
width:350px;
}
.lycont dd {
margin-left: 166px;
}
.lycont dd h5 {
height: 32px;
line-height: 32px;
font-weight: normal;
font-size: 13px;
overflow: hidden;
}
.lycont dd h5 a {
color: #273e5b;
}
.lycont dd p {
line-height: 22px;
color: #333;
}
.lycont ul {
margin: 0 auto 18px;
}
.lycont li {
position: relative;
height: 35px;
line-height: 35px;
border-bottom: 1px dashed #b3b3b3;
width:310px;
padding-left:15px;
}
.lycont li a {
display: inline-block;
padding-left: 12px;
background: url(/uploads/image/simages/dtliico.png) no-repeat left center;
width: 270px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #333;
}
.lycont li span {
position: absolute;
right: 0;
top: 0;
}
#demo{
width:1000px;
overflow:hidden;
}
#demo table{
margin: 8px auto;
padding: 18px 0;
width: 1968px;
overflow: hidden;
}
#demo table tr td {
margin: 0 9px;
width: 228px;
text-align: center;
}
#demo table tr td img {
padding: 4px;
border: 1px solid #d2d2d2;
}
#demo table tr td h5 {
margin: 6px auto 8px;
font-weight: normal;
}
#demo table tr td h5 a {
color: #333;
}
/*
.lycont ul {
margin: 0 14x;
width:320px;
}
.lycont li {
border-bottom: 1px dashed #b3b3b3;
}
.lycont li a {
display: inline-block;
padding-left: 12px;
background: url(/uploads/image/simages/dtliico.png) no-repeat left center;
width: 270px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #333;
}
.lycont li span {
position: absolute;
right: 0;
top: 0;
*/