.hide{
  /*display: none;*/
}
a{
  text-decoration: none!important;
}
* {
  margin: 0;
  padding: 0;
}

*{margin: 0;
padding: 0;}
html {
  -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */
  overflow-x:hidden;
  /*width: 100%;*/
  /*height: 100%;*/
  -webkit-user-select:none;
  user-select:none;
}
.canvas-wrap{
  margin: 0 auto;
  position: relative;
  height: 800px;
  background: url(/www1/zt/zhangmenren/20170401/banner/banner1.jpg) no-repeat center top;
}
.banner-wrap{
  width: 1000px;
  /*margin: 0 auto;*/
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -500px;
}
.banner-logo{
  position: absolute;
  top:60px;
  left: 0;
  background: url(/www1/zt/zhangmenren/20170401/images/banner-logo.png) no-repeat center top;
  width: 235px;
  height: 114px;
}
.banner-tit{
  position: absolute;
  top:50%;
  left: 50%;
  margin-left: -271px;
  background: url(/www1/zt/zhangmenren/20170401/images/banner-tit.png) no-repeat center top;
  width: 542px;
  height: 458px;
  margin-top: -230px;
}
.myCanvas{
      display: block;
      margin: 0 auto;
    }

html {
  -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

body,
div,
p {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

body {
  width: 100%;
  *cursor: default;
  font: 12px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;
  color: #383838;
}

.sec {
}

.pr {
  position: relative;
}

.txt {
  font-size: 14px;
}

.sec-con {
  width: 1120px;
  margin: 0 auto;
  height: 100%;
}

.sec-1 {
  height: 700px;
  background: url(/www1/zt/zhangmenren/20170401/images/yinyan-bg.jpg) no-repeat center top;
}

.sec-1 .sec-con {
  height: 700px;
  margin: 0 auto;
  background: url(/www1/zt/zhangmenren/20170401/images/yinyan-bg.jpg) no-repeat center top;
  overflow: hidden;
}

.sec-1 .txt {
  padding-top: 210px;
  width: 1000px;
  margin: 0 auto;
  letter-spacing: 1px;
  line-height: 32px;
  height: 200px;
  overflow: hidden;
  text-indent: 2em;
}

.link-list-wrap,
.link-list {
  width: 1000px;
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
}

.link-list-wrap {
}

.link-item {
  float: left;
  width: 332px;
  height: 200px;
  padding-right: 2px;
  overflow: hidden;
}

.link-list .last {
  padding: 0;
}

.link {
  position: relative;
  cursor: pointer;
  text-decoration: none;
}

.link,
.link img {
  display: block;
}

.link .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  /*background-color: #000;*/
  text-decoration: none!important;
  /*opacity: .5;*/
  display: none;
  color: #fff;
  text-align: center;
  height: 200px;
  width: 332px;
  text-align: left;
  overflow: hidden;
  font-family: "simsun";
  font-weight: bold;
  font-size: 30px;
  padding-top: 120px;
  text-indent: 200px;
}

.ph:hover .cover {
  display: block;
}

.sec-2 {
  height: 600px;
  background-color: #fff;
  position: relative;
}

.sec-2 .sec-con {
  height: 485px;
  margin: 0 auto;
  position: relative;
}

.sec-2 .layer-1 {
  width: 1000px;
  height: 485px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.sec-2 .img-wrap {

  /*float: left;*/
  width: 224px;
  height: 422px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.sec-2 .guy {
  width: 224px;
  height: 422px;
  background: url(/www1/zt/zhangmenren/20170401/images/guy.png) no-repeat center top;
}

.sec-2 .txt-wrap {
  width: 700px;
  position: absolute;
  left: 300px;
  top: 100px;
}

.sec-2 .guy-tit-wrap {
  width: 500px;
  height: 95px;
  overflow: hidden;
}

.sec-2 .zmr-logo-2 {
  width: 464px;
  height: 104px;
  background: url(/www1/zt/zhangmenren/20170401/images/zmr-logo-2.png) no-repeat center top;
  /*float: left;*/
}
.sec-2 .zmr-logo {
  width: 171px;
  height: 95px;
  background: url(/www1/zt/zhangmenren/20170401/images/zmr-logo.png) no-repeat center top;
  float: left;
}

.sec-2 .guy-tit {
  width: 259px;
  height: 83px;
  background: url(/www1/zt/zhangmenren/20170401/images/lsl.png) no-repeat center top;
  float: left;
  margin-left: 10px;
  margin-top: 5px;
}

.sec-2 .txt {
  line-height: 30px;
  padding-top: 60px;
}

.sec-2 .layer-2 {
  width: 1920px;
  height: 152px;
  background: url(/www1/zt/zhangmenren/20170401/images/yijuhua.png) no-repeat center top;  /*background-color: #fff;*/
  position: absolute;
  bottom: -120px;
  left:50%;
  margin-left: -960px;

}

.sec-2 .layer-2-con {
  width: 1120px;
  margin: 0 auto;
  position: relative;
}
.sec-2 .dot2 {
  width: 31px;
  height: 23px;
  background: url(/www1/zt/zhangmenren/20170401/images/dot2.png) no-repeat center top;
  position: absolute;
  top: 100px;
  right: 0px;
}
.sec-2 .dot1 {
  width: 31px;
  height: 24px;
  background: url(/www1/zt/zhangmenren/20170401/images/dot1.png) no-repeat center top;
  position: absolute;
  top: 60px;
  left: 10px;
}

.sec-3 {
  height: 840px;
}

.sec-3 .layer {
  position: relative;
  margin-top: 60px;
}

.sec-3 .tit {
  width: 427px;
  height: 132px;
  background: url(/www1/zt/zhangmenren/20170401/images/s3-tit.png) no-repeat center top;
  position: absolute;
  top: 20px;
  left: 0px;
}

.sec-3 .txt-wrap {
  width: 520px;
  height: 430px;
  top: 230px;
  left: 0;
  position: absolute;
}

.sec-3 .txt-box {
  position: relative;
  border-right: 1px solid #DDDDDD;
}

.sec-3 .txt {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 1px;
  text-indent: 2em;
  width: 480px;
}

.sec-3 .pic-wrap {
  position: absolute;
  top: 0;
  left: 530px;
  width: 1013px;
  height: 780px;
  background: url(#) no-repeat center top;
}

.sec-3 .pic {
  display: block;
  width: 536px;
  height: 640px;
  margin-left: 80px;
  margin-top: 24px;
}

.tool {
  width: 10px;
  float: right;
}

.inner-content {
  overflow: hidden;
  /*height: 430px;*/
}

.tool {
  position: absolute;
  top: 0;
  right: -3px;
  width: 5px;
  height: 100%;
}

.tool-bar {
  width: 5px;
  background: #7D7D7D;
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
}

.sec-4 {
  height: 865px;
}

body .sec-4 .sec-con{
  height: 865px;
}
.sec-4 .sec4-tit {
  width: 586px;
  height: 164px;
  background: url(/www1/zt/zhangmenren/20170401/images/bt-2.png) no-repeat left top;
  position: absolute;
  top: 40px;
  right: 51px;
}
.sec4-pic{
  width: 586px;
  height: 512px;
  position: absolute;
  top: 200px;
  right: 25px;
}
.sec-4 .txt-wrap {
  width: 520px;
  position: absolute;
  right: 0;
  height: 430px;
  margin-top: 160px;
}

.sec-4 .txt-box {
  position: relative;
  border-right: 1px solid #DDDDDD;
  height: 430px;
  overflow: hidden;
}

.sec-4 .txt {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 1px;
  text-indent: 2em;
  width: 480px;
}

.sec-4 .pic-wrap {
  position: absolute;
  top: 0;
  right: 530px;
  width: 1015px;
  height: 788px;
  background: url(/www1/zt/zhangmenren/20170401/images/sec4-bg.png) no-repeat center top;
}

.sec-4 .pic {
  display: block;
  width: 540px;
  height: 640px;
  position: absolute;
  top: 50px;
  right: 0;
}

.sec-5 ,.sec-5 .sec-con{
  height: 880px;
  background: url(/www1/zt/zhangmenren/20170401/images/sec5.png) no-repeat center top;
}
.sec-5 .sec5-tit{
  width: 518px;
  height: 132px;
  background: url(/www1/zt/zhangmenren/20170401/images/bt-3.png) no-repeat center top;
  position: absolute;
  top: 95px;
  left: 485px;
}
.sec-5 .txt-wrap {
  width: 520px;
  position: absolute;
  top: 260px;
  left: 485px;
}

.sec-5 .txt-box {
  position: relative;
  border-right: 1px solid #DDDDDD;
}

.sec-5 .txt {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 1px;
  text-indent: 2em;
  width: 480px;
}
.sec-5 .inner-content{
  height: 330px;
}

.sec-6,.sec-6 .sec-con {
  height: 957px;
  background: url(/www1/zt/zhangmenren/20170401/images/sec6-bg.jpg) no-repeat center top;
}
.sec-6 .sec5-tit{
  width: 377px;
  height: 132px;
  background: url(/www1/zt/zhangmenren/20170401/images/sec5-tit.png) no-repeat center top;
  position: absolute;
  top: 110px;
  left: 485px;
}
.sec-6 .txt-wrap {
  width: 690px;
  position: absolute;
  top: 400px;
  left: 230px;
  /*border-right: 1px solid #DDDDDD;*/
}

.sec-6 .txt-box {
  position: relative;
}

.sec-6 .txt {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 1px;
  text-indent: 2em;
  width: 470px;;
}
.sec-6 .pa-item{
  /*height: 480px;*/
  overflow: hidden;
}
.sec-6 .pa-item-2 .q-wrap{
  margin-left: 110px;
  margin-top: 40px;
}
.mt40{
  margin-top: 40px;
}
.sec-6 .q-wrap{
  overflow: hidden;
  width: 600px;
  height: 95px;
  margin-bottom: 40px;
}
.sec-6 .q-logo{
  width: 110px;
  height: 95px;
  background: url(/www1/zt/zhangmenren/20170401/images/q.png) no-repeat left top;
  border-right: 1px solid #DB080F;
  float: left;
  position: relative;

}
.sec-6 .q-logo  .num{
  position: absolute;
  font-size: 22px;
  height: 22px;
  line-height: 22px;
  color:#DB080F;
  right: 20px;
  bottom: -2px;
  font-weight: bold;
}
.sec-6 .q{
  font-size: 20px;
  line-height: 32px;
  float: left;
  width: 465px;
  margin-left: 20px;
  margin-top: 15px;
  font-weight: bold;
}
.sec-6 .a-wrap{
  width: 470px;
  margin-left:60px;
}
.sec-6 .a-logo{
  display: block;
  width: 179px;
  height: 25px;
  background: url(/www1/zt/zhangmenren/20170401/images/answer.png) no-repeat center top;
  margin: 0 auto;
  margin-bottom: 20px;
}
.sec-6 .inner-content{
  /*height: 470px;*/
}

.sec-7,.sec-7 .sec-con {
  height: 848px;
  background: url(/www1/zt/zhangmenren/20170401/images/sec7-bg.jpg) no-repeat center top;
}
.sec-7 .txt{
  width: 710px;
  position: absolute;
  top: 140px;
  left: 340px;
  line-height: 32px;
}
.next-one-wrap{
  width: 478px;
  height: 324px;
  position: absolute;
  top: 315px;
  left: 10px;
  border: 22px solid #F5F5F5;
}

.next-one-tit-logo{
  font-size: 18px;
  line-height: 20px;
  overflow: hidden;

  width: 120px;
  left: 50%;
  margin-left: -50px;
  height: 20px;
  position: absolute;
  font-weight: bold;
  text-align: center;
  bottom: -10px;
  color: #fff;
  background-color: red;
  right: 0;
}
.next-one-tit{
  position: absolute;
  width: 205px;
  height: 44px;
  background: url(/www1/zt/zhangmenren/20170401/images/xqyg.png) no-repeat center top;

  bottom: -56px;
  left: 145px;
  right: 0;
}
.touxiang-wrap{
  background: url(/www1/zt/zhangmenren/20170401/images/touxiang.png) no-repeat center top;
  width: 190px;
  height: 190px;
  position: absolute;
  top: 180px;
  right:-20px;
}
.touxiang{
  width: 130px;
  height: 130px;
  margin: 30px;
}
.touxiang-wrap .tit{
  position: absolute;
  background: #000;
  color: #fff;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  font-family: "Microsoft Yahei";
}
.touxiang-wrap .tit1{
  top: 130px;
  left:-85px;
}
.touxiang-wrap .tit2{
  top: 150px;
  left:-18px;
}
.right-nav-wrap {
    display: none;
    width: 70px;
    margin-left: 600px;
    position: fixed;
    left: 50%;
    z-index: 100;
    padding-left: 10px;
    top: 130px;
}
.nav-logo{
  width: 103px;
  height: 44px;
  background: url(/www1/zt/zhangmenren/20170401/images/nav-logo.png) no-repeat center top;
  margin-bottom: 20px;
  margin-top: 15px;
}

.right-nav-wrap .nav {
    width: 70px;
    height: 430px;
    /*background: url(/www1/zt/zhangmenren/20170401/images/nav.png) no-repeat center top;*/
}
/*li{vertical-align:top/bottom;}*/
.g-nav-item{
  vertical-align:top;
  display: block;
  /*width: 70px;*/
  height: 62px;
  overflow: hidden;
  /*background-color: rgba(0,0,0,0.2);*/
  /*border-bottom: 1px solid #fff;*/
}
.g-nav-item a,.g-nav-item-s a{
  background-image: url(/www1/zt/zhangmenren/20170401/images/nav.png);
  background-repeat: no-repeat;
  overflow: hidden;
  /*background-color: #f0f0f0;*/
}
.g-nav-item a:hover ,.g-nav-item-s a:hover ,.right-nav-wrap  .active a{
  background-image: url(/www1/zt/zhangmenren/20170401/images/nav-active.png);
}
.nav-b-1{
  height: 52px;
}
.nav-b-1 a{
  background-position: 0 0;
}
.nav-b-2{
  height: 67px;
}
.nav-b-2 a{
  background-position: 0 -52px;
}
.nav-b-3{
  height: 67px;
}
.nav-b-3 a{
  background-position: 0px -119px;
}
.nav-b-4{
  height: 67px;
}
.nav-b-4 a{
  background-position: 0 -186px;
}
.nav-b-5{
  height: 66px;
}
.nav-b-5 a{
  background-position: 0 -253px;
}
.nav-b-6{
  height: 67px;
}
.nav-b-6 a{
  background-position: 0 -319px;
}
.nav-b-7{
  vertical-align:top;
  display: block;
  /*width: 70px;*/
  overflow: hidden;
  height: 70px;
}
.nav-b-7 a{
  background-position: 0 -386px;
}
.right-nav-wrap .nav a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #383838;
    position: relative;
    font-size: 0;
    height: 100%;
}
.right-nav-wrap .nav a .num{
  font-size: 24px;
  font-family: "Charlemagne Std";
}
.right-nav-wrap .nav .active a{
  color: #e20208;
}
.right-nav-wrap .nav .dot{
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/www1/zt/zhangmenren/20170401/images/nav-dot.png);
  position: absolute;
  top:50%;
  margin-top: -7px;
  left: -18px;
}
body .right-nav-wrap .nav .btt{
  font: normal 26px 'Segoe Script';
  color: #e20208;
  padding-left: 0;
}
.right-nav-wrap .nav .active .dot{
  background-image: url(/www1/zt/zhangmenren/20170401/images/nav-dot-active.png);
}

.IEtab {
  position: absolute;
  width: 1920px;
  height: 800px;
  overflow: hidden;
  top: 0;
  left:50%;
  margin-left: -960px;
  display: none;
  z-index: 0;
}

.IEtab .content li {
  width: 100%;
  height: 100%;
  position: relative;
}
.IEtab .control {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 100
}
.IEtab .control li {
  float: left;
  margin-left: 5px
}
.IEtab .control a {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #fff;
  text-decoration: none
}
.IEtab .control a:hover, .IEtab .control .current a {
  background: #000;
  color: #fff;
}
.IEtab .content {
  height: 100%;
  width: 100%;
}
.IEtab ul {
}
.IEtab ul img {
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
}

.shadow-wrap{
  overflow: hidden;
  width: 520px;
  height: 430px;
}
.sec-5 .shadow-wrap{
  height: 330px;
}
.sec-6 .shadow-wrap{
  height: 470px;
}
.shadow{
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  box-shadow: 0 0 80px 80px rgba(255, 255, 255, 0.6);
  position: relative;
  z-index: 10;
}
.wrapper{
  height: 100%;
}
.wrapper {
      z-index: 1;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
    .scroller {
      position: absolute;
      z-index: 1;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      width: 100%;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-text-size-adjust: none;
      -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
      -o-text-size-adjust: none;
      text-size-adjust: none;
    }
    .scroller ul {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%;
      text-align: left;
    }
    /*.scroller li {
      padding: 0 10px;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
    }*/
    .iScrollIndicator{
      background-color: #7D7D7D!important;
    }
    .scroller-wrap{
      width: 300px;
      height: 470px;
      position: relative;
      overflow: hidden;
    }
    .line{
      position: absolute;
      height: 100%;
      width:1px;
      background-color: #DDD;
      top: 0;
      right: 2px;
      bottom: 0;
    }
    .sec-5 .scroller-wrap{
      height: 330px;
    }
.banner-cover{
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;

  width: 100%;
  z-index: 100;
}