@charset "utf-8";
/*
[58heating B2B System] Copyright (c) 2018- www.58heating.com
*/
/*升级页面横幅图*/
.banner_me {width: 100%;text-align: center;overflow: hidden;}
.banner_me img {display: block;width: 100%;max-width: 1920px;margin: 0 auto;}
/* common */
.m{width:1200px;margin:0 auto;}
/*升级页面项目*/
.project {margin-top:20px;margin-bottom:20px}
.project .title{padding-top: 16px;text-align: center;}
.project .title h3{position: relative;display: inline-block;font-size:24px;}
.project .title i{position: absolute;width: 55px;height: 5px;background: url(images/line.png) 0 0 no-repeat;left: 50%;top: 55px;margin-left: -27px;}

.hidetop{display: none;position: fixed;top:-1px;left: 50%;width: 1212px;margin-left: -600px;height: 60px;line-height: 60px;border-left: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;font-size: 16px;color: #526069;z-index: 9;}
.hidetop li{border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center;font-size: 16px;}
.hidetop li.back1{width:339px;background:#f5f5f5;}
.hidetop li.back5{width:216px;background:#e25630;color:#fff}
.hidetop li.back6{width:214px;background:#ffc36d;color:#fff}
.hidetop li.back7{width:214px;background:#56a8fc;color:#fff}
.hidetop li.back8{width:214px;background:#61ddad;color:#fff}
.hidetop li.back9{width:214px;background:#475975;color:#fff}
.hidetop li.back10{width:214px;background:#475975;color:#fff}
.hidetop li.back11{width:214px;background:#475975;color:#fff}
.hidetop li.back12{width:214px;background:#475975;color:#fff}
.hidetop li.back13{width:214px;background:#475975;color:#fff}
.hidetop li.back14{width:214px;background:#475975;color:#fff}
.hidetop li.back15{width:214px;background:#475975;color:#fff}
/* show */
.title {height: 70px;line-height: 65px;font-size: 24px;text-align:center;font-weight: bold;}
.title_trade {line-height: 35px;text-align:center;font-weight: bold;margin:0 0 8px 0;border-bottom:#F1F1F1 1px solid;padding:0 0 10px 0;color: #E60010;font-size: 18px;}

.project table{background-color: #fff;margin-top: 30px;border-collapse: collapse;border-spacing: 0; width: 1200px;word-wrap: break-word; word-break: break-all;table-layout: fixed}
.project table.tablemt10{margin-top: -1px;}
.project table th.up1{width:172px!important;}
.project table th.up2{width:222px!important;}
.project table th span{color: #fff;font: bold 18px/30px "microsoft yahei";}
.project table th{height: 88px;font: normal 14px/30px "microsoft yahei";}
.project table th strong{font: bold 16px/30px "microsoft yahei";}
.project table th p{font: bold 18px/30px "microsoft yahei";color: #0693f5;}
.project table th i{font: normal 18px/30px "microsoft yahei";color: #eb201d;}
.project table th b{font: normal 24px/30px "microsoft yahei";color: #eb201d;}
.project table td{height: 40px;text-align: center;}
.project table  .xiaozhi{padding-left:20px;padding-right:20px;font: normal 15px/30px "microsoft yahei";height: 100px;text-align: left;background-color: #f3f9ff;}
.project table th a.btn{width: 110px;height: 30px;letter-spacing: 0;border-radius: 3px;display: block;font:bold 16px/30px "microsoft yahei";text-indent: 10px;color: #fff;margin: 0 auto;text-align: left;background: url(images/finger.png) 80px 5px no-repeat #0693f5;}
.project table .serviceleft{background-color: #fff4eb;font: bold 18px/30px "microsoft yahei";color: #0693f5;}
.project table .serviceright{background-color: #f3f9ff;font: bold 15px/30px "microsoft yahei";}
.project table .serviceright img{vertical-align:middle;margin-top:-5px}
.project table .serviceright a{color: #666666;}
.project table tr td{font: normal 16px/18px "microsoft yahei";}
.project table tr td a.btn{font: normal 14px/32px "microsoft yahei";width: 98px;height: 32px;display: inline-block;color: #fff;background-color: #f54a47;border-radius: 2px;}

/*membshare*/
.membshare h2{margin:10px 0 20px;height:56px;line-height:56px;background:url('images/member/p1titbg_24.png') no-repeat center bottom;text-align:center;font-size:24px;color:#181818;}
.membshare ul{width:1220px;padding-bottom:10px;}
.membshare li{width:378px;height:138px;padding:16px 0 0 112px;border:1px solid #e4e4e4;margin-right:15px;}
.membshare li:nth-child(1){margin-left:17px}
.membshare li p{width:255px;font-size:14px;line-height:20px;color:#5f5f5f;}
.membshare li h4{height:38px;line-height:38px;color:#181818;font-size:18px;}
li.icon1{background:url('images/member/p1icon1_28.jpg') no-repeat 16px 48px;}
li.icon2{background:url('images/member/p1icon2_28.jpg') no-repeat 22px 41px;}
li.icon3{background:url('images/member/p1icon3_28.jpg') no-repeat 20px 25px;}
.membshare li:hover{
    -webkit-animation:boxShadow 2s 0s ease-in-out  infinite alternate;
    -moz-animation:boxShadow 2s 0s ease-in-out  infinite alternate;
} 
@-webkit-keyframes boxShadow{
    0%{-webkit-box-shadow: 0 0 8px rgba(48,137,431,.2);}
    50%{-webkit-box-shadow: 0 0 8px rgba(48,137,431,.7);}
    100%{-webkit-box-shadow: 0 0 8px rgba(48,137,431,.2);}
}
@-moz-keyframes boxShadow{
    0%{-moz-box-shadow: 0 0 8px rgba(48,137,431,.2);}
    50%{-moz-box-shadow: 0 0 8px rgba(48,137,431,.7);}
    100%{-moz-box-shadow: 0 0 8px rgba(48,137,431,.2);}
}

/*header&banner*/
.header{width: 100%;}
.header .top{width: 1080px;margin: 0 auto;}
.header .top h1{width: 250px;height: 60px;float: left;margin-top: 15px;margin-bottom: 15px;}
.header .top h1 img{width: 100%;}
.header .top .aboutnav{float: right;}
.header .top .aboutnav li{float: left;  position: relative;}
.header .top .aboutnav li a{line-height: 90px;padding:0 15px;  font-size: 16px;  font-family: "Microsoft Yahei";  color:#333333;}
.header .top .aboutnav li:first-child a{  border: 0;}
.header .top .aboutnav li .active{  position: absolute;  bottom: 29px;  left: 15px;  color:#185fa7;  display: block;  width: 64px;  height: 2px;  background: #185fa7}
.header .top .aboutnav li .aon{color:#185fa7;}
.header .top .aboutnav li a:hover{color:#ff5800;}
.header .top .aboutnav li.drop{position:relative;}
.header .top .aboutnav li.drop .helpspk{position:absolute;display:none;width: 88px;height:144px;top: 65px;left: 2px;text-align: center;border: 1px solid #e8e8e8;z-index: 168;}
.header .top .aboutnav li.drop .helpspk dl a{background:#ffffff;color: #000;padding:7px 11px;height: 36px;line-height: 36px;}
.header .top .aboutnav li.drop:hover .helpspk{display:block;background: #ffffff;}
.header .top .aboutnav li.drop .helpspk dl a:hover{padding:7px 11px;height: 36px;color: #4E6EF2;background:#f9f9f9;}
.header .banner{  width: 100%;height: 180px;float: left;background: url(https://www.58heating.com/about/images/help-banner.jpg) center top no-repeat;}