.banner {
  background:  center no-repeat;
  background-size: cover;
  height: 641px;
  filter: progid:dximagetransform.microsoft.alphaimageloader( , sizingmethod='scale');
  position: relative;
  margin-bottom: 62px;
}

.banner .dingzhi {
  width: 620px;
  height: 344px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -172px 0 0 -310px;
  color: #000;
  text-align: center;
}

.banner .dingzhi h2 {
  font-size: 30px;
  height: 34px;
  margin: 0 auto 30px;
}

.banner .dingzhi p {
  font-size: 12px;
  line-height: 32px;
  margin: 0 auto 30px;
  color: #333;
}

.banner .dingzhi .dingzhibtn {
  width: 158px;
  height: 40px;
  margin: 0 auto;
}

.banner .dingzhi .dingzhibtn a {
  color: #fff;
  width: 158px;
  height: 40px;
  line-height: 40px;
  background: #e41518;
  display: block;
}

.banner .dingzhi .dingzhibtn a:hover {
  background: #b10d0f;
}

.joinwrap {
  background: #fff;
}
.joinwrap .jopad {
  padding: 60px 43px;
}
.joinwrap .menu {
  display: flex;
  border-bottom: 1px solid #ccc;
  height: 55px;
  margin-bottom: 70px;
  position: relative;
}
.joinwrap .menu .list {
  flex: 1;
  *width: 100px;
  float: left;
  height: 55px;
  text-align: center;
  overflow: hidden;
  position: relative; bottom:-2px;
  padding-left:80px;
  padding-right:80px;
}
/*.joinwrap .menu .list.st2 {
  position: absolute;
  left: 50%;
  margin-left: -160px;
}
.joinwrap .menu .list.st3 {
  position: absolute;
  left: 50%;
  margin-left: 105.75px;
}
.joinwrap .menu .list.st4 {
  position: absolute;
  right: 0;
}*/
.joinwrap .menu .list.active .listcontent {
  border-bottom: 2px solid #c70019;
  height:54px;
  *width: 100px;
}
.joinwrap .menu .list .listcontent {
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  cursor: pointer;
}
.joinwrap .menu .list .listcontent i {
  display: inline-block;
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 12px; 
}
.joinwrap .menu .list .listcontent .icon-kg {
  background: url(/uploads/image/phiserve/icon-kaiguan.png) center no-repeat;
}
.joinwrap .menu .list .listcontent .icon-zh {
  background: url(/uploads/image/phiserve/icon-zhuanhuan.png) center no-repeat;
}
.joinwrap .menu .list .listcontent .icon-pj {
  background: url(/uploads/image/phiserve/icon-shuma.png) center no-repeat;
}
.joinwrap .menu .list .listcontent .icon-led {
  background: url(/uploads/image/phiserve/icon-led.png) center no-repeat;
}
.joinwrap .menu .list .listcontent span {
  float: left;
  font-size: 14px;
  line-height: 40px;
  color: #000;
}
.joinwrap .tabbody .tablist {
  display: none;
}
.joinwrap .tabbody .tablist .need {
  margin-bottom: 140px;
}
.joinwrap .tabbody .tablist .need h2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 40px;
  text-align: center;
}
.joinwrap .tabbody .tablist .need .nebanner {
  margin-bottom: 40px;
}
.joinwrap .tabbody .tablist .need .nebanner img {
  font-size: 0;
}
.joinwrap .tabbody .tablist .need .text .teleft {
  width: 50%;
  float: left;
}
.joinwrap .tabbody .tablist .need .text .teleft p {
  font-size: 12px;
  color: #000;
  height: 12px;
  margin-bottom: 15px;
}
.joinwrap .tabbody .tablist .contact {
  text-align: center;
  color: #000;
  *overflow: hidden;
}
.joinwrap .tabbody .tablist .contact h2 {
  font-size: 24px;
  margin-bottom: 98px;
}
.joinwrap .tabbody .tablist .contact .text {
  position: relative;
}
.joinwrap .tabbody .tablist .contact .text .te7 {
  width: 70%;
  float: left;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .col-md-4 {
  *width: 229px;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .col-md-4, .joinwrap .tabbody .tablist .contact .text .te7 .row .col-md-3 {
  margin-bottom: 50px;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row i {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .co1 {
  background:  center no-repeat;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .co2 {
  background:  center no-repeat;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .co3 {
  background:  center no-repeat;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .co4 {
  background:  center no-repeat;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .co5 {
  background:  center no-repeat;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .co6 {
  background:  center no-repeat;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .co7 {
  background:  center no-repeat;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row .co8 {
  background:  center no-repeat;
}
.joinwrap .tabbody .tablist .contact .text .te7 .row span {
  font-size: 14px;
}
.joinwrap .tabbody .tablist .contact .text .te3 {
  float: left;
  width: 30%;
  position: relative;
}
.joinwrap .tabbody .tablist .contact .text .te3 .line {
  height: 228px;
  width: 1px;
  background: #000;
  position: absolute;
  left: 0;
  top: -15px;
}
.joinwrap .tabbody .tablist .contact .text .te3 .tetext {
  text-align: center;
  width: 210px;
  height: 116px;
  color: #000;
  margin: 44px auto 0;
}
.joinwrap .tabbody .tablist .contact .text .te3 .tetext h2 {
  font-size: 28px;
  margin-bottom: 20px;
}
.joinwrap .tabbody .tablist .contact .text .te3 .tetext .call {
  font-size: 20px;
  padding-left: 34px;
  height: 48px;
  line-height: 48px;
  background:  left center no-repeat;
  white-space:nowrap;
}
.joinwrap .tabbody .tablist:nth-of-type(2) .contact .text .te3 .tetext .call{
  padding-left: 44px;
}