@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0;padding: 0;}
html, body{ _zoom: 1; font: 12px/1.125 Arial,Helvetica,sans-serif; color: #7b7f82;text-align: left; }
a{ outline:none;  color:#1184B4; TEXT-DECORATION:none;cursor: pointer; } a:hover{ color:#FE3676; } a:focus{ -moz-outline-style:none } a img{ border:none; }
h1, h2, h3, h4, h5, h6, ul, li { margin: 0; padding: 0; list-style-type: none; }

.wrapper {
  background: url(//i1.hdslb.com/u_user/html/about/img/top_repeat.png) repeat-x;
  position: relative;
}

.banner {
  background: url(//activity.hdslb.com/zzjs/aboutUs/img/top_pic.jpg) top center no-repeat;
  position: relative;
  height: 183px;
}
.banner .banner-content{
  width: 970px;
  margin: 0 auto;
  position: relative;
}
.banner .banner-content .logo{
  position: absolute;
  left: 0;
  top: 35px;
  width: 250px;
  height: 100px;
}

.container {
  width: 970px;
  margin: 0 auto;
  position: relative;
}
.container:after{
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear:both;
  font-size:0px;
}
*.container{zoom:1;}
.content {
  padding: 5px 0px;
  margin: 10px 0px;
  position: relative;
}

.content.left { float: left; width: 640px; }
.content.right { float: right; width: 300px; }

.article {
  margin: 10px 0px;
  padding: 5px;
  position: relative;
  color: #7b7f82;
  font-size: 14px;
  line-height: 26px;
  font-family: "Microsoft YaHei";
}
.article .arc-cnt-pre{
  white-space: pre;
  word-wrap: break-word;
  word-break: break-all;
}
.article a img { vertical-align: middle; }

.subtitle {
  background: url(../img/hint_title.png) no-repeat;
  height: 30px;
  border-bottom: 4px solid #eee;
  clear: both;
}

.subtitle-about-us { background-position: 0px -3px; }
.subtitle-contact-us { background-position: 0px -36px; }
.subtitle-meetings { background-position: 0px -69px; }
.subtitle-other { background-position: 0px -102px; }
.subtitle-content { background-position: 0px -135px; }
.subtitle-join { background-position: 0px -168px; }
.subtitle-issues { background-position: 0px -201px; }

.subtitle-new {
  background: url(//static.hdslb.com/images/v2images/text_01.png) no-repeat 0 3px;
  display: block;
  padding: 0 0 0 16px;
  font-size: 15px;
  color: #555;
  font-weight: 700;
  font-family: "microsoft yahei",simhei;
  height: 30px;
  line-height:24px;
  border-bottom: 4px solid #eee;
  clear: both;
}
.weibo-c{
  display:block;
  float:left;
  height:20px;
  padding-top:57px;
  margin-right:40px;
}
.weibo-c.sina{
  background: url(../img/sinaweibo.png) no-repeat;
}
.weibo-c.qq{
  background: url(../img/qqweixin.png) no-repeat;
  width: 57px;
    text-align: center;
    position: relative;
}
.weibo-c.qq .weixin-qrcode {
    width: 130px;
    height: 130px;
    background: #fff;
    top: -140px;
    left: -37px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s;
}
.weixin-qrcode .qr {
    width: 130px;
    height: 130px;
    border: 1px solid #dddddd;
    background: url(//static.hdslb.com/ad-images/wx.jpg) center center no-repeat;
}
.weixin-qrcode .wx-arrow {
    width: 130px;
    height: 143px;
    background: url(//static.hdslb.com/ad-images/wx-arrow.png) bottom center no-repeat;
}
.weibo-c.qq:hover .weixin-qrcode {
    visibility: visible;
    opacity: 1;
}

.clear{
  clear:both;
}

.inner-box {
  background: url(../img/abu_oth.png) no-repeat;
  margin: 20px 10px;
  width: 300px;
  height: 109px;
  position: relative;
  text-align: center;
  line-height: 18px;
  padding-top: 33px;
  font-size: 14px;
  float: left;
}

.inner-box a img { vertical-align: middle; }

.inner-box-title {
  text-align: center;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  color: white;
  font-weight: bold;
  font-size: 14px;
  line-height: 33px;
  height: 33px;
}

.attention { border: 1px solid #e3e0e7; background: #f3f5f7; padding: 10px 20px; border-radius: 4px; }

.color-alert { color: #f25d8e; }

.section { color: #7b7f82; line-height: 22px; font-size: 13px; position: relative; border: 1px solid #e3e0e7; border-radius: 6px; width: 600px; margin: 20px 0px; padding: 15px; padding-top: 47px; }
.section-title { width: 610px; position: absolute; left: 0; top: 0; background: url(../img/tan.gif) no-repeat; height: 32px; line-height: 32px; padding-left: 20px; font-weight: bold; color: white; font-size: 14px; border-bottom: 1px solid #e3e0e7; }