.fz-h1 {
	font-size: 0.96em;
	font-family: "PingFang SC";
	font-weight: 300;
}

.fz-h2 {
	font-size: 0.4em;
}

.fz-h3 {
	font-size: 0.32em;
}

.fz-link a{
	font-size: 16px;
	color: white;
}

.mb-15{
	margin-bottom: 15px;
}
.mt-30{
	margin-top: 30px;
}

.flex{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-1{
	flex:1;
}
.text-center{
	text-align: center;
}
.h-100{
	height: 100%;
}
.split-white{
	background: #fff;
	height: 15px;
}

.section {
    -webkit-font-smoothing: antialiased;
  }

  /*第八屏-开始*/
  .section_eight {
    position: relative;
    clear: both;
    width: 100%;
    height: 100%;
    background: url("http://img.loock.cn/pc/index/index/touchbg.jpg");
    background-size: cover;
    overflow: hidden;
  }
  a:focus {
    outline: none;
  }

  .section_eight .one {
    opacity: 0.7;
  }

  .service {
    position: relative;
  }
  .service > .wx-code {
    top: 0;
  }
  .service:hover > .wx-code {
    display: block;
  }
  /*.section1 .one {*/
  /*opacity: 1;*/
  /*animation: fadeIn 1.5s .1s both;*/
  /*}*/

  .section_eight .craw {
    /*width: 3.7em;*/
    /*height: 7.4em;*/
    /*margin: .5em auto;*/
    position: relative;
    height: 100%;
    z-index: 20;
  }

  .section_eight .craw .bg {
    width: 3.6em;
  }

  .section_eight .craw .word {
    width: 50%;
    position: relative;
    top: 35%;
    left: 0.6em;
    text-align: center;
  }
  .section_eight .craw .word-left {
    width: 50%;
    position: relative;
    top: 35%;
    left: 0.6em;
    text-align: center;
  }
  .section_eight .craw .img_one {
    position: absolute;
    left: 37.5%;
    top: 100%;
    width: 5.5em;
    transform: translateX(-1.5em);
    margin-top: 0.2em;
    /*margin-left:1.8em;*/
  }

  .section_eight .craw .img_two {
    position: absolute;
    top: 12%;
    right: 20%;
    width: 20%;
    /* position: absolute;
    right: 64%;
    top: 15%;
    width: 20%; */
    /* opacity: 0; */
  }
  .section_eight .craw .img_two img{
    width:3.4em;
  }
  .section_eight .craw .img_tworight{
    position: absolute;
    right: 20%;
    top: 20%;
    width: 20%;
    /* opacity: 0; */
  }
  .section_eight .craw .img_one img {
    width: 100%
  }

  .section_eight div .one {
    display: block;
    font-size: 0.4em;
    color: #fff;
    margin-bottom: 0.5em;
    margin-top: 1em;

  }

  .section_eight div .onee {
    display: block;
    font-size: 0.32em;
    color: #fff;
    opacity: 0.5;
    letter-spacing: 1.3em;
    margin-left: 1.5em;

  }

  .section_eight div .two {
    margin-bottom: 15px;
    display: block;
    font-size: 0.8em;
    line-height: 0.96em;
    color: #fff;
    opacity: 0.8;
    font-weight: 300;
    font-family: "PingFang SC";
  }

  .section_eight .three {
    font-size: 0.18em;
    line-height: 0.18em;
    vertical-align: center;
  }

  .section_one .three span {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    opacity: 0.6;
  }

  .section_one .three span img {
    width: 1.2em;
    vertical-align: middle;
  }

  /*第一屏-结束*/
  /*第二屏-开始*/
  .section_two {
    position: relative;
    clear: both;
    width: 100%;
    height: 100%;
    font-size: 100px;
    background: url("http://img.loock.cn/pc/index/index/T1bg.jpg");
    background-size: 100% 100%;
    overflow: hidden;
  }
  a:focus {
    outline: none;
  }

  .section_one .one {
    opacity: 0.7;
  }

  /*.section1 .one {*/
  /*opacity: 1;*/
  /*animation: fadeIn 1.5s .1s both;*/
  /*}*/

  .section_two .craw {
    /*width: 3.7em;*/
    /*height: 7.4em;*/
    /*margin: .5em auto;*/
    position: relative;
    height: 100%;
    z-index: 20;
  }

  .section_two .craw .bg {
    width: 3.6em;
  }

  .section_two .craw .word {
    width: 50%;
    position: relative;
    top: 35%;
    left: 7.6em;
    text-align: center;
  }
  .section_two .craw .word-left {
    width: 50%;
    position: relative;
    top: 35%;
    left: 2em;
    text-align: center;
  }
  .section_two .craw .img_one {
    position: absolute;
    left: 37.5%;
    top: 100%;
    width: 5.5em;
    transform: translateX(-1.5em);
    margin-top: 0.2em;
    /*margin-left:1.8em;*/
  }

  .section_two .craw .img_two {
    position: absolute;
    right: 60%;
    top: 20%;
    width: 20%;
    /* opacity: 0; */
  }
  .section_two .craw .img_tworight{
    position: absolute;
    right: 24%;
    top: 20%;
    width: 20%;
    /* opacity: 0; */
  }
  .section_two .craw .img_one img {
    width: 100%
  }

  .section_two div .one {
    display: block;
    font-size: 0.4em;
    color: #fff;
    margin-bottom: 0.5em;
    margin-top: 1em;
    opacity: 0.7;
  }

  .section_two div .onee {
    display: block;
    font-size: 0.32em;
    color: #fff;
    opacity: 0.5;
    letter-spacing: 1.4em;
    margin-left: 1.5em;

  }

  .section_two div .two {
    margin-bottom: 15px;
    display: block;
    font-size: 0.96em;
    line-height: 0.96em;
    color: #fff;
    opacity: 0.8;
    font-weight: 300;
    font-family: "PingFang SC";
  }

  .section_two .three {
    font-size: 0.18em;
    line-height: 0.18em;
    vertical-align: center;
  }

  .section_two .three span {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    opacity: 0.6;
  }

  .section_two .three span img {
    width: 1.2em;
    vertical-align: middle;
  }

  /*第二屏-结束*/
  /*第三屏-开始*/
  .section_three {
    position: relative;
    clear: both;
    width: 100%;
    height: 100%;
    font-size: 100px;
    background: #fff;
    background-size: cover;
    overflow: hidden;
  }
  .section_three .left , .section_three .right {
    position:relative;
    background: url('http://img.loock.cn/pc/index/index/classic_pg.jpg') no-repeat;
    background-size:cover;
    box-sizing: border-box;
    padding:50px 0;
    flex:1;
    height:100%;
    display: flex;
    flex-direction: column;
  }
  .section_three .left  {
    margin-right:15px;
  }
  a:focus {
    outline: none;
  }

  .section_three .one {
    opacity: 0.7;
  }

  /*.section1 .one {*/
  /*opacity: 1;*/
  /*animation: fadeIn 1.5s .1s both;*/
  /*}*/

  .section_three .craw {
    /*width: 3.7em;*/
    /*height: 7.4em;*/
    /*margin: .5em auto;*/
    display: flex;
    position: relative;
    height: 100%;
    z-index: 20;
  }

  .section_three .craw .bg {
    width: 3.6em;
  }

  .section_three .craw .word {
    width: 50%;
	margin: 0 auto;
    text-align: center;
	  padding-bottom: 30px;
  }
  .section_three .craw .word-left {
    width: 50%;
    position: relative;
    top: 35%;
    left: 0.6em;
    text-align: center;
  }
  .section_three .craw .img_one {
    position: absolute;
    left: 37.5%;
    top: 100%;
    width: 5.5em;
    transform: translateX(-1.5em);
    margin-top: 0.2em;
    /*margin-left:1.8em;*/
  }

.section_three .craw .img_two {
	overflow: hidden;
	margin: 0 auto;
	flex: 1;
}
  .section_three .craw .left .img_two img.mijia2 {
    width: auto !important;
    position: absolute;
    right: -25%;
    top: -6%;
  }
  .section_three .craw .right .img_two .mijia2 {
    width: auto !important;
    position: absolute;
    right: -25%;
    top: 6%;
  }
  .section_three .craw .right .img_two img{
    width:100%;
  }
  .section_three .craw .img_tworight{
    position: absolute;
    right: 20%;
    top: 20%;
    width: 20%;
    /* opacity: 0; */
  }
  .section_three .craw .img_one img {
    width: 100%
  }

  .section_three div .one {
    display: block;
    font-size: 0.38em;
    color: #fff;
    margin-bottom: 0.5em;
    margin-top: 0.5em;

  }

  .section_three div .onee {
    display: block;
    font-size: 0.3em;
    color: #fff;
    opacity: 0.8;
    letter-spacing: 1.1em;
    margin-left: 1.3em;

  }

  .section_three div .two {
    margin-bottom: 15px;
    display: block;
    font-size: 0.5em;
    line-height: 0.76em;
    color: #fff;
    opacity: 0.8;
    font-weight: 300;
    font-family: "PingFang SC";
  }
  .section_three .right div .two {
    font-size: 0.5em;
  }

  .section_three .three {
    font-size: 0.18em;
    line-height: 0.18em;
    vertical-align: center;
  }

  .section_three .three span {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    opacity: 0.6;
  }

  .section_three .three span img {
    width: 1.2em;
    vertical-align: middle;
  }

  /*第三屏-结束*/
  /*第四屏-开始*/

  .section_four {
    width: 100%;
    height: 100%;
    font-size: 100px;
    background-size: cover;
    background: url("http://img.loock.cn/pc/index/index/touchbg.jpg");
  }

  .section_four .mijia-icon  {
	  position: absolute;
	  top: -50px;
	  right: 30px;
  }

.section_four img  {
	display: block;
  }


  /*第四屏-结束*/
  /*第五屏-开始*/
  .section_five {
    position: relative;
    clear: both;
    width: 100%;
    height: 100%;
    font-size: 100px;
    background: #fff;
    background-size: cover;
    overflow: hidden;
  }
  .section_five .left , .section_five .right {
    position:relative;
    box-sizing: border-box;
    padding-top:50px;
    flex:1;
    height:100%;
    background-color: #f7f7f7;
  }
  .section_five .left  {
    margin-right:15px;
  }
  a:focus {
    outline: none;
  }

  .section_five .one {
    opacity: 0.7;
  }

  /*.section1 .one {*/
  /*opacity: 1;*/
  /*animation: fadeIn 1.5s .1s both;*/
  /*}*/

  .section_five .craw {
    /*width: 3.7em;*/
    /*height: 7.4em;*/
    /*margin: .5em auto;*/
    display: flex;
    position: relative;
    height: 100%;
    z-index: 20;
  }

  .section_five .craw .bg {
    width: 3.6em;
  }

  .section_five .craw .word {
    width: 50%;
    position: absolute;
    top: 15%;
    left: 25%;
    text-align: center;
  }
  .section_five .craw .word-left {
    width: 50%;
    position: relative;
    top: 35%;
    left: 0.6em;
    text-align: center;
  }
  .section_five .craw .img_one {
    position: absolute;
    left: 37.5%;
    top: 100%;
    width: 5.5em;
    transform: translateX(-1.5em);
    margin-top: 0.2em;
    /*margin-left:1.8em;*/
  }

  .section_five .craw .left .img_two {
    position: absolute;
    left: 30%;
    top: 50%;
    width:36%;
  }
  .section_five .craw .right .img_two {
    position: absolute;
    left: 20%;
    top: 50%;
    width:60%;
  }
  .section_five .craw .left .img_two img{
    width:100%;
  }
  .section_five .craw .right .img_two img{
    width:100%;
  }
  .section_five .craw .img_tworight{
    position: absolute;
    right: 20%;
    top: 20%;
    width: 20%;
    /* opacity: 0; */
  }
  .section_five .craw .img_one img {
    width: 100%
  }
  .ls10 {
    letter-spacing: 6px;
  }
  .section_five div .one {
    display: block;
    font-size: 0.38em;
    color: #333;
    margin-bottom: 0.5em;
    margin-top: 0.5em;

  }

  .section_five .left .onee {
    display: block;
    font-size: 0.3em;
    color: #40342e;
    opacity: 0.5;
    letter-spacing: 1em;
    margin-left: 1.2em;

  }
  .section_five .right .onee {
    display: block;
    font-size: 0.3em;
    color: #40342e;
    opacity: 0.5;
    letter-spacing: 0.3em;
    margin-left: 0.3em;

  }

  .section_five div .two {
    margin-bottom: 10px;
    display: block;
    font-size: 0.76em;
    line-height: 0.76em;
    color: #000;
    font-weight: 300;
    font-family: "PingFang SC";
  }

  .section_five .three {
    font-size: 0.18em;
    line-height: 0.18em;
    vertical-align: center;
  }

  .section_five .three span {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    opacity: 0.6;
  }

  .section_five .three span img {
    width: 1.2em;
    vertical-align: middle;
  }

  /*第五屏-结束*/
  /*media开始*/

  /*自适应*/

  /*media结束*/
  .zhongchou {
    color: #FFFFFF;
  }

  .nav {
    width: 100%;
    background: #000000;
  }

  .active {
    color: #666666;
  }

  /*视频*/
  .gw_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: -20%;
    z-index: 10;
  }

  .gw_video-2 {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: #000000;
  }

  .gw_video-3 {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: #000000;
  }

  .gw_index_canpin {
    cursor: pointer;
  }

  .gw_index_pinpai {
    cursor: pointer;
  }

  .gw_video-2_close {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    width: 0.4em;
    /*height: 0.5em;*/
    /*background: red;*/
    border-radius: 50%;
  }

  .gw_video-3_close {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    width: 0.4em;
    /*height: 0.5em;*/
    /*background: red;*/
    border-radius: 50%;
  }

  .index-4 {
    /*position: relative;*/
    width: 100%;
    z-index: 20;
  }

  .img-close {
    width: 100%;
    cursor: pointer;
  }

  * {
    -webkit-font-smoothing: antialiased;
  }

  @media screen and (max-width: 1280px) {
    .section_one .craw .img_two img {
      width: 5.6em;
    }
    .section_two .craw .img_two img {
      width: 4em;
    }
    .section_four .craw .img_two img {
      width: 9em;
    }
    /*.section_one div .two {*/
      /*font-size: 60px;*/
    /*}*/

    /*.section_one div .onee {*/
      /*font-size: 20px;*/
    /*}*/

    /*.section_one div .one {*/
      /*font-size: 22px;*/
    /*}*/

    /*.section_two .word_two h2, .section_three .word_three h2, .section_four .word_four h2, .section_five .word_five h2 {*/
      /*font-size: 36px !important;*/
      /*max-width: 830px;*/
      /*opacity: 0.9;*/
      /*padding-top: 2.3%;*/
    /*}*/

    /*.section_two .word_two p, .section_three .word_three p, .section_four .word_four p, .section_five .word_five p {*/
      /*font-size: 16px !important;*/
      /*opacity: 0.7;*/
      /*!*max-width: 830px;*!*/
    /*}*/

    /*.section_two .word_two, .section_three .word_three, .section_four .word_four, .section_five .word_five {*/
      /*!*max-width: 830px;*!*/
    /*}*/
  }

  @media screen and (max-width: 1920px) and (min-width: 1440px) {
    .section_one .craw .img_two img {
      width: 5.8em;
    }
    .section_eight .craw .img_two img {
      width: 3.8em;
    }
  }

  @media screen and (max-width: 1439px) and (min-width: 1281px) {
    .section_one .craw .img_two img {
      width: 5.3em;
    }
    .section_two .craw .img_two img {
      width: 4.3em;
    }
    .section_four .craw .img_two img {
      width: 9.3em;
    }
  }
  @media screen and (max-width: 1920px) and (min-width: 1439px) {
    .section_four .craw .img_two img {
      width: 9.3em;
    }
    .section_two .craw .img_tworight img {
      width: 4em;
    }
  }
  /* 新加背景 */
  .word a{
    font-size: 16px;
    color:#fff;
  }
  .word a:hover{
    color:#fff;
  }

  .section_five .word a:hover{
    color:#333;
  }
  .section_seven .word-left a:hover{
    color:#333;
  }
  .word-left a{
    font-size: 14px;
    color:#ee9828;
  }
  .word-left a:hover{
    color:#fff;
  }
  .link{
    font-size:14px;
  }
  .link a:last-child{
    margin-left:30px;
  }


/*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

.whiteLine {
  width: 100%;
  height: 15px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
}



.section_six {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  font-size: 100px;
  background: url("http://img.loock.cn/pc/index/index/touch2pro_bg.jpg");
  background-size: cover;
  overflow: hidden;
}
.section_seven {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  font-size: 100px;
  background: url("http://img.loock.cn/pc/OJJ/PC-1_01.jpg");
  background-size: cover;
  overflow: hidden;
}
.section_seven .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}

.section_seven .craw .bg {
  width: 3.6em;
}

.section_seven .craw .word {
  width: 50%;
  position: relative;
  top: 35%;
  left: 7.6em;
  text-align: center;
}
.section_seven .craw .word-left {
  width: 50%;
  position: relative;
  top: 35%;
  left: 1em;
  text-align: center;
}
.section_seven .craw .img_one {
  position: absolute;
  left: 37.5%;
  top: 100%;
  width: 5.5em;
  transform: translateX(-1.5em);
  margin-top: 0.2em;
  /*margin-left:1.8em;*/
}

.section_seven .craw .img_two {
  position: absolute;
  right: 60%;
  top: 20%;
  width: 20%;
  /* opacity: 0; */
}
.section_seven .craw .img_tworight{
  position: absolute;
  right: 30%;
  top: 9%;
  width: 20%;
  /* opacity: 0; */
}
.section_seven .craw .img_tworight img {
  width:7em;
}

.section_seven div .one {
  display: block;
  font-size: 0.4em;
  color: #000;
  margin-bottom: 0.5em;
  margin-top: 1em;
  opacity: 0.7;
}

.section_seven div .onee {
  display: block;
  font-size: 0.32em;
  color: #000;
  opacity: 0.5;
  letter-spacing: 1.4em;
  margin-left: 1.5em;

}

.section_seven div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.96em;
  line-height: 0.96em;
  color: #000;
  opacity: 0.8;
  font-weight: 300;
  font-family: "PingFang SC";
}

.section_seven .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_seven .three span {
  display: inline-block;
  font-size: 12px;
  color: #000;
  opacity: 0.6;
}

.section_seven .three span img {
  width: 1.2em;
  vertical-align: middle;
}
a:focus {
  outline: none;
}

.section_six .one {
  opacity: 0.7;
}

/*.section1 .one {*/
/*opacity: 1;*/
/*animation: fadeIn 1.5s .1s both;*/
/*}*/

.section_six .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}

.section_six .craw .bg {
  width: 3.6em;
}

.section_six .craw .word {
  width: 50%;
  position: relative;
  top: 35%;
  left: 0.6em;
  text-align: center;
}

.section_six .craw .img_one {
  position: absolute;
  left: 37.5%;
  width: 5.5em;
  transform: translateX(-1.5em);
  margin-top: 0.2em;
  padding-top: .7em;
  border-top: 1px solid rgba(255,255,255,.2);
}

.section_six .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 4.25em;
  opacity: 1;
  animation-duration: 1.5s;
}
.section_six .craw .img_three {
  position: absolute;
  right: 5.55em;
  top: 2.4em;
  opacity: 1;
  animation-duration: 1.5s;
}
.section_six .craw .img_four {
  position: absolute;
  right: .8em;
  top: 5.5em;
  z-index: -1;
}
.section_six .craw .img_two img {
  width: 1.6em;
}
.section_six .craw .img_three img {
  width: 1.8em;
}
.section_six .craw .img_four img {
  width: 15em;
}
@keyframes myfadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes myfadeInDown1 {
  from {
    opacity: .5;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.myfadeInDown {
  -webkit-animation-name: myfadeInDown;
  animation-name: myfadeInDown;
  animation-duration: 3s;
  animation-timing-function:ease-out;
}
.myfadeInDown1 {
  -webkit-animation-name: myfadeInDown1;
  animation-name: myfadeInDown1;
  animation-duration: 3s;
  animation-timing-function:ease-out;
}
.section_six .craw .img_one img {
  width: 80%;
}

.section_six div .one {
  display: block;
  font-size: 0.44em;
  color: #101010;
  opacity: .7;
  margin-bottom: 1em;
  letter-spacing: .4em;
  margin-top: 1em;
  margin-left: .8em;
}

.section_six div .onee {
  display: block;
  font-size: 0.32em;
  color: #101010;
  opacity: 0.6;
  letter-spacing: 3.6em;
  margin-left: 3.6em;

}

.section_six div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.96em;
  line-height: 0.96em;
  color: #101010;
  opacity: 0.7;
  font-weight: 300;
  font-family: "PingFang SC";
}

.section_six .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_six .three span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.6;
}

.section_six .three span img {
  width: 1.2em;
  vertical-align: middle;
}

.section_six .word a:hover {
  color: #101010;
  opacity: 0.7;
}

.section_touch2 {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  background: url("http://img.loock.cn/pc/index/index/touchbg.jpg");
  background-size: cover;
  overflow: hidden;
}
.section_touch2 .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}
.touch2_img{
  width: 3.6em;
}
.section_touch2 .img_two{
  position: absolute;
  right: 64%;
  top: 15%;
}
.section_touch2 .craw .word {
  width: 50%;
  position: relative;
  top: 35%;
  left: 7.6em;
  text-align: center;
}
.section_touch2 div .one {
  display: block;
  font-size: 0.44em;
  color: #fff;
  opacity: .7;
  margin-bottom: 1em;
  letter-spacing: .2em;
  margin-top: 1em;
  margin-left: .8em;
}

.section_touch2 div .onee {
  display: block;
  font-size: 0.32em;
  color: #fff;
  opacity: 0.6;
  letter-spacing: 1.8em;
  margin-left: 1.8em;

}

.section_touch2 div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.96em;
  line-height: 0.96em;
  color: #fff;
  opacity: 0.7;
  font-weight: 300;
  font-family: "PingFang SC";
}

.section_touch2 .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_touch2 .three span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.6;
}

.section_touch2 .three span img {
  width: 1.2em;
  vertical-align: middle;
}

.section_touch2 .word a:hover {
  color: #fff;
  opacity: 0.7;
}


/*第一屏-开始*/
.section_one {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  background: url("http://img.loock.cn/pc/index/index/touchbg.jpg");
  background-size: cover;
  overflow: hidden;
}
a:focus {
  outline: none;
}

.section_one .one {
  opacity: 0.7;
}

.section_one .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}

.section_one .craw .bg {
  width: 3.6em;
}

.section_one .craw .word {
  width: 50%;
  position: relative;
  top: 35%;
  left: 7.6em;
  text-align: center;
}
.section_one .craw .word-left {
  width: 50%;
  position: relative;
  top: 35%;
  left: 0.6em;
  text-align: center;
}
.section_one .craw .img_one {
  position: absolute;
  left: 37.5%;
  top: 100%;
  width: 5.5em;
  transform: translateX(-1.5em);
  margin-top: 0.2em;
  /*margin-left:1.8em;*/
}

.section_one .craw .img_two {
  position: absolute;
  right: 60%;
  top: 28%;
  width: 20%;
  /* opacity: 0; */
}
.section_one .craw .img_tworight{
  position: absolute;
  right: 20%;
  top: 20%;
  width: 20%;
  /* opacity: 0; */
}
.section_one .craw .img_one img {
  width: 100%
}

.section_one div .one {
  display: block;
  font-size: 0.4em;
  color: #fff;
  margin-bottom: 0.5em;
  margin-top: 1em;

}

.section_one div .onee {
  display: block;
  font-size: 0.32em;
  color: #fff;
  opacity: 0.5;
  letter-spacing: 1.3em;
  margin-left: 1.5em;

}

.section_one div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.96em;
  line-height: 0.96em;
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
  font-family: "PingFang SC";
}

.section_one .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_one .three span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.6;
}

.section_one .three span img {
  width: 1.2em;
  vertical-align: middle;
}




a:focus {
  outline: none;
}

.section_classic2s .one {
  opacity: 0.7;
}

.section_classic2s .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}

.section_classic2s .craw .bg {
  width: 3.6em;
}

/* .section_classic2s .craw .word {
  width: 50%;
  position: relative;
  top: 35%;
  left: 7.6em;
  text-align: center;
} */
.section_classic2s .craw .word-left {
  width: 50%;
  position: relative;
  top: 35%;
  left: 0.6em;
  text-align: center;
}
.section_classic2s .craw .img_one {
  position: absolute;
  left: 37.5%;
  top: 100%;
  width: 5.5em;
  transform: translateX(-1.5em);
  margin-top: 0.2em;
  /*margin-left:1.8em;*/
}

.section_classic2s .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 18%;
  z-index: 1;
}
.section_classic2s .craw .img_tworight{
  position: absolute;
  right: 20%;
  top: 20%;
  width: 20%;
  /* opacity: 0; */
}
.section_classic2s .craw .img_one img {
  width: 100%
}

.section_classic2s div .one {
  display: block;
  font-size: 0.4em;
  color: #fff;
  margin-bottom: 0.5em;
  margin-top: 1em;

}

.section_classic2s div .onee {
  display: block;
  font-size: 0.32em;
  color: #fff;
  opacity: 0.5;
  letter-spacing: 2.6em;
  margin-left: 2.5em;

}

.section_classic2s div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.96em;
  line-height: 0.96em;
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
  font-family: "PingFang SC";
}

.section_classic2s .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_classic2s .three span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.6;
}

.section_classic2s .three span img {
  width: 1.2em;
  vertical-align: middle;
}

.section_classic2s {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  font-size: 100px;
  background: url("http://img.loock.cn/pc/classic2s/index/classic2s_index_1.png");
  background-size: cover;
  overflow: hidden;
  background-size: cover;
  overflow: hidden;
}

a:focus {
  outline: none;
}

.section_classic2s .one {
  opacity: 0.7;
}

/*.section1 .one {*/
/*opacity: 1;*/
/*animation: fadeIn 1.5s .1s both;*/
/*}*/

.section_classic2s .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}
.section_classic2s .word img {
  width: 8em;
}
.section_classic2s .craw .bg {
  width: 3.6em;
}

.section_classic2s .craw .word {
  width: 50%;
  position: relative;
  top: 33%;
  left: 1em;
  text-align: center;
}

.section_classic2s .craw .img_one {
  position: absolute;
  left: 34%;
  width: 6em;
  transform: translateX(-1.5em);
  margin-top: .1em;
  padding-top: .3em;
  /* border-top: 1px solid rgba(255,255,255,.1); */
}
.section_classic2s .craw .img_two img {
  width: 5.6em;
  opacity: 1;
}
.section_classic2s .craw .img_three img {
  width: 2.4em;
}
.section_classic2s .craw .img_twoyy img {
  width: 1.6em;
}
.section_classic2s .craw .img_threeyy img {
  width: 2.4em;
}

.section_smart .one {
  opacity: 0.7;
}

.section_smart .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}

.section_smart .craw .bg {
  width: 3.6em;
}

/* .section_smart .craw .word {
  width: 50%;
  position: relative;
  top: 35%;
  left: 7.6em;
  text-align: center;
} */
.section_smart .craw .word-left {
  width: 50%;
  position: relative;
  top: 35%;
  left: 0.6em;
  text-align: center;
}
.section_smart .craw .img_one {
  position: absolute;
  left: 37.5%;
  top: 100%;
  width: 5.5em;
  transform: translateX(-1.5em);
  margin-top: 0.2em;
  /*margin-left:1.8em;*/
}

.section_smart .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 18%;
  z-index: 1;
}
.section_smart .craw .img_tworight{
  position: absolute;
  right: 20%;
  top: 20%;
  width: 20%;
  /* opacity: 0; */
}
.section_smart .craw .img_one img {
  width: 100%
}

.section_smart div .one {
  display: block;
  font-size: 0.4em;
  color: #101010;
  margin-bottom: 0.5em;
  margin-top: 1em;

}

.section_smart div .onee {
  display: block;
  font-size: 0.32em;
  color: #101010;
  opacity: 0.5;
  letter-spacing: 1.2em;
  margin-left: 1.5em;

}

.section_smart div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.96em;
  line-height: 0.96em;
  color: #101010;
  opacity: 0.8;
  font-weight: 300;
  font-family: "PingFang SC";
}

.section_smart .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_smart .three span {
  display: inline-block;
  font-size: 12px;
  color: #101010;
  opacity: 0.6;
}

.section_smart .three span img {
  width: 1.2em;
  vertical-align: middle;
}

.section_smart {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  font-size: 100px;
  background: #fbfbf9 url(http://img.loock.cn/pc/smart/index/index_1_bg_1.png) bottom right no-repeat;
  background-size: cover;
}

a:focus {
  outline: none;
}

.section_smart .one {
  opacity: 0.7;
}

/*.section1 .one {*/
/*opacity: 1;*/
/*animation: fadeIn 1.5s .1s both;*/
/*}*/

.section_smart .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}
.section_smart .word img {
  width: 8em;
}
.section_smart .craw .bg {
  width: 3.6em;
}

.section_smart .craw .word {
  width: 50%;
  position: relative;
  top: 33%;
  left: 1em;
  text-align: center;
}

.section_smart .craw .img_one {
  position: absolute;
  left: 34%;
  width: 6em;
  transform: translateX(-1.5em);
  margin-top: .1em;
  padding-top: .3em;
  /* border-top: 1px solid rgba(255,255,255,.1); */
}
.section_smart .craw .img_two img {
  width: 5.6em;
  opacity: 1;
}
.section_smart .craw .img_three img {
  width: 2.4em;
}
.section_smart .craw .img_twoyy img {
  width: 1.6em;
}
.section_smart .craw .img_threeyy img {
  width: 2.4em;
}
.section_smart .word a:hover {
  color: #101010;
  opacity: 0.7;
}





.section_classic2x .one {
  opacity: 0.7;
}

.section_classic2x .craw {
  position: relative;
  height: 100%;
  z-index: 20;
}

.section_classic2x .craw .bg {
  width: 3.6em;
}

.section_classic2x .craw .word-left {
  width: 50%;
  position: relative;
  top: 35%;
  left: 0.6em;
  text-align: center;
}
.section_classic2x .craw .img_one {
  position: absolute;
  left: 37.5%;
  top: 100%;
  width: 5.5em;
  transform: translateX(-1.5em);
  margin-top: 0.2em;
  /*margin-left:1.8em;*/
}

.section_classic2x .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 18%;
  z-index: 1;
}
.section_classic2x .craw .img_tworight{
  position: absolute;
  right: 20%;
  top: 20%;
  width: 20%;
  /* opacity: 0; */
}
.section_classic2x .craw .img_one img {
  width: 100%
}

.section_classic2x div .one {
  display: block;
  font-size: 0.4em;
  color: #fff;
  margin-bottom: 0.5em;
  margin-top: 1em;

}

.section_classic2x div .onee {
  display: block;
  font-size: 0.32em;
  color: #fff;
  opacity: 0.5;
  letter-spacing: 2.6em;
  margin-left: 2.5em;

}

.section_classic2x div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.96em;
  line-height: 0.96em;
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
  font-family: "PingFang SC";
}

.section_classic2x .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_classic2x .three span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.6;
}

.section_classic2x .three span img {
  width: 1.2em;
  vertical-align: middle;
}

.section_classic2x {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  font-size: 100px;
  background: url("http://img.loock.cn/pc/classic2x/index/classic2x_1.png");
  background-size: cover;
  overflow: hidden;
  background-size: cover;
  overflow: hidden;
}

a:focus {
  outline: none;
}

.section_classic2x .one {
  opacity: 0.7;
}

/*.section1 .one {*/
/*opacity: 1;*/
/*animation: fadeIn 1.5s .1s both;*/
/*}*/

.section_classic2x .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}
.section_classic2x .word img {
  width: 8em;
}
.section_classic2x .craw .bg {
  width: 3.6em;
}

.section_classic2x .craw .word {
  width: 50%;
  position: relative;
  top: 33%;
  left: 1em;
  text-align: center;
}

.section_classic2x .craw .img_one {
  position: absolute;
  left: 34%;
  width: 6em;
  transform: translateX(-1.5em);
  margin-top: .1em;
  padding-top: .3em;
  /* border-top: 1px solid rgba(255,255,255,.1); */
}
.section_classic2x .craw .img_two img {
  width: 5.6em;
  opacity: 1;
}
.section_classic2x .craw .img_three img {
  width: 2.4em;
}
.section_classic2x .craw .img_twoyy img {
  width: 1.6em;
}
.section_classic2x .craw .img_threeyy img {
  width: 2.4em;
}
.section_classic2x .craw .img_three {
  position: absolute;
  right: 2em;
  bottom: .5em;
  z-index: 1;
}
.section_classic2x .craw .img_three img {
  width: 1.4em;
}




.section_P3 {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  font-size: 100px;
  overflow: hidden;
}
.section_P3 .img_one {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #202020;
}
.section_P3 .img_one img {}
a:focus {
  outline: none;
}

.section_P3 .one {
  opacity: 0.7;
}

/*.section1 .one {*/
/*opacity: 1;*/
/*animation: fadeIn 1.5s .1s both;*/
/*}*/

.section_P3 .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}
.section_P3 .word img {
  position: absolute;
  top: 0;
  left: 2.5em;
  width: 6em;
}
.section_P3 .craw .bg {
  width: 3.6em;
}

.section_P3 .craw .word {
  width: 50%;
  position: relative;
  top: 32%;
  left: 0;
  text-align: center;
  z-index: 5;
}



.section_P3 .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 18%;
  z-index: 1;
}
.section_P3 .craw .img_three {
  position: absolute;
  right: 2em;
  bottom: .5em;
  z-index: 1;
}
.section_P3 .craw .img_twoyy {
  position: absolute;
  right: 3.1em;
  top: 4.25em;
  opacity: 0;
}
.section_P3 .craw .img_threeyy {
  position: absolute;
  right: 4.45em;
  top: 2.54em;
  opacity: 0;
}
.section_P3 .craw .img_four {
  position: absolute;
  right: .8em;
  top: 5.5em;
  z-index: -1;
}
.section_P3 .craw .img_two img {
  width: 5.8em;
  opacity: 1;
}
.section_P3 .craw .img_three img {
  width: 1.4em;
}
.section_P3 .craw .img_twoyy img {
  width: 1.6em;
}
.section_P3 .craw .img_threeyy img {
  width: 2.4em;
}
.section1 .craw .img_twoyy {
  opacity: 1;
  transition: all 1.5s;
}
.section1 .craw .img_threeyy {
  opacity: 1;
  transition: all 1.5s;
}
.section_P3 .craw .img_four img {
  width: 15em;
}
@keyframes myfadeInDown {
  from {
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes myfadeInDown1 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.myfadeInDown {
  -webkit-animation-name: myfadeInDown;
  animation-name: myfadeInDown;
  animation-duration: 3s;
  animation-timing-function:ease-out;
}
.myfadeInDown1 {
  -webkit-animation-name: myfadeInDown1;
  animation-name: myfadeInDown1;
  animation-duration: 3s;
  animation-timing-function:ease-out;
}

.section_P3 div .one {
  display: block;
  font-size: 0.44em;
  color: #fff;
  margin-bottom: 1em;
  letter-spacing: .2em;
  margin-top: 1em;
  margin-left: .6em;
}
.section_P3 div .border {
  padding: .05em .5em;
  font-size: .5em;
  border: 2px solid #fff;
  border-radius: 10px;
  font-weight: 700;
}

.section_P3 div .onee {
  display: block;
  font-size: 0.51em;
  color: #fff;

}

.section_P3 div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.7em;
  line-height: 0.96em;
  color: #fff;
  font-weight: 500;
  letter-spacing: .2em;
}

.section_P3 .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_P3 .three span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.6;
}

.section_P3 .three span img {
  width: 1.2em;
  vertical-align: middle;
}
.section_P3 .craw .word-left {
  width: 50%;
  position: relative;
  top: 35%;
  left: 0.6em;
  text-align: center;
}


.section_P3 .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 18%;
  z-index: 1;
}
.section_P3 .craw .img_tworight{
  position: absolute;
  right: 20%;
  top: 20%;
  width: 20%;
  /* opacity: 0; */
}
.section_P3 .craw .img_one img {
  height: 100%;
}

.section_P3 div .one {
  display: block;
  font-size: 0.4em;
  color: #fff;
  margin-bottom: 0.5em;
  margin-top: 1em;

}

.section_P3 div .onee {
  display: block;
  font-size: 0.32em;
  color: #fff;
  opacity: 0.5;
  letter-spacing: .2em;

}

.section_P3 div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.96em;
  line-height: 0.96em;
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
  font-family: "PingFang SC";
}

.section_P3 .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_P3 .three span {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  opacity: 0.6;
}

.section_s30 {
	position: relative;
	clear: both;
	width: 100%;
	height: 100%;
	font-size: 100px;
	background: url("http://img.loock.cn/pc/S30/bg.png") center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.section_sv40 {
	position: relative;
	clear: both;
	width: 100%;
	height: 100%;
	font-size: 100px;
	overflow: hidden;
}

.sv40-img-box {
	height: 100%;
	width: 100%;
	text-align: center;
	background: #232e31;
}

.sv40-img {
	margin: 0 -100%;
	height: 100%;
}

.sv40-text {
	position: absolute;
	top: 38%;
	left: 12%;
}

.sv40-btn {
	position: absolute;
	top: 55%;
	left: 12%;
}

.sv40-btn > a {
	font-size: 16px;
	color: white;
	margin-right: 10px;
}

.sv40-logo {
	position: absolute;
	bottom: 6%;
	left: 12%;
}
.section_s30 .fz-link{
	font-size: 20px;
	margin: 30px 0 100px;
}
.section_s30 .fz-link a{
	font-size: 16px;
	color: #232323;
	margin-right: 25px;
}
.section_s30 .craw {
	position: relative;
	height: 100%;
	z-index: 20;
	overflow: hidden;
}
.s30-content{
	position: relative;
	top: 30%;
	left: 12%;
}

.s30-title{
	color: #333;
	font-size: 50px;
}
.s30-title .s30-subtitle{
	margin-top: 10px;
	font-weight: normal;
	color: #333;
	font-size: 40px;
}
.s30-btn{
	width: 1.4em;
	cursor: pointer;
}
.s30-reddot{
	width: 2.5em;
}

.section_spider {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  font-size: 100px;
  background:  url("http://img.loock.cn/pc/index/spider.jpg") center no-repeat;
  background-size: cover;
  overflow: hidden;
}

a:focus {
  outline: none;
}

.section_spider .one {
  opacity: 0.7;
}

/*.section1 .one {*/
/*opacity: 1;*/
/*animation: fadeIn 1.5s .1s both;*/
/*}*/

.section_spider .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}
.section_spider .word img {
  position: absolute;
  top: 0;
  left: 2.5em;
  width: 6em;
}
.section_spider .craw .bg {
  width: 3.6em;
}

.section_spider .craw .word {
  width: 50%;
  position: relative;
  top: 37%;
  left: 0;
  text-align: center;
}

.section_spider .craw .img_one {
  position: absolute;
  left: 34%;
  width: 7em;
  transform: translateX(-1.5em);
  margin-top: .1em;
  padding-top: .3em;
  /* border-top: 1px solid rgba(255,255,255,.1); */
}
.section_spider .craw .img_one:after {
  display: block;
  content:' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: url('http://img.loock.cn/pc/touch2pro/index/index_line.png') center no-repeat;
}


.section_spider .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 18%;
  z-index: 1;
}
.section_spider .craw .img_three {
  position: absolute;
  right: 2em;
  bottom: .5em;
  z-index: 1;
}
.section_spider .craw .img_twoyy {
  position: absolute;
  right: 3.1em;
  top: 4.25em;
  opacity: 0;
}
.section_spider .craw .img_threeyy {
  position: absolute;
  right: 4.45em;
  top: 2.54em;
  opacity: 0;
}
.section_spider .craw .img_four {
  position: absolute;
  right: .8em;
  top: 5.5em;
  z-index: -1;
}
.section_spider .craw .img_two img {
  width: 5.8em;
  opacity: 1;
}
.section_spider .craw .img_three img {
  width: 1.4em;
}
.section_spider .craw .img_twoyy img {
  width: 1.6em;
}
.section_spider .craw .img_threeyy img {
  width: 2.4em;
}
.section1 .craw .img_twoyy {
  opacity: 1;
  transition: all 1.5s;
}
.section1 .craw .img_threeyy {
  opacity: 1;
  transition: all 1.5s;
}
.section_spider .craw .img_four img {
  width: 15em;
}
@keyframes myfadeInDown {
  from {
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes myfadeInDown1 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.myfadeInDown {
  -webkit-animation-name: myfadeInDown;
  animation-name: myfadeInDown;
  animation-duration: 3s;
  animation-timing-function:ease-out;
}
.myfadeInDown1 {
  -webkit-animation-name: myfadeInDown1;
  animation-name: myfadeInDown1;
  animation-duration: 3s;
  animation-timing-function:ease-out;
}
.section_spider .craw .img_one img {
  width: 76%;
}

.section_spider div .one {
  display: block;
  font-size: 0.34em;
  color: #fff;
  margin-bottom: 1em;
  margin-top: 1em;
  margin-left: .4em;
}
.section_spider div .border {
  padding: .05em .5em;
  font-size: .5em;
  border: 2px solid #fff;
  border-radius: 10px;
  font-weight: 700;
}



.section_spider .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_spider .three span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.6;
}

.section_spider .three span img {
  width: 1.2em;
  vertical-align: middle;
}
.section_spider .craw .word-left {
  width: 50%;
  position: relative;
  top: 35%;
  left: 0.6em;
  text-align: center;
}
.section_spider .craw .img_one {
  position: absolute;
  left: 37.5%;
  top: 100%;
  width: 5.5em;
  transform: translateX(-1.5em);
  margin-top: 0.2em;
  /*margin-left:1.8em;*/
}

.section_spider .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 18%;
  z-index: 1;
}
.section_spider .craw .img_tworight{
  position: absolute;
  right: 20%;
  top: 20%;
  width: 20%;
  /* opacity: 0; */
}
.section_spider .craw .img_one img {
  width: 100%
}


.section_spider div .onee {
  display: block;
  font-size: 0.32em;
  color: #fff;
  opacity: 0.5;
  letter-spacing: 2.8em;
  margin-left: 3em;
}

.section_spider div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.5em;
  line-height: 0.96em;
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
  font-family: "PingFang SC";
}

.section_spider .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_spider .three span {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  opacity: 0.6;
}
.section_K1 {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  font-size: 100px;
  background:  url("http://img.loock.cn/pc/index/K1.jpg") center no-repeat;
  background-size: cover;
  overflow: hidden;
}

a:focus {
  outline: none;
}

.section_K1 .one {
  opacity: 0.7;
}

/*.section1 .one {*/
/*opacity: 1;*/
/*animation: fadeIn 1.5s .1s both;*/
/*}*/

.section_K1 .craw {
  /*width: 3.7em;*/
  /*height: 7.4em;*/
  /*margin: .5em auto;*/
  position: relative;
  height: 100%;
  z-index: 20;
}
.section_K1 .word img {
  position: absolute;
  top: 0;
  left: 2.5em;
  width: 6em;
}
.section_K1 .craw .bg {
  width: 3.6em;
}

.section_K1 .craw .word {
  width: 50%;
  position: relative;
  top: 35%;
  left: 7.6em;
  text-align: center;
}

.section_K1 .craw .img_one {
  position: absolute;
  left: 34%;
  width: 7em;
  transform: translateX(-1.5em);
  margin-top: .1em;
  padding-top: .3em;
  /* border-top: 1px solid rgba(255,255,255,.1); */
}
.section_K1 .craw .img_one:after {
  display: block;
  content:' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: url('http://img.loock.cn/pc/touch2pro/index/index_line.png') center no-repeat;
}


.section_K1 .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 18%;
  z-index: 1;
}
.section_K1 .craw .img_three {
  position: absolute;
  right: 2em;
  bottom: .5em;
  z-index: 1;
}
.section_K1 .craw .img_twoyy {
  position: absolute;
  right: 3.1em;
  top: 4.25em;
  opacity: 0;
}
.section_K1 .craw .img_threeyy {
  position: absolute;
  right: 4.45em;
  top: 2.54em;
  opacity: 0;
}
.section_K1 .craw .img_four {
  position: absolute;
  right: .8em;
  top: 5.5em;
  z-index: -1;
}
.section_K1 .craw .img_two img {
  width: 5.8em;
  opacity: 1;
}
.section_K1 .craw .img_three img {
  width: 1.4em;
}
.section_K1 .craw .img_twoyy img {
  width: 1.6em;
}
.section_K1 .craw .img_threeyy img {
  width: 2.4em;
}
.section1 .craw .img_twoyy {
  opacity: 1;
  transition: all 1.5s;
}
.section1 .craw .img_threeyy {
  opacity: 1;
  transition: all 1.5s;
}
.section_K1 .craw .img_four img {
  width: 15em;
}
@keyframes myfadeInDown {
  from {
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes myfadeInDown1 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.myfadeInDown {
  -webkit-animation-name: myfadeInDown;
  animation-name: myfadeInDown;
  animation-duration: 3s;
  animation-timing-function:ease-out;
}
.myfadeInDown1 {
  -webkit-animation-name: myfadeInDown1;
  animation-name: myfadeInDown1;
  animation-duration: 3s;
  animation-timing-function:ease-out;
}
.section_K1 .craw .img_one img {
  width: 76%;
}

.section_K1 div .one {
  display: block;
  font-size: 0.4em;
  color: #fff;
  margin-bottom: 1em;
  margin-top: 1em;
  margin-left: .4em;
}
.section_K1 div .border {
  padding: .05em .5em;
  font-size: .5em;
  border: 2px solid #fff;
  border-radius: 10px;
  font-weight: 700;
}



.section_K1 .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_K1 .three span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.6;
}

.section_K1 .three span img {
  width: 1.2em;
  vertical-align: middle;
}
.section_K1 .craw .word-left {
  width: 50%;
  position: relative;
  top: 35%;
  left: 0.6em;
  text-align: center;
}
.section_K1 .craw .img_one {
  position: absolute;
  left: 37.5%;
  top: 100%;
  width: 5.5em;
  transform: translateX(-1.5em);
  margin-top: 0.2em;
  /*margin-left:1.8em;*/
}

.section_K1 .craw .img_two {
  position: absolute;
  right: 3.1em;
  top: 18%;
  z-index: 1;
}
.section_K1 .craw .img_tworight{
  position: absolute;
  right: 20%;
  top: 20%;
  width: 20%;
  /* opacity: 0; */
}
.section_K1 .craw .img_one img {
  width: 100%
}


.section_K1 div .onee {
  display: block;
  font-size: 0.32em;
  color: #fff;
  opacity: 0.5;
  letter-spacing: .2em;
  margin-left: -1em;
}

.section_K1 div .two {
  margin-bottom: 15px;
  display: block;
  font-size: 0.96em;
  line-height: 0.96em;
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: .5em;
  font-family: "PingFang SC";
}

.section_K1 .three {
  font-size: 0.18em;
  line-height: 0.18em;
  vertical-align: center;
}

.section_K1 .three span {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  opacity: 0.6;
}


.appDown .wx-code {
  margin-left: 50px;
  padding: 10px;
  background: #fff;
  box-sizing: border-box;
}
.section .craw {
	min-height: 600px;
}
.height-img-box {
	display: inline-block;
	height: 100%;
	position: relative
}
.height-img-box>img{
	height: 100%;
}
.height-img-box>div{
	position: absolute;
	top: 65%;
	left: 17%;
	transform: translate(-50%,-50%);
	font-size: 16px;
}

.height-img-box > div.height-title {
	transform: none;
}