@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: 1200px;
  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: 1200px; }

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: 1200px; }

.font-blue:hover {
color: #3859fb;
 text-decoration: none; }

.font-blue {
  color: #999; }

.doc {
  width: 100%;
  margin: 0 auto; }

.banner {
  width: 100%;
  height: 783px; }
  .banner .inner {
    height: 783px;
    position: relative; }
  .banner .nav {
    height: 54px;
    overflow: hidden;
    text-align: center;
    padding-top: 725px; }
  .banner .item {
    display: inline-block;
    padding: 0 18px;
    position: relative;
    height: 54px; }
    .banner .item .icons {
      display: none;
      width: 75px;
      height: 54px;
      background-position: -6px -2px;
      position: absolute;
      top: 0px;
      left: 50%;
      margin-left: -37px;
      z-index: 0; }
    .banner .item .txt {
      font-family: "Microsoft YaHei";
      font-size: 16px;
      line-height: 54px;
      color: #000;
      position: relative; }
    .banner .item .line {
      display: block;
      width: 1px;
      height: 16px;
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -8px;
      background-color: #ccc; }
  .banner .item:hover .icons {
    display: block; }

.area1 {
  width: 100%;
  height: 442px;
  background: url(images/area1bg.jpg) no-repeat center top;
  padding-top: 33px; }
  .area1 .inner {
    position: relative; }
  .area1 .tab-1 {
    display: inline;
    width: 590px;
    height: 400px;
    overflow: hidden;
    margin-left: 10px; }
    .area1 .tab-1 .pic {
      display: block;
      width: 590px;
      height: 400px;
      position: relative; }
    .area1 .tab-1 .tit {
      display: block;
      width: 100%;
      height: 44px;
      background: url(images/titbg.png) no-repeat center top;
      padding-top: 70px;
      font-family: "Microsoft YaHei";
      font-size: 16px;
      line-height: 30px;
      color: #fff;
      text-indent: 30px;
      position: absolute;
      bottom: 0;
      left: 0;
      text-indent: 25px; }
  .area1 .ctrl-nav {
    width: 150px;
    height: 9px;
    text-align: right;
    position: absolute;
    top: 365px;
    left: 50%;
    margin-left: -165px; }
    .area1 .ctrl-nav .icons {
      display: inline-block;
      width: 10px;
      height: 9px;
      background-position: -130px -33px;
      margin-left: 5px; }
    .area1 .ctrl-nav .cur {
      width: 25px;
      background-position: -99px -33px; }
  .area1 .tab-ctrl-1 {
    display: inline;
    width: 510px;
    height: 350px;
    margin-top: 50px;
    overflow: hidden; }
    .area1 .tab-ctrl-1 .item {
      display: block;
      height: 33px;
      margin-bottom: 10px;
      position: relative;
      font-family: "Microsoft YaHei";
      font-size: 16px;
      line-height: 33px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .area1 .tab-ctrl-1 .item a {
        color: #333; }
      .area1 .tab-ctrl-1 .item .type {
        color: #ce3433;
        margin-right: 40px; }
      .area1 .tab-ctrl-1 .item .icons {
        display: block;
        width: 15px;
        height: 12px;
        background-position: -104px -6px;
        position: absolute;
        top: 10px;
        left: 65px; }
      .area1 .tab-ctrl-1 .item a:hover {
        text-decoration: underline; }
    .area1 .tab-ctrl-1 .first {
      height: 50px;
      font-size: 26px;
      line-height: 50px;
      margin-bottom: 15px; }

.area2 {
  width: 100%;
  height: 886px;
  background: url(images/area2bg.jpg) no-repeat center top;
  padding-top: 210px; }
  .area2 .inner {
    height: 886px;
    position: relative; }
  .area2 .ptBox {
    width: 440px;
    height: 450px; }
    .area2 .ptBox .tit {
      display: block;
      height: 50px;
      font-family: "Microsoft YaHei";
      font-size: 30px;
      line-height: 50px;
      color: #333;
      margin-bottom: 20px;
      text-indent: 105px; }
    .area2 .ptBox p {
      width: 440px;
      height: 90px;
      font-family: "Microsoft YaHei";
      font-size: 14px;
      line-height: 26px;
      color: #999; }
    .area2 .ptBox .slide-pic-1 {
      width: 440px;
      height: 255px;
      position: relative;
      margin-bottom: 25px; }
    .area2 .ptBox .slide-wrap {
      width: 415px;
      height: 255px;
      overflow: hidden; }
      .area2 .ptBox .slide-wrap li {
        width: 415px;
        height: 255px; }
    .area2 .ptBox .btn {
      display: block;
      width: 20px;
      height: 20px; }
    .area2 .ptBox .btn-prev {
      background-position: -164px -33px;
      position: absolute;
      top: 200px;
      right: 5px; }
    .area2 .ptBox .btn-next {
      background-position: -164px -57px;
      position: absolute;
      top: 225px;
      right: 5px; }
  .area2 .Box1 {
    position: absolute;
    top: 0;
    left: 0; }
  .area2 .Box2 {
    position: absolute;
    top: 140px;
    right: 0; 
    z-index:100;
   }
  .area2 .Box3 {
    width: 922px;
    height: 340px;
    position: absolute;
    top: 460px;
    left: 150px; }
    .area2 .Box3 .slide-pic-1 {
      display: inline;
      float: left; }
    .area2 .Box3 p {
      display: inline;
      float: right;
      margin-top: 150px; }

.btn1 {
  display: block;
  width: 23px;
  height: 32px; }

.btn-prev1 {
  background-position: -47px -104px;
  position: absolute;
  top: 300px;
  left: 0; }

.btn-next1 {
  background-position: -119px -51px;
  position: absolute;
  top: 300px;
  right: 0; }

.area3 {
  width: 100%;
  height: 745px;
  background: url(images/area3bg.jpg) no-repeat center top;
  padding-top: 140px; }
  .area3 .slide-pic-4 {
    width: 1200px;
    height: 578px;
    position: relative; }
    .area3 .slide-pic-4 .slide-wrap {
      width: 1025px;
      height: 578px;
      overflow: hidden;
      margin: auto; }
      .area3 .slide-pic-4 .slide-wrap li {
        position: relative; }
      .area3 .slide-pic-4 .slide-wrap .bg {
        display: block;
        width: 1025px;
        height: 578px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        left: 0; }
      .area3 .slide-pic-4 .slide-wrap .icons {
        display: block;
        width: 110px;
        height: 110px;
        background-position: -203px -8px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -55px;
        margin-left: -55px; }

.area4 {
  width: 100%;
  height: 1580px;
  background: url(images/area4bg.jpg) no-repeat center top;
  padding-top: 185px; }

.zyPicList {
  width: 1200px;
  height: 770px;
  overflow: hidden;
  margin-bottom: 20px; }
  .zyPicList .pt {
    display: block;
    margin-bottom: 20px; }
    .zyPicList .pt .txt {
      display: inline;
      width: 550px;
      height: auto;
      margin-top: 50px; }
    .zyPicList .pt .tit {
      display: block;
      width: 510px;
      height: 50px;
      padding-left: 40px;
      position: relative;
      font-family: "Microsoft YaHei";
      font-size: 30px;
      line-height: 50px;
      color: #333;
      margin-bottom: 15px; }
      .zyPicList .pt .tit .icons {
        display: block;
        width: 25px;
        height: 20px;
        background-position: -77px -67px;
        position: absolute;
        top: 18px;
        left: 0; }
    .zyPicList .pt p {
      font-family: "Microsoft YaHei";
      font-size: 14px;
      line-height: 26px;
      color: #333;
      margin-bottom: 15px; }
  .zyPicList .ptl {
    margin-left: 50px; }
  .zyPicList .ptr {
    margin-left: 100px; }
    .zyPicList .ptr .txt {
      margin: 120px 100px 0 0px; }

.area5 {
  width: 100%;
  height: 936px;
  background: url(images/area5bg.jpg) no-repeat center top;
  padding-top: 142px; }
  .area5 .tab-con {
    width: 1100px;
    height: 620px;
    overflow: hidden;
    margin: 0 auto; }
    .area5 .tab-con .pt, .area5 .tab-con .pic {
      width: 1100px;
      height: 620px; }
    .area5 .tab-con .pic {
      display: block;
      position: relative; }
    .area5 .tab-con .tit {
      display: block;
      width: 1100px;
      height: 68px;
      background: url(images/titbg1.png) no-repeat center bottom;
      padding-top: 100px;
      font-family: "Microsoft YaHei";
      font-size: 20px;
      line-height: 68px;
      color: #fff;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0; }
  .area5 .slide-pic-5 {
    width: 1200px;
    height: 237px;
    margin-top: 30px;
    position: relative; }
    .area5 .slide-pic-5 .slide-wrap {
      width: 1115px;
      height: 237px;
      overflow: hidden;
      margin: 0 auto; }
    .area5 .slide-pic-5 li {
      display: inline;
      width: 365px;
      height: 237px;
      margin-right: 10px;
      float: left;
      position: relative; }
      .area5 .slide-pic-5 li .tit {
        display: block;
        width: 100%;
        height: 30px;
        font-family: "Microsoft YaHei";
        font-size: 14px;
        line-height: 30px;
        color: #333;
        text-align: center; }
      .area5 .slide-pic-5 li .bg {
        display: block;
        width: 100%;
        height: 207px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        left: 0; }
    .area5 .slide-pic-5 .cur .bg {
      display: none; }
  .area5 .btn1 {
    top: 100px; }

.area6 {
  width: 100%;
  height: 726px;
  background: url(images/area6bg.jpg) no-repeat center top;
  padding-top: 160px; }
  .area6 .inner {
    height: 726px;
    position: relative; }
  .area6 .pt {
    position: absolute; }
    .area6 .pt .txt {
      display: block;
      font-family: "Microsoft YaHei";
      font-size: 14px;
      line-height: 23px;
      color: #333;
      position: absolute; }
  .area6 .pt1 {
    width: 340px;
    height: 513px;
    top: 0;
    left: 0; }
    .area6 .pt1 .txt {
      width: 255px;
      height: 100px;
      top: 386px;
      left: 50px; }
  .area6 .pt2 {
    width: 340px;
    height: 170px;
    top: 512px;
    left: 0; }
    .area6 .pt2 .pic {
      float: right; }
    .area6 .pt2 .txt {
      width: 120px;
      height: 90px;
      top: 47px;
      left: 25px; }
  .area6 .pt3 {
    width: 340px;
    height: 170px;
    top: 0px;
    left: 340px; }
    .area6 .pt3 .pic {
      float: left; }
    .area6 .pt3 .txt {
      width: 120px;
      height: 90px;
      top: 50px;
      right: 20px; }
  .area6 .pt4 {
    width: 340px;
    height: 170px;
    top: 170px;
    left: 340px; }
    .area6 .pt4 .pic {
      float: right; }
    .area6 .pt4 .txt {
      width: 120px;
      height: 90px;
      top: 50px;
      left: 25px; }
  .area6 .pt5 {
    width: 340px;
    height: 335px;
    top: 340px;
    left: 340px; }
    .area6 .pt5 .txt {
      width: 255px;
      height: 100px;
      top: 220px;
      left: 50px; }
  .area6 .pt6 {
    width: 520px;
    height: 342px;
    top: 0;
    right: 0; }
    .area6 .pt6 .txt {
      width: 438px;
      height: 100px;
      top: 220px;
      left: 50px; }
  .area6 .pt7 {
    width: 170px;
    height: 170px;
    top: 340px;
    left: 680px; }
    .area6 .pt7 .pic {
      display: block;
      margin-top: 170px; }
    .area6 .pt7 .txt {
      width: 120px;
      height: 90px;
      top: 50px;
      left: 30px; }
  .area6 .pt8 {
    width: 350px;
    height: 340px;
    top: 340px;
    right: 0; }
    .area6 .pt8 .txt {
      width: 270px;
      height: 100px;
      top: 220px;
      left: 50px; }

.area7 {
  width: 100%;
  height: 613px;
  background: url(images/area7bg.jpg) no-repeat center top;
  padding-top: 160px; }
  .area7 .tab-con {
    display: inline;
    width: 877px;
    height: 570px;
    overflow: hidden; }
  .area7 .pt {
    width: 877px;
    height: 570px;
    display: inline;
    float: left; }
    .area7 .pt p {
      width: 817px;
      height: 55px;
      background-color: #eee;
      padding: 10px 30px;
      font-family: "Microsoft YaHei";
      font-size: 14px;
      line-height: 23px;
      color: #333; }
      .area7 .pt p strong {
        font-weight: bold;
        color: #01458d; }
  .area7 .video {
    width: 877px;
    height: 493px;
    overflow: hidden; }
  .area7 .slide-pic-6 {
    display: inline;
    width: 305px;
    height: 570px;
    position: relative;
    overflow: hidden; }
  .area7 .slide-wrap {
    width: 305px;
    height: 450px;
    overflow: hidden;
    margin-top: 59px; }
    .area7 .slide-wrap li {
      width: 305px;
      height: 173px;
      margin-bottom: 15px;
      position: relative; }
      .area7 .slide-wrap li .bg {
        display: block;
        width: 100%;
        height: 100%;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        left: 0; }
      .area7 .slide-wrap li .icons {
        display: block;
        width: 51px;
        height: 51px;
        background-position: -136px -91px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -25px; }
    .area7 .slide-wrap .cur .bg, .area7 .slide-wrap .cur .icons {
      display: none; }
  .area7 .btn {
    display: block;
    width: 305px;
    height: 44px;
    z-index: 100; }
  .area7 .btn-prev {
    background-position: -2px -149px;
    position: absolute;
    top: 0;
    left: 0; }
  .area7 .btn-next {
    background-position: -2px -213px;
    position: absolute;
    top: 525px;
    left: 0; }
  .area7 .btn-prev:hover {
    background-position: -2px -269px; }
  .area7 .btn-next:hover {
    background-position: -2px -333px; }

.area8 {
  width: 100%;
  height: 813px;
  background: url(images/area8bg.jpg) no-repeat center top;
  padding-top: 155px; }
  .area8 .tab-con {
    width: 1200px;
    height: 600px;
    margin-bottom: 20px; }
  .area8 .pt, .area8 .pics {
    width: 1200px;
    height: 600px; }
  .area8 .pics {
    display: block;
    overflow: hidden;
    position: relative; }
  .area8 .img1 {
    top: 0;
    left: 0; }
  .area8 .img2 {
    top: 0;
    left: 462px; }
  .area8 .img3 {
    top: 0;
    right: 0; }
  .area8 .img4 {
    top: 310px;
    left: 462px; }
  .area8 .img5 {
    top: 310px;
    right: 0; }
  .area8 .slide-pic-7 {
    width: 1200px;
    height: 154px;
    position: relative; }
  .area8 .slide-wrap {
    width: 1119px;
    height: 154px;
    margin: 0 auto;
    overflow: hidden; }
    .area8 .slide-wrap li {
      display: inline;
      width: 154px;
      height: 154px;
      text-align: center;
      float: left;
      margin-right: 39px;
      position: relative; }
    .area8 .slide-wrap .bg {
      display: block;
      width: 154px;
      height: 154px;
      background: url(images/logobg.png) no-repeat;
      position: absolute;
      top: 0;
      left: 0; }
  .area8 .btn1 {
    top: 63px; }

.area9 {
  width: 100%;
  height: 777px;
  background: url(images/area9bg.jpg) no-repeat center top;
  padding-top: 185px; }

.area10 {
  width: 100%;
  height: 1021px;
  background: url(images/area10bg.jpg) no-repeat center top;
  padding-top: 126px; }
  .area10 .mod-foot {
    width: 100%;
    height: 235px;
    overflow: hidden;
    margin-top: 150px; }
  .area10 .mod-team {
    display: inline;
    width: 400px;
    height: 210px; }
    .area10 .mod-team li {
      margin-bottom: 10px;
      font-family: "Microsoft YaHei";
      font-size: 14px;
      line-height: 26px;
      color: #333; }
      .area10 .mod-team li .ts1 {
        float: left;
        color: #38358d;
        position: relative; }
      .area10 .mod-team li p {
        overflow: hidden; }
  .area10 .mod-pics {
    display: inline;
    width: 755px;
    height: 190px; }
    .area10 .mod-pics .pic {
      display: inline-block;
      width: 365px;
      height: 190px; }

.dialog {
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  display: none; }
  .dialog .dialog-bd {
    width: 1020px;
    height: 780px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -390px;
    margin-left: -510px;
    text-align: center; }
.area3 .tit{display: block; width:100%; height:60px; font:26px/60px "Microsoft YaHei"; color:#fff; text-align:center; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90aaaaaa, endColorstr=#90aaaaaa); background:rgba(170,170,170,0.7);}

body .cmtcontainer {
  border: none; }

body .cmtcontent {
  height: 310px;
  overflow-y: auto; }

body .g-footer .gft-links,
body .g-footer .gft-links a {
  color: #999; }

body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a {
  color: #999; }

body .navibar, body .doc, body .g-footer {
  min-width: 1200px; }