@charset "UTF-8";
/* CSS Document */
body {
  background: #fff !important;
  font: 12px/1.5 Microsoft YaHei,tahoma,arial,\5b8b\4f53;
  text-align: left;
  color: #000; }

/* 修正IE6振动bug */
* html, * html body {
  background-image: url(about:blank);
  background-attachment: fixed; }

/*设置页面宽度；*/
.inner {
  width: 1120px;
  margin: 0px auto; }

/**/
.over_h {
  overflow: hidden;
  zoom: 1; }

.img {
  border: none;
  background-color: #fff; }

/*去掉链接虚线框*/
a {
  color: #000;
  text-decoration: none; }

a:hover {
  color: #380;
  text-decoration: none; }

a:active {
  star: expression(this.onFocus=this.blur()); }

a:focus {
  outline: none; }

.clear {
  clear: both; }

strong {
  font-weight: normal; }

body .navibar-wap {
  width: 1120px; }

html .g-footer {
  background: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.mark, .fl, .subMark, .fr {
  display: inline; }

.icons {
  background: url(../images/icons.png) no-repeat scroll 0% 0% transparent; }

body .navibar-wrap {
  width: 1120px; }

a:hover {
  color: #fff; }

.font-red {
  color: #ae191f; }

.dn {
  display: none !important; }

.icons {
  background: url("../images/icons.png") no-repeat scroll 0% 0% transparent; }

.banner {
  width: 100%;
  height: 450px; }

.navMod {
  width: 100%;
  height: 50px;
  background: #ae191f;
  margin-bottom: 40px;
  text-align: center; }
  .navMod .item {
    display: inline-block;
    width: 108px;
    height: 50px;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    line-height: 50px;
    color: #fff; }
  .navMod .cur {
    background-color: #002a8d;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-delay: 0s;
    animation-duration-delay: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: rtt3d;
    animation-name: rtt3d; }

.area {
  margin-bottom: 40px; }
  .area .title {
    height: 84px;
    margin-bottom: 30px;
	margin-top:20px;
    text-align: center; }

.area1 {
  height: 400px; }
  .area1 .focus-pic-1 {
    width: 722px;
    height: 386px;
    position: relative;
    overflow: hidden; }
    .area1 .focus-pic-1 .control {
      width: 154px;
      height: 20px;
      position: absolute;
      top: 345px;
      left: 50%;
      margin-left: -77px;
      text-align: center; }
      .area1 .focus-pic-1 .control li {
        display: inline; }
      .area1 .focus-pic-1 .control a {
        display: inline-block;
        width: 8px;
        height: 8px;
        font-size: 0;
        line-height: 0px;
        background: url("../images/icons.png") no-repeat scroll 0% 0% transparent;
        background-position: -124px -43px;
        margin: 0 5px; }
      .area1 .focus-pic-1 .control .current a {
        width: 32px;
        background-position: -142px -43px; }
  .area1 .focus-wrap, .area1 .pannel {
    width: 100%;
    height: 386px; }
  .area1 .pannel .txt {
    display: block;
    width: 642px;
    height: 116px;
    padding: 270px 40px 0 40px;
    background: url("../images/picbg.png") no-repeat center;
    position: absolute;
    bottom: 0;
    left: 0; }
    .area1 .pannel .txt p {
      height: 30px;
      font-family: "Microsoft YaHei";
      font-size: 14px;
      line-height: 30px;
      color: #aeaeae;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .area1 .pannel .txt .tit {
      display: block;
      padding-left: 45px;
      height: 40px;
      position: relative;
      font-family: "Microsoft YaHei";
      font-size: 22px;
      line-height: 40px;
      color: #fff; }
      .area1 .pannel .txt .tit .icons {
        display: block;
        width: 37px;
        height: 29px;
        background-position: -126px -4px;
        position: absolute;
        top: 5px;
        left: 0; }
  .area1 .mod-r {
    width: 390px;
    height: 323px;
    background: url("../images/modbg.jpg") no-repeat center;
    padding-top: 65px;
    position: relative; }
    .area1 .mod-r .pt {
      display: block;
      width: 390px;
      height: 91px;
      overflow: hidden;
      margin-bottom: 24px; }
      .area1 .mod-r .pt img {
        float: left;
        margin-left: 25px; }
      .area1 .mod-r .pt .txt {
        float: right;
        width: 255px;
        height: 91px; }
        .area1 .mod-r .pt .txt p {
          font-family: "Microsoft YaHei";
          font-size: 12px;
          line-height: 22px;
          height: 66px;
          overflow: hidden;
          color: #333; }
      .area1 .mod-r .pt .tit {
        display: block;
        height: 30px;
        font-family: "Microsoft YaHei";
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 0px;
        color: #000;
        font-weight: bold; }
    .area1 .mod-r .timeBox {
      width: 338px;
      height: 83px;
      position: absolute;
      left: 50px;
      bottom: 0;
      color: #000; }
      .area1 .mod-r .timeBox .ts {
        font-family: "Microsoft YaHei";
        font-size: 20px;
        line-height: 40px;
        position: absolute;
        top: 5px;
        left: 65px; }
      .area1 .mod-r .timeBox .time {
        font-family: "Microsoft YaHei";
        font-size: 24px;
        line-height: 40px;
        position: absolute;
        top: 45px;
        left: 30px; }
        .area1 .mod-r .timeBox .time strong {
          font-weight: bold;
          margin-right: 20px; }

.area2 .inner {
  width: 1140px;
  background-color: #002a8d;
  padding: 30px; }
.area2 .linksBox {
  margin-bottom: 15px; }
  .area2 .linksBox dt {
    height: 40px;
    text-align: center;
    margin-bottom: 8px; }
    .area2 .linksBox dt .link {
      position: relative;
      padding-left: 40px;
      font-family: "Microsoft YaHei";
      font-size: 20px;
      line-height: 40px;
      color: #fff; }
      .area2 .linksBox dt .link .icons {
        display: block;
        width: 37px;
        height: 29px;
        background-position: -126px -4px;
        position: absolute;
        top: 0px;
        left: 0; }
  .area2 .linksBox dd {
    margin-right: -90px;
    overflow: hidden; }
    .area2 .linksBox dd .link {
      display: inline-block;
      width: 470px;
      height: 37px;
      float: left;
      margin-right: 90px; }
      .area2 .linksBox dd .link .icons {
        float: left;
        width: 12px;
        height: 12px;
        background-position: -282px -10px;
        margin-top: 15px;
        margin-right: 15px; }
      .area2 .linksBox dd .link i {
        float: left;
        width: 376px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-family: "Microsoft YaHei";
        font-size: 14px;
        line-height: 37px;
        color: #fff; }
      .area2 .linksBox dd .link .time {
        float: right;
        font-family: "Microsoft YaHei";
        font-size: 14px;
        line-height: 37px;
        color: #fff; }

.area3 .slide-pic-1 {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden; }
  .area3 .slide-pic-1 .slide-wrap {
    width: 909px;
    height: 500px;
    margin: 0 auto; }
  .area3 .slide-pic-1 li {
    width: 303px;
    height: 500px; }
  .area3 .slide-pic-1 .btn {
    display: block;
    width: 71px;
    height: 34px;
    position: absolute;
    top: 50%;
    margin-top: -17px; }
  .area3 .slide-pic-1 .btn-prev {
    background-position: 0 -80px;
    left: 0; }
  .area3 .slide-pic-1 .btn-next {
    background-position: -85px -79px;
    right: 0; }
.area3 .videoBox {
  float: left;
  display: inline;
  width: 253px;
  height: 500px;
  margin: 0 25px;
  position: relative; }
  .area3 .videoBox .pic {
    width: 253px;
    height: 500px;
    position: relative;
    text-align: center; }
    .area3 .videoBox .pic img {
      width: 250px;
      height: 496px;
      display: block;
      margin-top: 2px; }
    .area3 .videoBox .pic .icons {
      display: block;
      width: 71px;
      height: 79px;
      background-position: -3px -129px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -39px;
      margin-left: -35px; }
  .area3 .videoBox .bg {
    display: block;
    width: 253px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/videobg.png") no-repeat; }

.area4 .mod-l {
  width: 724px;
  height: 430px;
  overflow: hidden; }
  .area4 .mod-l .pic {
    width: 100%;
    height: 388px;
    position: relative; }
    .area4 .mod-l .pic .icons {
      display: block;
      width: 71px;
      height: 79px;
      background-position: -3px -129px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -39px;
      margin-left: -35px; }
    .area4 .mod-l .pic video {
      width: 724px;
      height: 388px; }
  .area4 .mod-l .tit {
    display: block;
    height: 42px;
    background-color: #002a8d;
    padding-left: 50px;
    position: relative;
    font-family: "Microsoft YaHei";
    font-size: 22px;
    line-height: 42px;
    color: #fff; }
    .area4 .mod-l .tit .icons {
      display: block;
      width: 41px;
      height: 42px;
      background-position: -180px -65px;
      position: absolute;
      top: 0;
      left: 0; }
.area4 .mod-r {
  width: 365px;
  height: 430px;
  overflow: hidden;
  position: relative; }
  .area4 .mod-r .pt {
    display: block;
    width: 335px;
    height: 92px;
    margin-bottom: 10px; }
    .area4 .mod-r .pt img {
      float: left; }
    .area4 .mod-r .pt .tit {
      float: right;
      width: 120px;
      height: 52px;
      background-color: #002a8d;
      border: 20px solid #002a8d;
      font-family: "Microsoft YaHei";
      font-size: 16px;
      line-height: 26px;
      color: #fff;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }

.area4 .inner-content {
  width: 335px;
  height: 430px;
  overflow: hidden; }

.area4 .tool {
  position: absolute;
  top: 0;
  right: 0px;
  width: 5px;
  height: 100%;
  border-left: 1px solid #aaa; }

.area4 .tool-bar {
  width: 10px;
  background: #ae191f;
  position: absolute;
  top: 0;
  right: 0px; }

.area5 {
  height: 810px;
  background: url("../images/area5bg.jpg") no-repeat center; }
  .area5 .slide-pic-2 {
    position: relative;
    margin-top: 85px; }
    .area5 .slide-pic-2 .btn {
      display: block;
      width: 43px;
      height: 43px;
      position: absolute;
      right: -60px; }
    .area5 .slide-pic-2 .btn-prev {
      top: 280px;
      background-position: -466px -39px; }
    .area5 .slide-pic-2 .btn-next {
      top: 350px;
      background-position: -517px -39px; }
    .area5 .slide-pic-2 .btn-prev:hover {
      background-position: -467px -88px; }
    .area5 .slide-pic-2 .btn-next:hover {
      background-position: -518px -88px; }
    .area5 .slide-pic-2 .slide-wrap, .area5 .slide-pic-2 li {
      width: 1120px;
      overflow: hidden; }
    .area5 .slide-pic-2 .ptBox {
      margin-right: -25px;
      overflow: hidden; }
    .area5 .slide-pic-2 .pt {
      float: left;
      width: 355px;
      height: 250px;
      margin-bottom: 25px;
      margin-right: 25px; }
      .area5 .slide-pic-2 .pt img {
        display: block; }
    .area5 .slide-pic-2 .tit {
      display: block;
      padding-left: 30px;
      height: 37px;
      font-family: "Microsoft YaHei";
      font-size: 26px;
      line-height: 30px;
      color: #fff;
      position: relative;
      margin-bottom: 10px; }
      .area5 .slide-pic-2 .tit .icons {
        display: block;
        width: 16px;
        height: 37px;
        background-position: -250px -3px;
        position: absolute;
        top: 0;
        left: 0; }
    .area5 .slide-pic-2 .txt {
      display: block;
      padding-left: 20px;
      height: 28px;
      font-family: "Microsoft YaHei";
      font-size: 16px;
      line-height: 28px;
      color: #fff;
      position: relative;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      margin-top: 5px; }
      .area5 .slide-pic-2 .txt .icons {
        display: block;
        width: 12px;
        height: 12px;
        background-position: -282px -10px;
        position: absolute;
        top: 8px;
        left: 0; }

.area6 .tab-ctrl-1 {
  height: 55px;
  position: relative;
  margin-right: -50px;
  overflow: hidden;
  margin-bottom: 40px; }
  .area6 .tab-ctrl-1 .item {
    float: left;
    width: 339px;
    height: 55px;
    background-position: -97px -183px;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 24px;
    line-height: 55px;
    color: #fff;
    margin-right: 50px; }
  .area6 .tab-ctrl-1 .item:hover, .area6 .tab-ctrl-1 .current {
    background-position: -97px -118px; }
.area6 .tab-1 .pannel {
  width: 100%;
  height: 505px;
  overflow: hidden; }
.area6 .mod-l {
  width: 355px;
  height: 505px; }
.area6 .pt {
  display: block;
  width: 100%;
  height: 230px;
  margin-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #999;
  padding-bottom: 20px; }
  .area6 .pt .tit {
    display: block;
    padding-left: 35px;
    position: relative;
    height: 30px;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin-top: 10px; }
    .area6 .pt .tit .icons {
      display: block;
      width: 29px;
      height: 30px;
      background-position: -316px -3px;
      position: absolute;
      top: 5px;
      left: 0; }
.area6 .pt:hover .ts {
  display: block;
  width: 100%;
  height: 17px;
  background-position: -88px -249px;
  position: absolute;
  top: 173px;
  left: 0; }
.area6 .mod-r {
  width: 736px;
  height: 505px; }
  .area6 .mod-r img {
    display: block;
    margin-bottom: 15px; }
  .area6 .mod-r .txt {
    width: 696px;
    height: 92px;
    background-color: #ebebee;
    padding: 0 20px; }
    .area6 .mod-r .txt .tit {
      display: block;
      position: relative;
      padding-left: 40px;
      height: 34px;
      font-family: "Microsoft YaHei";
      font-size: 24px;
      line-height: 40px;
      color: #002a8d;
      margin-bottom: 5px; }
      .area6 .mod-r .txt .tit .icons {
        display: block;
        width: 29px;
        height: 34px;
        background-position: -235px -69px;
        position: absolute;
        top: 0;
        left: 0; }
    .area6 .mod-r .txt p {
      height: 50px;
      font-family: "Microsoft YaHei";
      font-size: 14px;
      line-height: 22px;
      color: #333;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }

.area7 .tab-ctrl-2 {
  height: 95px;
  margin-right: -17px;
  overflow: hidden;
  margin-bottom: 20px; }
  .area7 .tab-ctrl-2 .item {
    float: left;
    width: 145px;
    height: 64px;
    background-position: -460px -139px;
    margin-right: 17px;
    position: relative;
    text-align: center; }
    .area7 .tab-ctrl-2 .item .icons {
      display: inline-block; }
    .area7 .tab-ctrl-2 .item .ts {
      display: block;
      width: 100%;
      height: 20px;
      font-family: "Microsoft YaHei";
      font-size: 16px;
      line-height: 20px;
      color: #333;
      position: absolute;
      left: 0;
      bottom: -25px; }
  .area7 .tab-ctrl-2 .item:hover, .area7 .tab-ctrl-2 .current {
    background-position: -460px -207px; }
.area7 .item1 .icons {
  width: 32px;
  height: 52px;
  background-position: -3px -286px;
  margin-top: 5px; }
.area7 .item2 .icons {
  width: 48px;
  height: 47px;
  background-position: -70px -289px;
  margin-top: 8px; }
.area7 .item3 .icons {
  width: 63px;
  height: 46px;
  background-position: -145px -289px;
  margin-top: 8px; }
.area7 .item4 .icons {
  width: 64px;
  height: 43px;
  background-position: -238px -292px;
  margin-top: 10px; }
.area7 .item6 .icons {
  width: 61px;
  height: 46px;
  background-position: -334px -289px;
  margin-top: 10px; }
.area7 .item5 .icons {
  width: 65px;
  height: 42px;
  background-position: -428px -292px;
  margin-top: 8px; }
.area7 .item7 .icons {
  width: 52px;
  height: 45px;
  background-position: -510px -290px;
  margin-top: 8px; }
.area7 .picBox {
  height: 190px;
  margin-right: -25px;
  overflow: hidden;
  margin-bottom: 40px; }
  .area7 .picBox .pic {
    float: left;
    width: 355px;
    height: 190px;
    position: relative;
    margin-right: 25px; }
    .area7 .picBox .pic .tit {
      display: block;
      padding-left: 30px;
      width: 325px;
      height: 32px;
      background-color: #002a8d;
      font-family: "Microsoft YaHei";
      font-size: 16px;
      line-height: 32px;
      color: #fff;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      position: absolute;
      left: 0;
      bottom: 0; }
      .area7 .picBox .pic .tit .icons {
        display: block;
        width: 18px;
        height: 18px;
        background-position: -373px -36px;
        position: absolute;
        top: 6px;
        left: 5px; }
  .area7 .picBox .pic:hover .tit {
    background-color: #ae191f; }
.area7 .ptlist {
  height:565px;
  overflow: hidden;
  margin-bottom: 30px; }
  .area7 .ptlist li {
    height: 124px;
    overflow: hidden;
    margin-bottom: 15px; }
  .area7 .ptlist .pic {
    float: left;
    width: 232px;
    height: 124px;
    position: relative; }
    .area7 .ptlist .pic .line {
      display: none;
      width: 100%;
      height: 5px;
      background-color: #ae191f;
      position: absolute;
      left: 0;
      bottom: 0; }
  .area7 .ptlist .pic:hover .line {
    display: block; }
  .area7 .ptlist .txt {
    float: right;
    width: 860px;
    height: 103px;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #ddd; }
  .area7 .ptlist .tit {
    display: block;
    padding-left: 30px;
    height: 30px;
    position: relative;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin-bottom: 10px; }
    .area7 .ptlist .tit .icons {
      display: block;
      width: 22px;
      height: 20px;
      background-position: -432px -40px;
      position: absolute;
      top: 5px;
      left: 0; }
  .area7 .ptlist p {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    line-height: 28px;
    color: #333; }
.area7 .moreBtn {
  display: block;
  width: 115px;
  height: 30px;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  line-height: 30px;
  color: #ae191f;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #ae191f;
  border-radius: 9px; }

.slide-jmts {
  width: 1120px;
  margin: 0 auto 30px;
  overflow: hidden;
  position: relative; }

.slide-jmts-col {
  width: 1671px;
  position: relative;
  left: -551px; }

.slide-jmts-col .content li {
  width: 727px;
  height: 394px;
  padding: 0 5px !important;
  overflow: hidden; }

.slide-jmts-col .content a {
  display: block;
  width: 737px;
  height: 394px;
  position: relative; }

.slide-jmts-col .content img {
  display: block;
  width: 737px;
  height: 394px; }

.slide-jmts-col .content em {
  display: block;
  padding-left: 30px;
  width: 717px;
  padding-top: 30px;
  line-height: 46px;
  font-size: 22px;
  color: #fff;
  position: absolute;
  bottom: 0;
  padding-bottom: 10px; }

.slide-jmts-col .content .num {
  display: block;
  width: 88px;
  height: 23px;
  background-position: 1px -219px;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  position: absolute;
  right: 20px;
  bottom: 20px;
  letter-spacing: 3px;
  text-indent: 5px; }

.slide-jmts-col .content .current .num {
  display: block; }

.slide-jmts .slide-jmts-btn {
  display: block;
  width: 186px;
  height: 394px;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000); }

.slide-jmts .slide-jmts-btn span {
  display: none;
  position: absolute;
  width: 22px;
  height: 40px;
  top: 50%;
  background-image: url("../images/jmts_arrow.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 44px 40px;
  z-index: 9999;
  cursor: pointer;
  margin-top: -20px; }

.slide-jmts .slide-jmts-prev {
  left: 0; }

.slide-jmts .slide-jmts-prev span {
  right: 38px; }

.slide-jmts .slide-jmts-next {
  right: 0;
  width: 191px; }

.slide-jmts .slide-jmts-next span {
  left: 38px;
  background-position: -22px 0; }

.slide-jmts:hover .slide-jmts-btn span {
  display: block; }

.title-alpha {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#131313', GradientType=0); }

.area9 .ptlist {
  height: 233px;
  overflow: hidden;
  margin-right: -15px; }
.area9 .pt {
  float: left;
  width: 512px;
  height: 193px;
  background: url("../images/videobg.jpg") no-repeat center;
  position: relative;
  padding: 20px;
  margin-right: 15px; }
  .area9 .pt .tit {
    display: block;
    width: 267px;
    height: 120px;
    font-family: "Microsoft YaHei";
    font-size: 22px;
    line-height: 40px;
    color: #333;
    text-align: center;
    position: absolute;
    top: 50px;
    right: 65px; }
  .area9 .pt .name {
    display: block;
    width: 310px;
    height: 30px;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    line-height: 30px;
    color: #999;
    text-align: right;
    position: absolute;
    top: 200px;
    right: 20px; }

body .cmtarea-header {
  display: none; }

body .cmtcontainer {
  border: none; }

.area11 .logos {
  height: 144px;
  margin-right: -50px;
  overflow: hidden; }
.area11 .logo {
  float: left;
  margin-right: 50px;
  margin-bottom: 20px;
  width: 145px;
  height: 62px; }

.area12 .picsBox {
  height: 190px;
  margin-right: -29px;
  overflow: hidden; }
.area12 .pic {
  float: left;
  width: 268px;
  height: 190px;
  margin-right: 15px; }

.area13 {
  height: 309px;
  background: url("../images/teambg.jpg") no-repeat center; }
  .area13 .inner {
    position: relative; }
  .area13 ul {
    width: 355px;
    height: 170px;
    position: absolute;
    top: 120px;
    left: 40px; }
  .area13 li {
    margin-bottom: 8px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    line-height: 25px;
    color: #fff; }
  .area13 .font-bold {
    font-weight: bold; }

.tab {
  width: 95px;
  height: 370px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -185px;
  margin-left: 626px;
  z-index: 99;
  display: none; }

.tab .icons {
  display: block;
  width: 110px;
  height: 60px;
  background-position: -2px -1px; }

.tab > a {
  width: 95px;
  height: 30px;
  border-bottom: 1px solid #5c5c5c;
  display: block;
  background: #333;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align: center; }

.tab > a:hover {
  background: #ae191f; }

body .share-box {
  position: relative;
  height: 30px; }

body .share-box .icon-share {
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -200px 0;
  position: absolute;
  left: 33px;
  top: 2px; }

body .share-box:hover .bdshare-warp {
  display: block; }

body .share-box .bdshare-warp {
  width: 110px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none; }

body .share-box .bdshare-warp .bd-txt {
  width: 95px;
  height: 30px;
  float: left;
  font-size: 0;
  color: #202020; }

body .share-box .bdshare-button-style0-16 {
  zoom: 1; }

body .share-box .bdshare-button-style0-16 a {
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 2px 2px 0 0;
  float: left;
  background-image: url("../images/art_tools.png") !important; }

body .share-box .bdshare-button-style0-16 a {
  background-color: transparent;
  height: 28px; }

body .share-box .bdshare-button-style0-16 a.bds_more {
  display: none; }

body .share-box .hover .bdshare-button-style0-16 a.bds_more {
  display: none; }

body .share-box .bdshare-button-style0-16 a.bds_weixin {
  background-position: 0 0 !important; }

body .share-box .bdshare-button-style0-16 a.bds_qzone {
  background-position: -27px 0 !important; }

body .share-box .bdshare-button-style0-16 a.bds_tsina {
  background-position: -54px 0 !important; }

.backtop em {
  width: 30px;
  height: 20px;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -140px 5px;
  margin: 0 auto;
  display: block; }

body .g-footer .gft-links,
body .g-footer .gft-links a {
  color: #aaa; }

body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a {
  color: #aaa; }

.ivy-tonglang {
  height: 90px;
  text-align: center;
  margin-bottom: 30px; }

@-webkit-keyframes rtt3d {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes rtt3d {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }


.area12 .picsBox .pic .tit {
    display: block;
    width:268px;
    height: 32px;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    line-height: 32px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
	text-align:center;

}
.area12 .picsBox .pic .tit .icons {
    display: block;
    width: 18px;
    height: 18px;
    background-position: -373px -36px;
    position: absolute;
    top: 6px;
    left: 5px;
}