.headMain{background:rgba(255,255,255,1); position:relative;}


body{ background:#fff;}
.main{ position:relative; width:100%;background:#000;}
.box1{ width:100%; height:800px; position:relative; background:url(../img/LabHeenoor/ad_01.jpg) no-repeat center center;}
.box1 .txt{ position:absolute; right:0; top:380px; background:url(../img/LabHeenoor/ad1_txt.png) no-repeat center center; width:736px; height:109px;}
.box2{ width:800px; margin:0 auto; padding:100px 0 15px 0 ; position: relative;}
.box2 .title{ width:100%; height:48px; margin-bottom:100px; background:url(../img/LabHeenoor/tit_1.png) no-repeat center center;}
.box2 .txt{ font-size:15px; color:#fff; line-height:36px;}
.box2 p{ margin-bottom:50px;}
.box2 .line{ width:2200px; position:absolute; right:0; bottom:-10px; height:3px; background:url(../img/LabHeenoor/line_1.png) no-repeat center right; z-index:3;}


.box3{ }
.box3 .title{ width:100%; height:50px; padding:20px 0 180px 0; background:url(../img/LabHeenoor/tit_2.png) no-repeat center center;}
.box3 .info{height:1812px; width:100%; background:url(../img/LabHeenoor/b_2.jpg) no-repeat center top; position:relative; font-size:15px; color:#fff; line-height:36px;}
.box3 .txt1{ width:800px; position:absolute; left:50%; margin-left:-400px; top:265px; text-align:left; z-index:9}
.box3 .txt2{ width:800px; position:absolute; left:50%; margin-left:-400px; top:930px; text-align:right; z-index:9;}
.box3 .info .bg{height:906px; width:100%; background:url(../img/LabHeenoor/b_2_1.jpg) no-repeat center bottom; position:absolute; left:0; bottom:0;}


.box4{  height:888px; position:relative; width:100%;}
.box4 .title{width:100%; height:50px; padding:20px 0 180px 0; background:url(../img/LabHeenoor/tit_3.png) no-repeat center center;}
.box4 .txt,.box5 .txt{ width:800px; margin:0 auto; text-align:left;font-size:15px; color:#fff; line-height:36px;}
.box4 .txt p{ margin-bottom:50px;}
.b4Main{ position:relative; z-index:9; width:100%; height:100%;}
.box4 .bg{ position:absolute; left:0; top:0; width:100%; height:100%;background:url(../img/LabHeenoor/b_3.jpg) no-repeat center center;}


.box5{ padding:180px 0 200px 0; position:relative; width:100%;}
.box5 .title{width:100%; height:50px; margin-bottom:80px; background:url(../img/LabHeenoor/tit_4.png) no-repeat center center;}
.box5 .txt{}

.box6{ width:100%; height:800px; position:relative; background:url(../img/LabHeenoor/ad_02.jpg) no-repeat center center;}
.box6 .txt{ position:absolute; right:8%; top:380px; background:url(../img/LabHeenoor/ad2_txt.png) no-repeat center center; width:765px; height:52px;}

.videoBox{}
.videoBox .title{ height:280px; width:100%; background:url(../img/LabHeenoor/tt.png) no-repeat center center;}
.videoMain{ position:relative; width:100%; overflow:hidden;}
.videoMain video{ width:100%;}
.videoMain .zz{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25);}
.videoMain .zz p{ background:url(../img/LabHeenoor/tt2.png) no-repeat center center; width:615px; height:35px; position:absolute; left:50%; top:50%; margin-left:-307px; margin-top:-18px;}
.vb2 .videoMain .zz p{ background:url(../img/LabHeenoor/tt3.png) no-repeat center center;margin-top:24px;}
.vb2{ margin-top:130px;}

.proBox .txtInfo{width:800px; margin:0 auto; position: relative; padding:100px 0 100px 40px;}
.proBox .txtInfo p{font-size:15px; color:#fff; line-height:36px;}
.proBox .txtInfo .line{ background:url(../img/LabHeenoor/line_2.png) no-repeat center top; width:3px; height:100%; position:absolute; left:0; top:0;}
.proMian{ position:relative; width:100%; overflow:hidden;}
.itemList{width:103%;}
.proMian .item{ width:14.285%; float:left; height:750px; cursor:pointer;}
.proMian .item .name{ margin-top:600px; text-align:center;font-size:15px; color:#fff; font-weight:bolder;}
.proMian .t1{ background:#634f44 url(../img/LabHeenoor/pro/1.png) no-repeat center top;}
.proMian .t2{ background:#34595b url(../img/LabHeenoor/pro/2.png) no-repeat center top;}
.proMian .t3{ background:#9eafae url(../img/LabHeenoor/pro/3.png) no-repeat center top;}
.proMian .t4{ background:#515467 url(../img/LabHeenoor/pro/4.png) no-repeat center top;}
.proMian .t5{ background:#c8acab url(../img/LabHeenoor/pro/5.png) no-repeat center top;}
.proMian .t6{ background:#dccdc4 url(../img/LabHeenoor/pro/6.png) no-repeat center top;}
.proMian .t7{ background:#aba1a4 url(../img/LabHeenoor/pro/7.png) no-repeat center top;}

.pro2 .txtInfo p{ width:380px;}
.pro2 .proMian .item{ width:16.61%;}
.pro2 .proMian .t1{ background:#634f44 url(../img/LabHeenoor/pro2/1.png) no-repeat center top;}
.pro2 .proMian .t2{ background:#4b017f url(../img/LabHeenoor/pro2/2.png) no-repeat center top;}
.pro2 .proMian .t3{ background:#7f0145 url(../img/LabHeenoor/pro2/3.png) no-repeat center top;}
.pro2 .proMian .t4{ background:#7f6601 url(../img/LabHeenoor/pro2/4.png) no-repeat center top;}
.pro2 .proMian .t5{ background:#383838 url(../img/LabHeenoor/pro2/5.png) no-repeat center top;}
.pro2 .proMian .t6{ background:#383838 url(../img/LabHeenoor/pro2/6.png) no-repeat center top;}

.pro4 .txtInfo p{ width:380px;}
.pro4 .proMian .item{ width:16.61%;}
.pro4 .proMian .t1{ background:#634f44 url(../img/LabHeenoor/pro4/1.png) no-repeat center top;}
.pro4 .proMian .t2{ background:#4b017f url(../img/LabHeenoor/pro4/2.png) no-repeat center top;}
.pro4 .proMian .t3{ background:#7f0145 url(../img/LabHeenoor/pro4/3.png) no-repeat center top;}
.pro4 .proMian .t4{ background:#7f6601 url(../img/LabHeenoor/pro4/4.png) no-repeat center top;}
.pro4 .proMian .t5{ background:#383838 url(../img/LabHeenoor/pro4/5.png) no-repeat center top;}
.pro4 .proMian .t6{ background:#383838 url(../img/LabHeenoor/pro4/6.png) no-repeat center top;}

.pro5 .txtInfo p{ width:380px;}
.pro5 .proMian .item{ }
.pro5 .proMian .t1{ background:#634f44 url(../img/LabHeenoor/pro5/1.png) no-repeat center top;}
.pro5 .proMian .t2{ background:#4b017f url(../img/LabHeenoor/pro5/2.png) no-repeat center top;}
.pro5 .proMian .t3{ background:#7f0145 url(../img/LabHeenoor/pro5/3.png) no-repeat center top;}
.pro5 .proMian .t4{ background:#7f6601 url(../img/LabHeenoor/pro5/4.png) no-repeat center top;}
.pro5 .proMian .t5{ background:#383838 url(../img/LabHeenoor/pro5/5.png) no-repeat center top;}
.pro5 .proMian .t6{ background:#383838 url(../img/LabHeenoor/pro5/6.png) no-repeat center top;}
.pro5 .proMian .t7{ background:#383838 url(../img/LabHeenoor/pro5/7.png) no-repeat center top;}

.pro5 .txtInfo .line{background:url(../img/LabHeenoor/line_4.png) no-repeat center top; width:3px; height:100%; position:absolute; left:0; top:0;}

.ad{ margin-top:130px;}

.pro3 .txtInfo p{ width:360px;}
.pro3 .img{ position:absolute; left:440px; top:110px;}
.pro3 .proMian .item{ width:25%;}
.pro3 .txtInfo .line{ background:url(../img/LabHeenoor/line_3.png) no-repeat center top;}
.pro3 .txtInfo .line2{ background:url(../img/LabHeenoor/line_3.png) no-repeat center bottom;}
.pro3 .proMian .t1{ background:url(../img/LabHeenoor/pro3/1.jpg) no-repeat center top;}
.pro3 .proMian .t2{ background:url(../img/LabHeenoor/pro3/2.jpg) no-repeat center top;}
.pro3 .proMian .t3{ background:url(../img/LabHeenoor/pro3/3.jpg) no-repeat center top;}
.pro3 .proMian .t4{ background:url(../img/LabHeenoor/pro3/4.jpg) no-repeat center top;}


.lianxi2{ padding:180px 0 0 0; overflow:hidden; }
.lianxi2 .title{ margin-bottom:80px; width:100%; height:50px; background:url(../img/LabHeenoor/tt4.png) no-repeat center center;}
.lianxi2 ul{ width:700px; margin:0 auto;position:relative; left:70px; overflow:hidden;}
.lianxi2 li{ width:320px; padding-right:30px; float:left; margin-bottom:12px; color:#fff; font-size:13px; line-height:30px;}
.lianxi2 li b{ display:block;}
.lianxi2 .sns{ width:1000px; margin:0 auto; border-top:1px solid rgba(255,255,255,0.2); background:url(../img/LabHeenoor/lx.png) no-repeat center center; height:280px; margin-top:100px;}

{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}





@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}