@font-face {
    font-family: 'led';
    src: url('../font/led.ttf');
    src: url('../font/led.eot?#iefix') format('embedded-opentype'),
         url('../font/led.woff') format('woff'),
         url('../font/led.ttf') format('truetype'),
         url('../font/led.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3,h4,h5{
	font-weight: 100;
}
body{
    font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53;
    min-width: 100%;
    min-height: 600px;
}
.section{
	position: relative;
	overflow: hidden;
}
img{
	width: 100%;
}
#fullpage{
	position: relative;
}
.fp-table.fp-section, .fp-table.fp-slide,.fp-tableCell{
	display: block;
}
.bg{
	position: absolute;
	top:0;
	bottom: 0;
	height: 100%;
}

/*ÃƒÂ¥Ã‚ÂÃ‚Â³ÃƒÂ¤Ã‚Â¾Ã‚Â§ÃƒÂ¥Ã‚Â¯Ã‚Â¼ÃƒÂ¨Ã‹â€ Ã‚Âª*/
#fp-nav.right{
	right:16px;
}
#fp-nav li{
	margin:10px 0 !important;
	+margin:1px 0 !important;
}
#fp-nav li a{
	display: block;
	width:10px !important;
	height:10px !important;
	list-style: none;
	background: url(../images/img_mojie/circle.png) no-repeat 0 0;
}
#fp-nav li span{
	border:none !important;
}
#fp-nav li a.active{
	width:16px !important;
	height:16px !important;
	margin-left: -3px !important;
	margin-top: -3px !important;
	background: url(../images/img_mojie/circle.png) no-repeat 0 -18px;
}
#fp-nav li a.active span{
	background:transparent !important;
}

.section1{
    /*background-image: url("../images/20190724_BH9180B/section1_bg.png");*/
	background-image: url("../images/20190724_BH9180B/section1_bg_2.jpg");
}
.section2{
	background-image: url("../images/20190724_BH9180B/section2_bg.png");
}
.section3{
	background-image: url("../images/20190724_BH9180B/section3_bg.jpg");
}
.section4{
	background-image: url("../images/20190724_BH9180B/section4_bg.jpg");
}
.section5{
	background-image: url("../images/20190724_BH9180B/section5_bg.jpg");
}
.section6{
	background-image: url("../images/20190724_BH9180B/section6_bg.jpg");
}
.section7{
	background-image: url("../images/20190724_BH9180B/section7_bg.jpg");
}
.section8{
    /* background-image: url("../images/20190724_BH9180B/88.png"); */
}
.section9{}
.section10{
	/* background-image: url("../images/20190724_BH9180B/10.png"); */
}

.section1,
.section2,
.section3,
.section4,
.section5,
.section6,
.section7,
.section8,
.section9,
.section10{
	background-size: cover;
    background-position: top center;
	background-repeat: no-repeat;
}

/* section1 */
.section1_left{
    position: absolute;
    width: 20%;
    top: 30%;
    left: 3.2%;
    z-index: 1;
}
.section1_right{
	position: absolute;
    width: 20%;
    top: 30%;
    left: 53.5%;
    z-index: 1;
}
.section1_name{
	position: absolute;
    width: 10%;
    bottom: 20%;
    left: 63%;
    z-index: 1;
}
.section1_pro{
    position: absolute;
    width: 18%;
    top: 36%;
    right: 2.5%;
    z-index: 1;
    opacity: 0;
}
.section1_img{
    width: 100%;
}
.section1_title{
	display: block;
    width: 45%;
    margin: 0 auto;
}
/* section2 */
.section2_title{
    position: absolute;
    top: 20.2%;
    left: 0;
    right: 0;
    width: 25.8%;
    margin: 0 auto;
    opacity: 0;
}
.section2_icon{
    position: absolute;
    top: 13%;
    left: 0.5%;
    right: 0;
    margin: auto;
    width: 7%;
    height: 8%;
    z-index: 1;
}
.icon2_box{
    position: relative;
    width: 100%;
    height: 100%;
}
.section2_yleft{
    position: absolute;
    top: 0;
    left: 1px;
    width: 55%;
    z-index: 1;
    opacity: 0;
}
.section2_yright{
    position: absolute;
    top: 0;
    right: 1px;
    width: 54%;
    z-index: 1;
    opacity: 0;
}
.section2_hearth{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
/*     opacity: 0; */
}
.section2_left{
    position: absolute;
    width: 19.5%;
    top: 23.5%;
    left: 0;
    z-index: 1;
}
.section2_right{
    position: absolute;
    width: 23.5%;
    top: 18.5%;
    right: 0;
    z-index: 1;
}
/* section3 */
.section3_title{
    position: absolute;
    top: 20.5%;
    left: 0;
    right: 0;
    width: 23.5%;
    margin: 0 auto;
    z-index: 1;
}
.section3_right{
	position: absolute;
    bottom: 28.5%;
    right: 0;
    width: 47.2%;
    z-index: 1;
    opacity: 0;
}
/* section4 */
.section4_title{
    position: absolute;
    width: 51.5%;
    bottom: 42.5%;
    left: 0;
    z-index: 1;
    opacity: 0;
}
/* section5 */
.section5_left{
    position: absolute;
    width: 26%;
    top: 0;
    bottom: 0;
    left: 13%;
    margin: auto;
    z-index: 1;
}
.section5_dw{
    position: absolute;
    width: 27%;
    top: 35.2%;
    right: 24.1%;
    z-index: 1;
    opacity: 0;
}
.section5_lt{
	position: absolute;
    width: 34%;
    top: 41.8%;
    right: 17%;
    z-index: 1;
    opacity: 0;
}
.section5_xz{
    position: absolute;
    width: 30%;
    top: 66%;
    right: 21%;
    z-index: 1;
    opacity: 0;
}
/* section6 */
.section6_title{
	position: absolute;
    width: 16.5%;
    top: 22%;
    left: 32%;
    z-index: 1;
}
.section6_left{
    position: absolute;
    width: 43%;
    top: 14%;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.section6_right{
    position: absolute;
    width: 36%;
    top: 38.5%;
    right: 1%;
    z-index: 1;
    opacity: 0;
}
.section6_bottom{
    position: absolute;
    width: 20.5%;
    bottom: 15.4%;
    left: 13.9%;
    z-index: 1;
    opacity: 0;
}
/* section7 */
.section7_left{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.4%;
}
.section7_patent{
    width: 22%;
    display: block;
    margin: 0 auto;
    margin-top: 23%;
}
.section7_rotate{
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-top: 2%;
}
.section7_pro{
	display: block;
    width: 66%;
    margin: 0 auto;
    margin-top: 3.5%;
}
.section7_mod1{
    position: absolute;
    top: 40.5%;
    width: 8.5%;
    right: 36.5%;
    z-index: 1;
    opacity: 0;
}
.section7_mod2{
    position: absolute;
    width: 7.5%;
    right: 34.6%;
    top: 60%;
    z-index: 1;
    opacity: 0;
}
.section7_mod3{
	position: absolute;
    width: 7.5%;
    top: 68.2%;
    right: 23.05%;
    z-index: 1;
    opacity: 0;
}
.section7_mod4{
    position: absolute;
    width: 7.5%;
    top: 66.5%;
    right: 15%;
    z-index: 1;
    opacity: 0;
}
.section7_mod5{
    position: absolute;
    width: 7.2%;
    top: 54%;
    right: 9.8%;
    z-index: 1;
    opacity: 0;
}
/* section8 */
.section8_right{
	position: absolute;
    right: 0;
    top: 10%;
    width: 13%;
    z-index: 1;
}
.section8_title{
    position: absolute;
    width: 21.5%;
    top: 37.6%;
    right: 22.2%;
    z-index: 1;
}
.pro8_box{
    position: absolute;
    top: 23%;
    left: 0;
    width: 40%;
    height: 55%;
}
.section8_pro{
    position: absolute;
    width: 70%;
    top: 5%;
    z-index: 1;
}
.section8_mod1{
    position: absolute;
    width: 53%;
    top: 13.5%;
    left: 32%;
    z-index: 1;
    opacity: 0;
}
.section8_mod2{
    position: absolute;
    width: 42%;
    top: 41.5%;
    left: 49.5%;
    z-index: 1;
    opacity: 0;
}
.section8_mod3{
    position: absolute;
    width: 34%;
    top: 76.5%;
    left: 62%;
    z-index: 1;
    opacity: 0;
}
/* section9 */
.section9_title{
    position: absolute;
    width: 21.5%;
    top: 30.8%;
    left: 13.9%;
    z-index: 1;
}
.section9_pro{
    position: absolute;
    width: 31%;
    top: -13%;
    right: 1.8%;
    bottom: 0;
    margin: auto;
    z-index: 1;
}
.section9_mod1{
    position: absolute;
    width: 30%;
    top: 25.5%;
    right: 26.5%;
    z-index: 1;
    opacity: 0;
}
.section9_mod2{
    position: absolute;
    width: 20.5%;
    top: 39%;
    right: 35.4%;
    z-index: 1;
    opacity: 0;
}
.section9_mod3{
    position: absolute;
    width: 41%;
    top: 55%;
    right: 15%;
    z-index: 1;
    opacity: 0;
}
/* section10 */
.section10_header{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.section10_pro{
    position: absolute;
    width: 25%;
    top: 38.5%;
    left: 14%;
    z-index: 1;
    opacity: 0;
}
.section10_par{
	position: absolute;
    width: 42.8%;
    top: 37%;
    right: 10%;
    z-index: 1;
    opacity: 0;
}
.section10 .section10_par{
    position: absolute;
    top: 37%;
    right: 10%;
    width: 42.6%;
    box-sizing: border-box;
    font-size: 0.23rem;
}
.section10_par p{
    font-size: 0.28rem;
}
.par_table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-top: 0.2rem;
}
.par_table td{
    color: #4d4d4f;
    padding: 2.9%;
    width: 50%;
    border: 1px solid #dedede;
}
.td_l{
    text-align: left;
}
.td_c{
    text-align: center;
}
.td_s{
    font-size: 16px;
}

@media screen and (min-height: 938px) {
    .section1_pro{width: 14%;}
    .section5_dw{top: 36.2%;right: 15.1%;}
    .section5_lt{top: 44.8%;right: 8%;}
    .section5_xz{top: 70%;right: 12%;}
    .section7_mod1{right: 34.5%;}
    .section7_mod2{right: 30.6%;}
    .section7_mod3{right: 18.05%;}
    .section7_mod4{right: 9%;}
    .section7_mod5{right: 4.8%;}
    .section8_mod2{top: 38.5%;}
    .section8_mod3{top: 67.5%;}
}

/* animation */
/*section1*/
.active.section1_pro{animation: downIn1 1.5s .1s both;-webkit-animation: downIn1 1.5s .1s both;}
/*section2*/
/* .active.section2_hearth{animation: overturn 0.8s 0s both;-webkit-animation: overturn 1s .3s both;} */
.active.section2_title{animation: fadeIn 0.8s 0s both;-webkit-animation: fadeIn 1s .3s both;}
.active.section2_yright{
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
    animation-name: circleOne;
}
.active.section2_yleft{
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
    animation-name: circleTwo;
}
/*section3*/
.active.section3_right{animation: bounceInRight 1.2s .2s both linear;-webkit-animation:  bounceInRight 1.2s .2s both linear;}
/*section4*/
.active.section4_title{
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-delay: 0.2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
    animation-name: bounceInLeft;
}
/*section5*/
.active.section5_dw{animation: fadeIn 0.5s .1s both;-webkit-animation: fadeIn 0.5s .1s both;}
.active.section5_lt{animation: fadeIn 0.5s 0.5s both;-webkit-animation: fadeIn 0.5s .5s both;}
.active.section5_xz{animation: fadeIn 0.5s 0.9s both;-webkit-animation: fadeIn 0.5s 0.9s both;}
/*section6*/
.active.section6_left{animation: fadeIn 1s 0s both;-webkit-animation: fadeIn 1s 0s both;}
.active.section6_right{animation: fadeIn 1s 0.6s both;-webkit-animation: fadeIn 1s 0.6s both;}
.active.section6_bottom{
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-delay: 1.2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
    animation-name: bounceInLeft;
}
/*section7*/
.active.section7_pro{}
.active.section7_mod1{animation: fadeIn .4s both;-webkit-animation: fadeIn .4s both;}
.active.section7_mod2{animation: fadeIn .4s .4s both;-webkit-animation: fadeIn .4s .4s both;}
.active.section7_mod3{animation: fadeIn .4s 0.8s both;-webkit-animation: fadeIn .4s 0.8s both;}
.active.section7_mod4{animation: fadeIn .4s 1.2s both;-webkit-animation: fadeIn .4s 1.2s both;}
.active.section7_mod5{animation: fadeIn .4s 1.6s both;-webkit-animation: fadeIn .4s 1.6s both;}
/*section8*/
.active.section8_pro{}
.active.section8_mod1{animation: bounceInRight 0.5s .1s both linear;-webkit-animation: bounceInRight 0.5s .1s both linear;}
.active.section8_mod2{animation: bounceInRight 0.5s .7s both linear;-webkit-animation: bounceInRight 0.5s .7s both linear;}
.active.section8_mod3{animation: bounceInRight 0.5s 1.3s both linear;-webkit-animation: bounceInRight 0.5s 1.3s both linear;}
/*section9*/
.active.section9_mod1{animation: leftIn 0.5s .1s both linear;-webkit-animation: leftIn 0.5s .1s both linear;}
.active.section9_mod2{animation: fadeIn 0.6s 0.7s both;-webkit-animation: fadeIn 0.6s 0.7s both;}
.active.section9_mod3{animation: leftIn 0.5s 1.4s both linear;-webkit-animation: leftIn 0.5s 1.4s both linear;}
/*section10*/
.active.section10_pro{animation: bounceInRight 1s .3s both linear;-webkit-animation:  bounceInRight 1s .3s both linear;}
.active.section10_par{
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0.3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
    animation-name: bounceInLeft;
}

/* keyframes */
/*section1*/
@-webkit-keyframes downIn1{
  0% {
    opacity: 0;
    -webkit-transform:translateY(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform:translateY(0px);
  }
}
@-ms-keyframes downIn1{
  0% {
    opacity: 0;
    -ms-transform:translateY(-30px);
  }
  100% {
    opacity: 1;
    -ms-transform:translateY(0px);
  }
}
/*section2*/
@-webkit-keyframes fadeIn{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}
@-ms-keyframes fadeIn{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}
@-webkit-keyframes circleOne{
  0% {
    -webkit-transform:translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform:translateX(0px);
    opacity: 1;
  }
}
@-ms-keyframes circleOne{
  0% {
    -ms-transform:translateX(-20px);
    opacity: 0;
  }
  100% {
    -ms-transform:translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes circleTwo{
  0% {
    -webkit-transform:translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform:translateX(0px);
    opacity: 1;
  }
}
@-ms-keyframes circleTwo{
  0% {
    -ms-transform:translateX(20px);
    opacity: 0;
  }
  100% {
    -ms-transform:translateX(0px);
    opacity: 1;
  }
}
/*section3*/
@-webkit-keyframes bounceInRight {
  from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    opacity: 1;
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-ms-keyframes bounceInRight {
  from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    opacity: 1;
  }

  from {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes bounceInRight {
  from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    opacity: 1;
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  opacity: 1;
}
/*section4*/
@-webkit-keyframes bounceInLeft {
  from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    opacity: 1;
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-ms-keyframes bounceInLeft {
  from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    opacity: 1;
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes bounceInLeft {
  from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    opacity: 1;
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  opacity: 1;
}
/*section5*/
/*section6*/
/*section7*/
/*section8*/
/*section9*/
@-webkit-keyframes leftIn{
  0% {
    opacity: 0;
    -webkit-transform:translateX(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform:translateX(0px);
  }
}
@-ms-keyframes leftIn{
  0% {
    opacity: 0;
    -ms-transform:translateX(-30px);
  }
  100% {
    opacity: 1;
    -ms-transform:translateX(0px);
  }
}
/*section10*/
@-webkit-keyframes bounceInRight1 {
  from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    opacity: 1;
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-ms-keyframes bounceInRight1 {
  from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    opacity: 1;
  }

  from {
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes bounceInRight1 {
  from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    opacity: 1;
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.bounceInRight1 {
  -webkit-animation-name: bounceInRight1;
  animation-name: bounceInRight1;
  opacity: 1;
}



@-webkit-keyframes bounceInDown{
    from {
        -webkit-transform: translateY(-50%);
        opacity: 0;
    }
    to{
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@-ms-keyframes bounceInDown{
    from {
        -webkit-transform: translateY(-50%);
        opacity: 0;
    }
    to{
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes overturn{
  from{
    transform: rotateX(-60deg);
    -webkit-transform: rotateX(-60deg);
    opacity: 0;
  }
  to{
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@-ms-keyframes overturn{
  from{
    transform: rotateX(-60deg);
    -webkit-transform: rotateX(-60deg);
    opacity: 0;
  }
  to{
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}


