﻿/**!
 * æŠšé¡ºç§‘æŠ€å±€é¦–é¡µ
 * author: hcong;
 */



/* æ ·å¼åéœ€åŠ å‰ç¼€ewb- */

.ewb-main {
  padding-top: 20px;
}
/* å¤´æ¡ */

.ewb-topline {
  position: relative;
  height: 64px;
  line-height: 64px;
  background: #fff;
  text-align: center;
}

.ewb-topline-tt {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 41px;
  height: 56px;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding: 8px 30px 0 8px;
  background: url('../images/topline_icon.png') no-repeat;
}

.ewb-topline-title {
  display: block;
  font-size: 28px;
  padding-left: 94px;
  font-weight: bold;
  color: #b10b0b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #f7f9fa;
}

/* è½®æ’­å›¾ */
.wb-slider {
  position: relative;
  overflow: hidden;
}

.wb-slider-conbox {
  width: 368px;
  height: 284px;
  overflow: hidden;
}

.wb-slider-ctag {
  position: relative;
  width: 368px;
  height: 284px;
}

  .wb-slider-ctag img {
      width: 100%;
      height: 100%;
  }

.wb-slider-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/mask-bg.png);
}

  .wb-slider-mask .ellipsis {
      margin-left: 10px;
      width: 164px;
      color: #fff;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-decoration: none;
  }

.wb-slider-switcher {
  position: absolute;
  right: 0px;
  bottom: 17px;
  height: 8px;
}

.wb-slider-stag {
  float: left;
  margin-right: 10px;
  height: 8px;
  width: 8px;
  background: url(../images/stag.png) no-repeat;
  cursor: pointer;
}

  .wb-slider-stag.cur {
      background-image: url(../images/stag-active.png);
  }

/*å¹¿å‘Šè½®æ’­å›¾*/
.wb-sliders {
  position: relative;
  overflow: hidden;
}

.divtitle{
width: 234px;
      color: #fff;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-decoration: none;
}

.wb-slider-conboxs {
  width: 998px;
  height: 116px;
  overflow: hidden;
}

.wb-slider-ctags {
  position: relative;
}

  .wb-slider-ctags img {
      width: 100%;
      height: 100%;
  }

.wb-slider-masks {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/mask-bg.png);
}

  .wb-slider-masks .ellipsis {
      margin-left: 10px;
      width: 164px;
      color: #fff;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-decoration: none;
  }

.wb-slider-switchers {
  position: absolute;
  right: 0px;
  bottom: 17px;
  height: 8px;
}

.wb-slider-stags {
  float: left;
  margin-right: 10px;
  height: 8px;
  width: 8px;
  background: url(../images/stag.png) no-repeat;
  cursor: pointer;
}

  .wb-slider-stags.cur {
      background-image: url(../images/stag-active.png);
  }


/* é€šçŸ¥å…¬å‘Š */

.ewb-notice {
  background: #fff;
}

.ewb-notice-hd {
  padding-top: 9px;
  height: 33px;
}

.ewb-notice-tt {
  display: block;
  height: 33px;
  position: relative;
  padding: 0 5px;
  margin-left: 7px;
}

.ewb-arrow-icon {
  display: none;
  width: 16px;
  height: 10px;
  background: url('../images/arrow_icon.png') no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: 0;
}

.ewb-tab-l {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 26px;
  background: url('../images/tab_l_icon.png') no-repeat;
}

.ewb-tab-r {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 26px;
  background: url('../images/tab_r_icon.png') no-repeat;
}

.ewb-notice-tt a {
  display: block;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  font-size: 16px;
  color: #1b2973;
}

.ewb-notice-tt.current .ewb-arrow-icon,
.ewb-notice-tt.current .ewb-tab-l,
.ewb-notice-tt.current .ewb-tab-r {
  display: block;
}

.ewb-notice-tt.current a {
  background: #1b2973;
  color: #fff;
}

.ewb-notice-bd {
  padding: 0 10px;
  height: 242px;
}

.ewb-notice-item {
  height: 29px;
  line-height: 29px;
  font-size: 14px;
  vertical-align: top;
}

  .ewb-notice-item a {
      display: block;
      float: left;
      max-width: calc(100% - 100px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #333;
      text-indent: 15px;
      background: url('../images/info_icon.png') left center no-repeat;
  }

.ewb-date {
  float: right;
  color: #999;
}

.ewb-notice-item:hover a,
.ewb-notice-item:hover .ewb-date {
  color: #e90215;
}

.ewb-propa a {
  display: block;
  width: 998px;
  height: 116px;
  line-height: 116px;
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: url('../images/title_bg.jpg') no-repeat;
}

/* ä¿¡æ¯å…¬å¼€ */

.ewb-info {
  padding: 0 10px;
  margin-top: 10px;
  background: #fff;
}

.ewb-info-hd {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #1b2973;
  font-weight: bold;
  text-indent: 10px;
  border-bottom: 2px solid #1b2973;
}

  .ewb-info-hd a {
      color: #1b2973;
  }

.ewb-notice-tt.ewb-ml0 {
  margin-left: 0;
}

.ewb-notice.ewb-mod01 {
  width: 306px;
}

.ewb-notice-bd.ewb-pd0 {
  padding: 0;
}

.ewb-mod02 .ewb-notice-item a {
  max-width: 210px;
}

.ewb-notice.ewb-ml30 {
  margin-left: 30px;
}

/* ä¾¿æ°‘æœåŠ¡ */

.ewb-service {
  height: 116px;
  margin-top: 10px;
  background: #fff;
}

.ewb-service-hd {
  width: 60px;
  float: left;
  background: url('../images/service_bg.png') left center no-repeat;
}

  .ewb-service-hd a {
      display: block;
      line-height: 24px;
      padding: 10px 32px 0 10px;
      height: 106px;
      font-size: 18px;
      font-weight: bold;
      color: #fff;
  }

.ewb-service-bd {
  float: left;
  padding-top: 17px;
}

.ewb-service-item {
  width: 62px;
  float: left;
  margin-left: 50px;
}

  .ewb-service-item a {
      display: block;
      padding-top: 60px;
      height: 28px;
      line-height: 28px;
      font-size: 14px;
      color: #333;
      text-align: center;
      background-position: center top;
      background-repeat: no-repeat;
  }

.ewb-service-a0 {
  background-image: url('../images/service1.png');
}

.ewb-service-a1 {
  background-image: url('../images/service2.png');
}

.ewb-service-a2 {
  background-image: url('../images/service3.png');
}

.ewb-service-a3 {
  background-image: url('../images/service4.png');
}

.ewb-service-a4 {
  background-image: url('../images/service5.png');
}

.ewb-service-a5 {
  background-image: url('../images/service6.png');
}

.ewb-service-a6 {
  background-image: url('../images/service8.png');
}

.ewb-service-a7 {
  background-image: url('../images/service8.png');
}

.ewb-service-a0:hover {
  background-image: url('../images/service1h.png');
}

.ewb-service-a1:hover {
  background-image: url('../images/service2h.png');
}

.ewb-service-a2:hover {
  background-image: url('../images/service3h.png');
}

.ewb-service-a3:hover {
  background-image: url('../images/service4h.png');
}

.ewb-service-a4:hover {
  background-image: url('../images/service5h.png');
}

.ewb-service-a5:hover {
  background-image: url('../images/service6h.png');
}

.ewb-service-a6:hover {
  background-image: url('../images/service8h.png');
}

.ewb-service-a7:hover {
  background-image: url('../images/service8h.png');
}

/* ç½‘ä¸ŠåŠžå…¬ */

.ewb-bg-w {
  background: #fff;
}

.ewb-info.ewb-mod03 {
  width: 644px;
  margin-top: 0;
}

.ewb-online {
  width: 305px;
  float: right;
  margin-right: 10px;
}

.ewb-online-hd {
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid #1b2973;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
}

  .ewb-online-hd a {
      color: #1b2973;
  }

.ewb-online-items {
  padding-top: 14px;
}

.ewb-online-item a {
  display: block;
  width: 305px;
  height: 125px;
}

/* å›¾ç‰‡é“¾æŽ¥ */

.ewb-imglink-item {
  float: left;
  margin-left: 10px;
}

  .ewb-imglink-item.first {
      margin-left: 0;
  }

  .ewb-imglink-item a {
      display: block;
      width: 326px;
      height: 74px;
  }

/* åœ¨çº¿äº’åŠ¨ */
.ewb-interact {
  height: 74px;
  margin-top: 10px;
  background: #fff;
}

.ewb-interact-hd {
  width: 79px;
  float: left;
  background: url('../images/topline_icon.png') left center no-repeat;
}

.ewb-interact-bd {
  float: left;
}

.ewb-interact-hd a {
  display: block;
  padding: 12px 30px 0 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #fff;
  height: 62px;
}

.ewb-interact-items {
  padding-top: 11px;
}

.ewb-interact-item {
  float: left;
  margin-left: 70px;
}

  .ewb-interact-item a {
      display: block;
      padding-left: 72px;
      height: 52px;
      line-height: 52px;
      font-size: 16px;
      color: #333;
      background-position: left center;
      background-repeat: no-repeat;
  }

.ewb-interact-a1 {
  background-image: url('../images/inter1.png');
}

.ewb-interact-a2 {
  background-image: url('../images/inter2.png');
}

.ewb-interact-a3 {
  background-image: url('../images/inter3.png');
}

.ewb-interact-a4 {
  background-image: url('../images/inter4.png');
}

/* ç§‘æŠ€è§†é¢‘ */

.ewb-video {
  padding: 0 10px;
  margin-top: 10px;
  background: #fff;
}

.ewb-video-hd {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  border-bottom: 2px solid #1b2973;
}

  .ewb-video-hd a {
      color: #1b2973;
  }

  .ewb-video-hd .ewb-more {
      font-size: 14px;
      color: #999999;
      float: right;
      font-weight: normal;
  }

.ewb-video-bd {
  padding-top: 15px;
  height: 185px;
}

.ewb-video-item {
  float: left;
  margin-left: 16px;
}

  .ewb-video-item.first {
      margin-left: 0;
  }

  .ewb-video-item img {
      width: 232px;
      height: 168px;
  }

.ewb-video-mod {
  position: relative;
}

.ewb-video-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  background: url('../images/mask-bg.png') repeat;
}

  .ewb-video-name a {
      color: #fff;
  }
