*{outline: none;}

body{overflow-x: hidden;}

.banner {
  width: 100%;
  position: relative;
  font-size: 0;
}

.banner img {
  width: 100%;
}

.banner .container {
  position: absolute;
  top: 300px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.banner .container .title {
  color: #000;
  font-size: 46px;
  font-weight: bold;
  margin-bottom: 20px;
  width: 420px;
  line-height: 60px;
}

.banner .container .desc {
  font-size: 26px;
  line-height: 1;
  margin-bottom: 10px;
  color: #000;
}

.banner .container .desc span {
  font-size: 14px;
  vertical-align: top;
}

.part1 {
  width: 100%;
  font-size: 0;
  padding: 60px 0;
}

.part1 .container .title {
  font-size: 46px;
  line-height: 1;
  margin-bottom: 60px;
  font-weight: bold;
  text-align: center;
}

.part1-video {
  width: 919px;
  margin: 0 auto;
}

.part1-video video {
  width: 100%;
}

.part1-swiper {
  width: 950px;
  margin: 0 auto;
  margin-top: 20px;
  overflow: hidden;
  font-size: 0;
}

.part1-swiper-box {
  width: 100%;
  position: relative;
}

.part1-swiper-box .swiper-wrapper {
  width: 100%;
}

.part1-swiper-box .swiper-wrapper .swiper-slide {
  width: 30%
}

.part1-swiper-box .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.part1-swiper-box .swiper-button1-next {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.part1-swiper-box .swiper-button1-next img {
  width: 27px;
}

.part1-swiper-box .swiper-button1-prev {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.part1-swiper-box .swiper-button1-prev img {
  width: 27px;
}

.part2 {
  width: 100%;
  font-size: 0;
  padding: 60px 0;
}

.part2 .container .title {
  font-size: 46px;
  line-height: 1;
  margin-bottom: 60px;
  font-weight: bold;
  text-align: center;
}

.part2-video {
  width: 919px;
  margin: 0 auto;
}

.part2-video video {
  width: 100%;
}

.part2-swiper {
  width: 950px;
  margin: 0 auto;
  margin-top: 20px;
  overflow: hidden;
  font-size: 0;
}

.part2-swiper-box {
  width: 100%;
  position: relative;
}

.part2-swiper-box .swiper-wrapper {
  width: 100%;
}

.part2-swiper-box .swiper-wrapper .swiper-slide {
  width: 30%
}

.part2-swiper-box .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.part2-swiper-box .swiper-button2-next {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.part2-swiper-box .swiper-button2-next img {
  width: 27px;
}

.part2-swiper-box .swiper-button2-prev {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.part2-swiper-box .swiper-button2-prev img {
  width: 27px;
}

.part3 {
  width: 100%;
  font-size: 0;
  padding: 60px 0;
}

.part3 .container .title {
  font-size: 46px;
  line-height: 1;
  margin-bottom: 60px;
  font-weight: bold;
  text-align: center;
}

.part3 .container .desc {
  width: 920px;
  margin: 0 auto;
  text-align: justify;
  font-size: 18px;
  line-height: 28px;
  color: #4c4948;
}

.part3 .container .desc span {
  color: #000;
  font-weight: bold;
}

.part3 .container .pic {
  width: 1098px;
  margin: 0 auto;
  font-size: 0;
  margin-top: 50px;
}

.part3 .container .pic img {
  width: 100%;
}

.part4 {
  width: 100%;
  font-size: 0;
  padding: 60px 0;
}

.part4 .container .title {
  font-size: 46px;
  line-height: 1;
  margin-bottom: 60px;
  font-weight: bold;
  text-align: center;
}

.part4 .container .desc {
  width: 920px;
  margin: 0 auto;
  text-align: justify;
  font-size: 18px;
  line-height: 28px;
  color: #4c4948;
}

.part4 .container .pic {
  width: 931px;
  margin: 0 auto;
  font-size: 0;
  margin-top: 50px;
}

.part4 .container .pic img {
  width: 100%;
}

a.chaxun {
  width: 196px;
  height: 52px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #727171;
  border: 2px solid transparent;
  color: #fff;
  margin: 0 auto;
}

a.chaxun:hover {
  background-color: transparent;
  border-color: #ef7622;
  color: #ef7622;
}

.llumar-6tech .container p,
.tools .container p,
.teacher .container p,
.train .container p,
.cert .container p,
.engineer .container p,
.train-base .container p,
.story .container p{
  text-align: center;
  font-size:24px;
  margin:50px auto;
  line-height: 40px;
  width:950px;
}

.container h5{
  text-align: center;
  font-size:24px;
  margin:50px auto;
  line-height: 40px;
  width:950px;
}

.llumar-6tech .container p.title,
.tools .container p.title,
.teacher .container p.title,
.train .container p.title,
.cert .container p.title,
.engineer p.title,
.train-base p.title,
.story .container p.title{
  text-align: center;
  width:100%;
  font-size: 46px;
  font-weight: bolder;
}

.banner p.title{
  text-align: left;
}

.active{display:block!important;}

.llumar-6tech{
  padding:90px 0;
}

.llumar-6tech .container{
  margin-bottom:50px;
}

.llumar-6tech .tabs{
  width:1500px;
  margin:0 auto 90px auto;
  height:160px;
  display: flex;
  list-style: none;
}

.llumar-6tech .tabs li{
  flex:1;
  cursor: pointer;
}

.llumar-6tech .tabs li span{
  width:100%;
  text-align: center;
  font-size: 30px;
  font-weight: bolder;
  line-height: 65px;
  height:65px;
  display: block;
}

.llumar-6tech .tabs li.ppf .icon{
  height:90px;
  width:100%;
  border-bottom:2px solid #000;
}

.llumar-6tech .tabs li.ppf .icon::after{
  content:'';
  height:90px;
  width:100%;
  display: block;
  background-image: url(/themes/llumar/images/installation/ppf-icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size:198px 50px;
  border-bottom:2px solid #000;
  opacity: .6;
}

.llumar-6tech .tabs li.wf .icon{
  height:90px;
  width:100%;
  border-bottom:2px solid #000;
}

.llumar-6tech .tabs li.wf .icon::after{
  content:'';
  height:90px;
  width:100%;
  display: block;
  background-image: url(/themes/llumar/images/installation/wf-icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom:2px solid #000;
  opacity: .6;
}

.llumar-6tech .tabs li.active .icon::after{
  opacity: 1;
}

.llumar-6tech .tabs li.active span{
  margin-top:-8px;
}

.llumar-6tech .tabs li.active .icon{
  border-bottom:10px solid #000;
}

.llumar-6tech .content-ppf,.llumar-6tech .content-wf{
  height: 0;
  overflow: hidden;
}

.llumar-6tech .container .active{
  height: auto;
}

.tools{
  padding:90px 0;
  background-color: #f7f8f8;
}

.tools .tools-list{
  width:950px;
  margin:auto;
  overflow: hidden;
  position: relative;
}

.tools .tools-list .swiper-slide{
  width:340px;
  height:500px;
  position: relative;
}

.tools .tools-list .swiper-slide img{
  max-width: 100%;
  display: block;
  border-radius: 30px;
  z-index: 9;
  position: absolute;
  top:0;
}

.tools .tools-list .swiper-slide .toolsname{
  width:340px;
  height:120px;
  position: absolute;
  top:310px;
  z-index: 0;
  background-color: #fff;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  box-shadow: rgba(201, 201, 201, 0.43) 0 8px 13px;
  display: none;
}

.tools .tools-list .swiper-slide:hover .toolsname{
  display: block;
}

.tools .tools-list .swiper-slide .toolsname span{
  font-size: 24px;
  margin-top: 70px;
  margin-right:20px;
  float: right;
}

.tools .pager{
  position: relative;
  font-size:0;
  height: 35px;
}

.tools .pager .swiper-pagination{
  position: static;
  text-align: left;
  padding-top: 15px;
  width: 600px;
  float: left;
}

.tools .pager .control{
  width:120px;
  float:right;
  display: flex;
  position: relative;
}

.tools .pager .control .swiper-button-next,.tools .pager .control .swiper-button-prev{
  width: 27px;
  height: 35px;
  background-size: 27px 35px;
  margin-top:-18px;
}

.tools .pager .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: .6;
  margin-right:10px;
  border-radius: 5px;
  transition: width .3s;
}

.tools .pager .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ee1a30;
  width:40px;
}

.teacher{
  padding:90px 0;
  background-color: #fff;
  position: relative;
}

.teacher-line{
  position: absolute;
  top: 460px;
  z-index: 9;
  left: 0;
  width:100%;
}

.teacher-line img{
  width:100%;
}

.teacher .teacher-info{
  width:950px;
  height:550px;
  display: none;
  margin: auto;
}

.teacher .teacher-info .teacher-pic{
  width:50%;
  float: left;
}

.teacher .teacher-info .teacher-pic img{
  display: block;
  margin:auto;
}

.teacher .teacher-info .teacher-text{
  width:50%;
  float: right;
}

.teacher .teacher-info .teacher-text .pinyin{
  font-size:16px;
  color:#d20000;
  display: block;
}

.teacher .teacher-info .teacher-text .teacher-name{
  font-size:46px;
  background:linear-gradient(#ff3939,#d10017);
  -webkit-background-clip: text;
  color: transparent;
  display: block;
  color:#d10017\0;
  background:transparent\0;
}

.teacher .teacher-info .teacher-text  .teacher-subtitle{
  display: block;
  font-size: 24px;
  margin-bottom:28px;
}

.teacher .teacher-info .teacher-text .job{
  border-top:3px solid #b64f4f;
  width:240px;
  display: block;
  font-size: 26px;
  padding-top:10px;
  color:#bc1429;
}

.teacher .teacher-info .teacher-text .desp{
  font-size:21px;
  margin-top: 28px;
  padding-left: 25px;
  line-height: 35px;
}

.teacher .teacher-avatar{
  width:950px;
  display: flex;
  margin:0 auto;
  position: relative;
  z-index:9;
}

.teacher .container .pc-block{
  display: flex!important;
}

.teacher .teacher-avatar .swiper-button-next{
  right:-50px;
}

.teacher .teacher-avatar .swiper-button-prev{
  left:-50px;
}

.teacher .teacher-avatar .teacher-button{
  flex:1;
  margin-right:11.5px;
}

.teacher .teacher-avatar .tname{
  margin-top:15px;
  font-size:24px;
  text-align: center;
}

.teacher .teacher-avatar .tpinyin{
  margin-top:15px;
  font-size:14px;
  text-align: center;
}

.teacher-swiper-pc
{
  overflow: hidden;
}

.teacher-swiper-pc .swiper-slide
{
  width:1375px;
  display: flex;
}

.train{
  padding:90px 0;
  background-color: #f7f8f8;
}

.train .wf-train{
  padding-bottom:50px;
}

.train .train-swiper{
  height: auto;
  width:950px;
  margin:auto;
}

.train .swiper-container {
  width: 100%;
  height:120px;
  margin-left: auto;
  margin-right: auto;
}

.train .swiper-slide {
  background-size: cover;
  background-position: center;
}

.train .gallery-top,.train .gallery-top2 {
  height:180px;
  width: 100%;
}

.train .gallery-top .swiper-slide,.train .gallery-top2 .swiper-slide {
  background-size:485px 120px;
  background-position: center center;
  background-repeat: no-repeat;
}

.train .gallery-thumbs,.train .gallery-thumbs2 {
  height: 80px;
  box-sizing: border-box;
}

.train .gallery-thumbs .swiper-slide,.train .gallery-thumbs2 .swiper-slide {
  height: 100%;
  background-size:contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.train table tr:first-child th:first-child {
  border-top-left-radius: 20px;
}

.train table tr:first-child th:last-child {
  border-top-right-radius: 20px;
}
.train table tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}

.train table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}

.train .train-table{
  width:950px;
  margin:45px auto;
  font-size:24px;
  border-radius: 20px;
  border:20px solid #fff;
  box-shadow: rgba(125, 125, 125, 0.22) 0 7px 35px;
  color:#fff;
  background-color: #fff;
}

.train .train-table thead{
  background-color:#231f20;
  font-weight: bolder;
}

.train .train-table .table-level{
  width:415px;
}

.train .train-table th,
.train .train-table tr{
  line-height: 35px;
  height:90px;
}

.train .train-table th{
  border:4px solid #fff;
}

.train .train-table td{
  background-color:#b6b6b6;
  padding:0 10px;
  border:4px solid #fff;
}

.train .train-table .active{
  display: table-row!important;
}

.train .wf-train .train-table .active td{
  background-color: #09235e;
}

.train .ppf-train .train-table .active td{
  background-color: #840b15;
}

.cert{
  padding:90px 0;
  background-color: #fff;
}

.cert .pic{
  margin-bottom:120px;
}

.cert .pic img{
  display: block;
  margin: auto;
  max-width: 100%;
}

.engineer{
  padding:90px 0;
  background-color: #f7f8f8;
}

.engineer .container{
  width:950px;
  margin:auto;
}

.engineer .master-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width:480px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}
.engineer .master-swiper .swiper-slide-active,.engineer .master-swiper .swiper-slide-duplicate-active{
  transform: scale(1);
}

.engineer .thumb-container{
  width:950px;
  padding:0 50px;
  margin-left:-50px;
  margin-top:30px;
  position: relative;
}

.engineer .swiper-container-thumb{
  width:950px;
  height:99px;
  overflow: hidden;
}

.engineer .swiper-container-thumb .swiper-slide {
  opacity: 0.6;
  width:99px;
}

.engineer .swiper-container-thumb .swiper-slide-thumb-active {
  opacity: 1;
}

.engineer .masterlist .master-swiper{
  width:950px;
}

.engineer .masterlist .master-swiper{
  width:950px;
}

.engineer .blackbeltmaster .master-text{
  width:1098px;
  height:427px;
  margin:30px auto 30px -74px;
  background-image: url(/themes/llumar/images/installation/black-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
}

.engineer .starmaster .master-text{
  width:1098px;
  height:427px;
  margin:30px auto 30px -74px;
  background-image: url(/themes/llumar/images/installation/star-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
}

.engineer .master-text-content{
  width:775px;
  height:270px;
  font-size:15px;
  margin-top:65px;
  margin-left:200px;
  line-height: 30px;
  display: none;
}

.train-base{
  padding:90px 0;
  background-color: #fff;
}

.train-base .base-logo{width:100%}
.train-base .base-logo img{width:100%}

.train-base .basepic{ 
  width:950px;
  margin:auto;
  display: none;
}

.train-base .basepic img{ 
  display: block;
  border-radius: 30px;
}

.train-base .base-icon{ 
  width:950px;
  margin:auto;
  display: flex;
}

.train-base .base-icon .base-city{
  flex:1;
}

.train-base .base-icon .base-city .cityicon{
  display: block;
  height:150px;
  width:150px;
  margin:0 auto 10px auto;
}

.train-base .base-icon .base-city span{
  display: block;
  font-size:24px;
  text-transform:uppercase;
  text-align: center;
}

.train-base .base-icon .shanghai .cityicon{
  background-image: url(/themes/llumar/images/installation/shanghai.png);
}

.train-base .base-icon .guangzhou .cityicon{
  background-image: url(/themes/llumar/images/installation/guangzhou.png);
}

.train-base .base-icon .chengdu .cityicon{
  background-image: url(/themes/llumar/images/installation/chengdu.png);
}

.train-base .base-icon .zhengzhou .cityicon{
  background-image: url(/themes/llumar/images/installation/zhengzhou.png);
}

.train-base .base-icon .shanghai:hover  .cityicon{
  background-image: url(/themes/llumar/images/installation/shanghai-hover.png);
}

.train-base .base-icon .guangzhou:hover  .cityicon{
  background-image: url(/themes/llumar/images/installation/guangzhou-hover.png);
}

.train-base .base-icon .chengdu:hover  .cityicon{
  background-image: url(/themes/llumar/images/installation/chengdu-hover.png);
}

.train-base .base-icon .zhengzhou:hover  .cityicon{
  background-image: url(/themes/llumar/images/installation/zhengzhou-hover.png);
}

.story{
  padding:90px 0;
  background-color: #f7f8f8;
}

.story .container{
  width:950px;
  margin:auto;
}

.story .story-content{
  width:950px;
  font-size:24px;
  display: flex;
  height:730px;
  overflow: hidden;
}

.story .story-content .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

.story .story-content .story-detail{
  line-height: 36px;
}

.story .story-text{
  width:595px;
  height:680px;
  border-radius: 30px;
  background-color:#fff;
  padding:25px;
  display: none;
}

.story .story-man{
  display: flex;
}

.story .story-text .story-man img{
  width:125px;
  height:125px;
  margin-right:25px;
}

.story .story-text .story-man .story-man-name{
  flex:1;
  padding:30px 0;
}

.story .story-text .story-man .story-man-name h4{
  display:block;
  height:35px;
}

.story .story-text .story-man .story-man-name h6{
  display:block;
  font-size:14px;
  text-align: left;
  width:100%;
  margin:0;
  height:30px;
}

.story .story-text .slogan{
  display:block;
  padding:50px 0;
  font-weight: bolder;
}

.story .story-list{
  float:right;
  width:305px;
  height:100%;
}

.story .story-list li{
  list-style: none;
  position: relative;
  width:305px;
  height:165px;
  margin-bottom:20px;
}

.story .story-list li .drawer{
  position: absolute;
  width:245px;
  height:125px;
  padding:20px;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  background-color: #fff;
  display: flex;
  right:0;
}

.story .story-list li .drawer:hover{
  width:490px;
  box-shadow: rgba(125, 125, 125, 0.22) 0 5px 16px;
}


.story .story-list li .drawer .story-man-name{
  padding:30px 0;
}


.story .story-list li .drawer .slogan{
  display: none;
  margin-left:20px;
}

.story .story-list li .drawer:hover .slogan{
  display: flex;
  align-items: center;
}

.story .story-list li .drawer img{
  width:125px;
  height:125px;
  margin-right:15px;
}

.story .story-list li .drawer h4{
  font-size:24px;
}

.story .story-list li .drawer h6{
  font-size:14px;
}

@media screen and (max-width: 1680px) {
  .banner {
    width: 100%;
    position: relative;
    font-size: 0;
  }
  .banner img {
    width: 100%;
  }
  .banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .banner .container .title {
    color: #000;
    font-size: 40.25px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 17.5px;
    width: 400px;
    line-height: 50px;
  }
  .banner .container .desc {
    font-size: 22.75px;
    line-height: 1;
    margin-bottom: 8.75px;
    color: #000;
  }
  .banner .container .desc span {
    font-size: 12.25px;
    vertical-align: top;
  }
  .part1 {
    width: 100%;
    font-size: 0;
    padding: 52.5px 0;
  }
  .part1 .container .title {
    font-size: 40.25px;
    line-height: 1;
    margin-bottom: 52.5px;
    font-weight: bold;
    text-align: center;
  }
  .part1-video {
    width: 804.125px;
    margin: 0 auto;
  }
  .part1-video video {
    width: 100%;
  }
  .part1-swiper {
    margin: 0 auto;
    margin-top: 17.5px;
    overflow: hidden;
    font-size: 0;
  }
  .part1-swiper-box {
    width: 100%;
    position: relative;
  }
  .part1-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part1-swiper-box .swiper-button1-next {
    width: 43.75px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-next img {
    width: 23.625px;
  }
  .part1-swiper-box .swiper-button1-prev {
    width: 43.75px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-prev img {
    width: 23.625px;
  }
  .part2 {
    width: 100%;
    font-size: 0;
    padding: 52.5px 0;
  }
  .part2 .container .title {
    font-size: 40.25px;
    line-height: 1;
    margin-bottom: 52.5px;
    font-weight: bold;
    text-align: center;
  }
  .part2-video {
    width: 804.125px;
    margin: 0 auto;
  }
  .part2-video video {
    width: 100%;
  }
  .part2-swiper {
    margin: 0 auto;
    margin-top: 17.5px;
    overflow: hidden;
    font-size: 0;
  }
  .part2-swiper-box {
    width: 100%;
    position: relative;
  }
  .part2-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part2-swiper-box .swiper-button2-next {
    width: 43.75px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-next img {
    width: 23.625px;
  }
  .part2-swiper-box .swiper-button2-prev {
    width: 43.75px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-prev img {
    width: 23.625px;
  }
  .part3 {
    width: 100%;
    font-size: 0;
    padding: 52.5px 0;
  }
  .part3 .container .title {
    font-size: 40.25px;
    line-height: 1;
    margin-bottom: 52.5px;
    font-weight: bold;
    text-align: center;
  }
  .part3 .container .desc {
    width: 805px;
    margin: 0 auto;
    text-align: justify;
    font-size: 15.75px;
    line-height: 24.5px;
    color: #4c4948;
  }
  .part3 .container .desc span {
    color: #000;
    font-weight: bold;
  }
  .part3 .container .pic {
    width: 960.75px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 43.75px;
  }
  .part3 .container .pic img {
    width: 100%;
  }
  .part4 {
    width: 100%;
    font-size: 0;
    padding: 52.5px 0;
  }
  .part4 .container .title {
    font-size: 40.25px;
    line-height: 1;
    margin-bottom: 52.5px;
    font-weight: bold;
    text-align: center;
  }
  .part4 .container .desc {
    width: 805px;
    margin: 0 auto;
    text-align: justify;
    font-size: 15.75px;
    line-height: 24.5px;
    color: #4c4948;
  }
  .part4 .container .pic {
    width: 814.625px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 43.75px;
  }
  .part4 .container .pic img {
    width: 100%;
  }
  a.chaxun {
    width: 171.5px;
    height: 45.5px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15.75px;
    line-height: 1;
    text-decoration: none;
    border-radius: 4.375px;
    -webkit-border-radius: 4.375px;
    -moz-border-radius: 4.375px;
    -ms-border-radius: 4.375px;
    -o-border-radius: 4.375px;
    background: #727171;
    border: 1.75px solid transparent;
    color: #fff;
    margin: 0 auto;
  }
  a.chaxun:hover {
    background-color: transparent;
    border-color: #ef7622;
    color: #ef7622;
  }

  /* 自适应尺寸Start */
  .zoomfix{
    zoom:.875;
    width:950px;
  }

  .llumar-6tech .tabs{
    width:1312.5px;
    height:136px;
  }

  .llumar-6tech .container .part1-swiper,.llumar-6tech .container .part2-swiper{
    width:831.25px;
  }

  .llumar-6tech .tabs li span {
    font-size:26.25px;
    line-height: 57px;
    height: 57px;
  }

  .llumar-6tech .container p, .tools .container p, .teacher .container p, .train .container p, .cert .container p, .engineer .container p, .train-base .container p, .story .container p {
    text-align: center;
    font-size: 21px;
    margin: 44px auto;
    line-height: 35px;
    width:831.25px;
  }

  .llumar-6tech .container p.title, .tools .container p.title, .teacher .container p.title, .train .container p.title, .cert .container p.title, .engineer p.title, .train-base p.title, .story .container p.title {
    font-size: 40px;
  }

  .tools .container{
    width:831.25px;
    margin:auto;
  }

  .tools .tools-list{
    zoom:.875;
  }

  .teacher .container{
    width:831.25px;
    margin:auto;
  }

  .teacher .teacher-info{
    zoom:.875;
  }

  .teacher .teacher-avatar{
    zoom:.875;
  }

  .teacher-line {
    top: 430px;
  }

  .train .container{
    width:831.25px;
    margin:auto;
  }

  .train .train-table{
    margin:45px -20px;
  }

  .engineer .container{
    width:831.25px;
    margin:auto;
  }

  .train-base .container{
    width:831.25px;
    margin:auto;
  }

  .train-base .basepic{
    zoom:.875;
  }

  .train-base .base-icon{
    zoom:.875;
  }

  .story .container{
    width:831.25px;
    margin:auto;
  }

  .story .story-content{
    zoom:.875;
  }
  /* 自适应尺寸End */
}

@media screen and (max-width: 1440px) {

  .banner {
    width: 100%;
    position: relative;
    font-size: 0;
  }
  .banner img {
    width: 100%;
  }
  .banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .banner .container .title {
    color: #000;
    font-size: 34.5px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 15px;
    width: 350px;
    line-height: 45px;
  }
  .banner .container .desc {
    font-size: 19.5px;
    line-height: 1;
    margin-bottom: 7.5px;
    color: #000;
  }
  .banner .container .desc span {
    font-size: 10.5px;
    vertical-align: top;
  }
  .part1 {
    width: 100%;
    font-size: 0;
    padding: 45px 0;
  }
  .part1 .container .title {
    font-size: 34.5px;
    line-height: 1;
    margin-bottom: 45px;
    font-weight: bold;
    text-align: center;
  }
  .part1-video {
    width: 689.25px;
    margin: 0 auto;
  }
  .part1-video video {
    width: 100%;
  }
  .part1-swiper {
    margin: 0 auto;
    margin-top: 15px;
    overflow: hidden;
    font-size: 0;
  }
  .part1-swiper-box {
    width: 100%;
    position: relative;
  }
  .part1-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part1-swiper-box .swiper-button1-next {
    width: 37.5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-next img {
    width: 20.25px;
  }
  .part1-swiper-box .swiper-button1-prev {
    width: 37.5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-prev img {
    width: 20.25px;
  }
  .part2 {
    width: 100%;
    font-size: 0;
    padding: 45px 0;
  }
  .part2 .container .title {
    font-size: 34.5px;
    line-height: 1;
    margin-bottom: 45px;
    font-weight: bold;
    text-align: center;
  }
  .part2-video {
    width: 689.25px;
    margin: 0 auto;
  }
  .part2-video video {
    width: 100%;
  }
  .part2-swiper {
    margin: 0 auto;
    margin-top: 15px;
    overflow: hidden;
    font-size: 0;
  }
  .part2-swiper-box {
    width: 100%;
    position: relative;
  }
  .part2-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part2-swiper-box .swiper-button2-next {
    width: 37.5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-next img {
    width: 20.25px;
  }
  .part2-swiper-box .swiper-button2-prev {
    width: 37.5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-prev img {
    width: 20.25px;
  }
  .part3 {
    width: 100%;
    font-size: 0;
    padding: 45px 0;
  }
  .part3 .container .title {
    font-size: 34.5px;
    line-height: 1;
    margin-bottom: 45px;
    font-weight: bold;
    text-align: center;
  }
  .part3 .container .desc {
    width: 690px;
    margin: 0 auto;
    text-align: justify;
    font-size: 13.5px;
    line-height: 21px;
    color: #4c4948;
  }
  .part3 .container .desc span {
    color: #000;
    font-weight: bold;
  }
  .part3 .container .pic {
    width: 823.5px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 37.5px;
  }
  .part3 .container .pic img {
    width: 100%;
  }
  .part4 {
    width: 100%;
    font-size: 0;
    padding: 45px 0;
  }
  .part4 .container .title {
    font-size: 34.5px;
    line-height: 1;
    margin-bottom: 45px;
    font-weight: bold;
    text-align: center;
  }
  .part4 .container .desc {
    width: 690px;
    margin: 0 auto;
    text-align: justify;
    font-size: 13.5px;
    line-height: 21px;
    color: #4c4948;
  }
  .part4 .container .pic {
    width: 698.25px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 37.5px;
  }
  .part4 .container .pic img {
    width: 100%;
  }
  a.chaxun {
    width: 147px;
    height: 39px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13.5px;
    line-height: 1;
    text-decoration: none;
    border-radius: 3.75px;
    -webkit-border-radius: 3.75px;
    -moz-border-radius: 3.75px;
    -ms-border-radius: 3.75px;
    -o-border-radius: 3.75px;
    background: #727171;
    border: 1.5px solid transparent;
    color: #fff;
    margin: 0 auto;
  }
  a.chaxun:hover {
    background-color: transparent;
    border-color: #ef7622;
    color: #ef7622;
  }

  /* 自适应尺寸Start */
  .zoomfix{
    zoom:.75;
    width:950px;
  }

  .llumar-6tech .tabs{
    width:1125px;
    height:120px;
  }

  .llumar-6tech .container .part1-swiper,.llumar-6tech .container .part2-swiper{
    width:712.5px;
  }

  .llumar-6tech .tabs li span {
    font-size:22.5px;
    line-height: 48.75px;
    height: 48.75px;
  }

  .llumar-6tech .container p, .tools .container p, .teacher .container p, .train .container p, .cert .container p, .engineer .container p, .train-base .container p, .story .container p {
    text-align: center;
    font-size: 21px;
    margin: 44px auto;
    line-height: 35px;
    width:712.5px;
  }

  .llumar-6tech .container p.title, .tools .container p.title, .teacher .container p.title, .train .container p.title, .cert .container p.title, .engineer p.title, .train-base p.title, .story .container p.title {
    font-size: 34.5px;
  }

  .tools .container{
    width:712.5px;
    margin:auto;
  }

  .tools .tools-list{
    zoom:.75;
  }

  .teacher .container{
    width:712.5px;
    margin:auto;
  }

  .teacher .teacher-info{
    zoom:.75;
  }

  .teacher .teacher-avatar{
    zoom:.75;
  }

  .teacher-line {
    top: 400px;
  }

  .train .container{
    width:712.5px;
    margin:auto;
  }

  .engineer .container{
    width:712.5px;
    margin:auto;
  }

  .train-base .container{
    width:712.5px;
    margin:auto;
  }

  .train-base .basepic{
    zoom:.75;
  }

  .train-base .base-icon{
    zoom:.75;
  }

  .story .container{
    width:712.5px;
    margin:auto;
  }

  .story .story-content{
    zoom:.75;
  }
  /* 自适应尺寸End */
}

@media screen and (max-width: 1366px) {

  .banner {
    width: 100%;
    position: relative;
    font-size: 0;
  }
  .banner img {
    width: 100%;
  }
  .banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .banner .container .title {
    color: #000;
    font-size: 32.2px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 14px;
    width: 300px;
    line-height: 40px;
  }
  .banner .container .desc {
    font-size: 18.2px;
    line-height: 1;
    margin-bottom: 7px;
    color: #000;
  }
  .banner .container .desc span {
    font-size: 9.8px;
    vertical-align: top;
  }
  .part1 {
    width: 100%;
    font-size: 0;
    padding: 42px 0;
  }
  .part1 .container .title {
    font-size: 32.2px;
    line-height: 1;
    margin-bottom: 42px;
    font-weight: bold;
    text-align: center;
  }
  .part1-video {
    width: 643.3px;
    margin: 0 auto;
  }
  .part1-video video {
    width: 100%;
  }
  .part1-swiper {
    margin: 0 auto;
    margin-top: 14px;
    overflow: hidden;
    font-size: 0;
  }
  .part1-swiper-box {
    width: 100%;
    position: relative;
  }
  .part1-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part1-swiper-box .swiper-button1-next {
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-next img {
    width: 18.9px;
  }
  .part1-swiper-box .swiper-button1-prev {
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-prev img {
    width: 18.9px;
  }
  .part2 {
    width: 100%;
    font-size: 0;
    padding: 42px 0;
  }
  .part2 .container .title {
    font-size: 32.2px;
    line-height: 1;
    margin-bottom: 42px;
    font-weight: bold;
    text-align: center;
  }
  .part2-video {
    width: 643.3px;
    margin: 0 auto;
  }
  .part2-video video {
    width: 100%;
  }
  .part2-swiper {
    margin: 0 auto;
    margin-top: 14px;
    overflow: hidden;
    font-size: 0;
  }
  .part2-swiper-box {
    width: 100%;
    position: relative;
  }
  .part2-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part2-swiper-box .swiper-button2-next {
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-next img {
    width: 18.9px;
  }
  .part2-swiper-box .swiper-button2-prev {
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-prev img {
    width: 18.9px;
  }
  .part3 {
    width: 100%;
    font-size: 0;
    padding: 42px 0;
  }
  .part3 .container .title {
    font-size: 32.2px;
    line-height: 1;
    margin-bottom: 42px;
    font-weight: bold;
    text-align: center;
  }
  .part3 .container .desc {
    width: 644px;
    margin: 0 auto;
    text-align: justify;
    font-size: 12.6px;
    line-height: 19.6px;
    color: #4c4948;
  }
  .part3 .container .desc span {
    color: #000;
    font-weight: bold;
  }
  .part3 .container .pic {
    width: 768.6px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 35px;
  }
  .part3 .container .pic img {
    width: 100%;
  }
  .part4 {
    width: 100%;
    font-size: 0;
    padding: 42px 0;
  }
  .part4 .container .title {
    font-size: 32.2px;
    line-height: 1;
    margin-bottom: 42px;
    font-weight: bold;
    text-align: center;
  }
  .part4 .container .desc {
    width: 644px;
    margin: 0 auto;
    text-align: justify;
    font-size: 12.6px;
    line-height: 19.6px;
    color: #4c4948;
  }
  .part4 .container .pic {
    width: 651.7px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 35px;
  }
  .part4 .container .pic img {
    width: 100%;
  }
  a.chaxun {
    width: 137.2px;
    height: 36.4px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12.6px;
    line-height: 1;
    text-decoration: none;
    border-radius: 3.5px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    -ms-border-radius: 3.5px;
    -o-border-radius: 3.5px;
    background: #727171;
    border: 1.4px solid transparent;
    color: #fff;
    margin: 0 auto;
  }
  a.chaxun:hover {
    background-color: transparent;
    border-color: #ef7622;
    color: #ef7622;
  }
}

@media screen and (max-width: 1280px) {

  .banner {
    width: 100%;
    position: relative;
    font-size: 0;
  }
  .banner img {
    width: 100%;
  }
  .banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .banner .container .title {
    color: #000;
    font-size: 30.36px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 13.2px;
    width: 280px;
    line-height: 40px;
  }
  .banner .container .desc {
    font-size: 17.16px;
    line-height: 1;
    margin-bottom: 6.6px;
    color: #000;
  }
  .banner .container .desc span {
    font-size: 9.24px;
    vertical-align: top;
  }
  .part1 {
    width: 100%;
    font-size: 0;
    padding: 39.6px 0;
  }
  .part1 .container .title {
    font-size: 30.36px;
    line-height: 1;
    margin-bottom: 39.6px;
    font-weight: bold;
    text-align: center;
  }
  .part1-video {
    width: 606.54px;
    margin: 0 auto;
  }
  .part1-video video {
    width: 100%;
  }
  .part1-swiper {
    margin: 0 auto;
    margin-top: 13.2px;
    overflow: hidden;
    font-size: 0;
  }
  .part1-swiper-box {
    width: 100%;
    position: relative;
  }
  .part1-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part1-swiper-box .swiper-button1-next {
    width: 33px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-next img {
    width: 17.82px;
  }
  .part1-swiper-box .swiper-button1-prev {
    width: 33px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-prev img {
    width: 17.82px;
  }
  .part2 {
    width: 100%;
    font-size: 0;
    padding: 39.6px 0;
  }
  .part2 .container .title {
    font-size: 30.36px;
    line-height: 1;
    margin-bottom: 39.6px;
    font-weight: bold;
    text-align: center;
  }
  .part2-video {
    width: 606.54px;
    margin: 0 auto;
  }
  .part2-video video {
    width: 100%;
  }
  .part2-swiper {
    margin: 0 auto;
    margin-top: 13.2px;
    overflow: hidden;
    font-size: 0;
  }
  .part2-swiper-box {
    width: 100%;
    position: relative;
  }
  .part2-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part2-swiper-box .swiper-button2-next {
    width: 33px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-next img {
    width: 17.82px;
  }
  .part2-swiper-box .swiper-button2-prev {
    width: 33px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-prev img {
    width: 17.82px;
  }
  .part3 {
    width: 100%;
    font-size: 0;
    padding: 39.6px 0;
  }
  .part3 .container .title {
    font-size: 30.36px;
    line-height: 1;
    margin-bottom: 39.6px;
    font-weight: bold;
    text-align: center;
  }
  .part3 .container .desc {
    width: 607.2px;
    margin: 0 auto;
    text-align: justify;
    font-size: 11.88px;
    line-height: 18.48px;
    color: #4c4948;
  }
  .part3 .container .desc span {
    color: #000;
    font-weight: bold;
  }
  .part3 .container .pic {
    width: 724.68px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 33px;
  }
  .part3 .container .pic img {
    width: 100%;
  }
  .part4 {
    width: 100%;
    font-size: 0;
    padding: 39.6px 0;
  }
  .part4 .container .title {
    font-size: 30.36px;
    line-height: 1;
    margin-bottom: 39.6px;
    font-weight: bold;
    text-align: center;
  }
  .part4 .container .desc {
    width: 607.2px;
    margin: 0 auto;
    text-align: justify;
    font-size: 11.88px;
    line-height: 18.48px;
    color: #4c4948;
  }
  .part4 .container .pic {
    width: 614.46px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 33px;
  }
  .part4 .container .pic img {
    width: 100%;
  }
  a.chaxun {
    width: 129.36px;
    height: 34.32px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11.88px;
    line-height: 1;
    text-decoration: none;
    border-radius: 3.3px;
    -webkit-border-radius: 3.3px;
    -moz-border-radius: 3.3px;
    -ms-border-radius: 3.3px;
    -o-border-radius: 3.3px;
    background: #727171;
    border: 1.32px solid transparent;
    color: #fff;
    margin: 0 auto;
  }
  a.chaxun:hover {
    background-color: transparent;
    border-color: #ef7622;
    color: #ef7622;
  }

  /* 自适应尺寸Start */
  .zoomfix{
    zoom:.666;
    width:950px;
  }

  .llumar-6tech .tabs{
    width:990px;
    height:105px;
  }

  .llumar-6tech .container .part1-swiper,.llumar-6tech .container .part2-swiper{
    width:633px;
  }

  .llumar-6tech .tabs li span {
    font-size:20px;
    line-height: 43px;
    height: 43px;
  }

  .llumar-6tech .container p, .tools .container p, .teacher .container p, .train .container p, .cert .container p, .engineer .container p, .train-base .container p, .story .container p {
    text-align: center;
    font-size: 18px;
    margin: 44px auto;
    line-height: 30px;
    width:633px;
  }

  .llumar-6tech .container p.title, .tools .container p.title, .teacher .container p.title, .train .container p.title, .cert .container p.title, .engineer p.title, .train-base p.title, .story .container p.title {
    font-size: 26px;
  }

  .tools .container{
    width:633px;
    margin:auto;
  }

  .tools .tools-list{
    zoom:.666;
  }

  .teacher .container{
    width:633px;
    margin:auto;
  }

  .teacher .teacher-info{
    zoom:.666;
  }

  .teacher .teacher-avatar{
    zoom:.666;
  }

  .teacher-line {
    top: 380px;
  }

  .train .container{
    width:633px;
    margin:auto;
  }

  .engineer .container{
    width:633px;
    margin:auto;
  }

  .train-base .container{
    width:633px;
    margin:auto;
  }

  .train-base .basepic{
    zoom:.666;
  }

  .train-base .base-icon{
    zoom:.666;
  }

  .story .container{
    width:633px;
    margin:auto;
  }

  .story .story-content{
    zoom:.666;
  }
  /* 自适应尺寸End */
}

@media screen and (max-width: 1024px) {

  .banner {
    width: 100%;
    position: relative;
    font-size: 0;
  }
  .banner img {
    width: 100%;
  }
  .banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .banner .container .title {
    color: #000;
    font-size: 24.38px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10.6px;
    width: 220px;
    line-height: 30px;
  }
  .banner .container .desc {
    font-size: 13.78px;
    line-height: 1;
    margin-bottom: 5.3px;
    color: #000;
  }
  .banner .container .desc span {
    font-size: 7.42px;
    vertical-align: top;
  }
  .part1 {
    width: 100%;
    font-size: 0;
    padding: 31.8px 0;
  }
  .part1 .container .title {
    font-size: 24.38px;
    line-height: 1;
    margin-bottom: 31.8px;
    font-weight: bold;
    text-align: center;
  }
  .part1-video {
    width: 487.07px;
    margin: 0 auto;
  }
  .part1-video video {
    width: 100%;
  }
  .part1-swiper {
    margin: 0 auto;
    margin-top: 10.6px;
    overflow: hidden;
    font-size: 0;
  }
  .part1-swiper-box {
    width: 100%;
    position: relative;
  }
  .part1-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part1-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part1-swiper-box .swiper-button1-next {
    width: 26.5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-next img {
    width: 14.31px;
  }
  .part1-swiper-box .swiper-button1-prev {
    width: 26.5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swiper-box .swiper-button1-prev img {
    width: 14.31px;
  }
  .part2 {
    width: 100%;
    font-size: 0;
    padding: 31.8px 0;
  }
  .part2 .container .title {
    font-size: 24.38px;
    line-height: 1;
    margin-bottom: 31.8px;
    font-weight: bold;
    text-align: center;
  }
  .part2-video {
    width: 487.07px;
    margin: 0 auto;
  }
  .part2-video video {
    width: 100%;
  }
  .part2-swiper {
    margin: 0 auto;
    margin-top: 10.6px;
    overflow: hidden;
    font-size: 0;
  }
  .part2-swiper-box {
    width: 100%;
    position: relative;
  }
  .part2-swiper-box .swiper-wrapper {
    width: 100%;
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide {
    width: 33%
  }
  .part2-swiper-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part2-swiper-box .swiper-button2-next {
    width: 26.5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-next img {
    width: 14.31px;
  }
  .part2-swiper-box .swiper-button2-prev {
    width: 26.5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swiper-box .swiper-button2-prev img {
    width: 14.31px;
  }
  .part3 {
    width: 100%;
    font-size: 0;
    padding: 31.8px 0;
  }
  .part3 .container .title {
    font-size: 24.38px;
    line-height: 1;
    margin-bottom: 31.8px;
    font-weight: bold;
    text-align: center;
  }
  .part3 .container .desc {
    width: 487.6px;
    margin: 0 auto;
    text-align: justify;
    font-size: 9.54px;
    line-height: 14.84px;
    color: #4c4948;
  }
  .part3 .container .desc span {
    color: #000;
    font-weight: bold;
  }
  .part3 .container .pic {
    width: 581.94px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 26.5px;
  }
  .part3 .container .pic img {
    width: 100%;
  }
  .part4 {
    width: 100%;
    font-size: 0;
    padding: 31.8px 0;
  }
  .part4 .container .title {
    font-size: 24.38px;
    line-height: 1;
    margin-bottom: 31.8px;
    font-weight: bold;
    text-align: center;
  }
  .part4 .container .desc {
    width: 487.6px;
    margin: 0 auto;
    text-align: justify;
    font-size: 9.54px;
    line-height: 14.84px;
    color: #4c4948;
  }
  .part4 .container .pic {
    width: 493.43px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 26.5px;
  }
  .part4 .container .pic img {
    width: 100%;
  }
  a.chaxun {
    width: 103.88px;
    height: 27.56px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9.54px;
    line-height: 1;
    text-decoration: none;
    border-radius: 2.65px;
    -webkit-border-radius: 2.65px;
    -moz-border-radius: 2.65px;
    -ms-border-radius: 2.65px;
    -o-border-radius: 2.65px;
    background: #727171;
    border: 1.06px solid transparent;
    color: #fff;
    margin: 0 auto;
  }
  a.chaxun:hover {
    background-color: transparent;
    border-color: #ef7622;
    color: #ef7622;
  }
}

@media screen and (max-width: 799px) {

  .banner {
    width: 100%;
    position: relative;
    font-size: 0;
  }
  .banner img {
    width: 100%;
  }
  .banner .container {
    position: absolute;
    top: 0.68rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .banner .container .title {
    color: #000;
    font-size: 0.46rem;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 0.2rem;
  }
  .banner .container .desc {
    font-size: 0.26rem;
    line-height: 1;
    margin-bottom: 0.1rem;
    color: #000;
  }
  .banner .container .desc span {
    font-size: 0.14rem;
    vertical-align: top;
  }
  .part1 {
    width: 100%;
    font-size: 0;
    padding: 0.6rem 0;
  }
  .part1 .container .title {
    font-size: 0.46rem;
    line-height: 1;
    margin-bottom: 0.6rem;
    font-weight: bold;
    text-align: center;
  }
  .part1-video {
    width: 100%;
    margin: 0 auto;
  }
  .part1-video video {
    width: 100%;
  }
  .part1-swipermb {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
    font-size: 0;
  }
  .part1-swipermb-box {
    width: 100%;
    position: relative;
  }
  .part1-swipermb-box .swiper-wrapper {
    width: 100%;
  }
  .part1-swipermb-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part1-swipermb-box .swiper-button3-next {
    width: 0.5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swipermb-box .swiper-button3-next img {
    width: 0.27rem;
  }
  .part1-swipermb-box .swiper-button3-prev {
    width: 0.5rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part1-swipermb-box .swiper-button3-prev img {
    width: 0.27rem;
  }
  .part2 {
    width: 100%;
    font-size: 0;
    padding: 0.6rem 0;
  }
  .part2 .container .title {
    font-size: 0.46rem;
    line-height: 1;
    margin-bottom: 0.6rem;
    font-weight: bold;
    text-align: center;
  }
  .part2-video {
    width: 100%;
    margin: 0 auto;
  }
  .part2-video video {
    width: 100%;
  }
  .part2-swipermb {
    width: 100%;
    margin: 0 auto;
    margin-top: 0.2rem;
    overflow: hidden;
    font-size: 0;
  }
  .part2-swipermb-box {
    width: 100%;
    position: relative;
  }
  .part2-swipermb-box .swiper-wrapper {
    width: 100%;
  }
  .part2-swipermb-box .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .part2-swipermb-box .swiper-button4-next {
    width: 0.5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swipermb-box .swiper-button4-next img {
    width: 0.2rem;
  }
  .part2-swipermb-box .swiper-button4-prev {
    width: 0.5rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .part2-swipermb-box .swiper-button4-prev img {
    width: 0.27rem;
  }
  .part3 {
    width: 100%;
    font-size: 0;
    padding: 0.6rem 0;
  }
  .part3 .container .title {
    font-size: 0.46rem;
    line-height: 1;
    margin-bottom: 0.6rem;
    font-weight: bold;
    text-align: center;
  }
  .part3 .container .desc {
    width: 100%;
    margin: 0 auto;
    text-align: justify;
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #4c4948;
  }
  .part3 .container .desc span {
    color: #000;
    font-weight: bold;
  }
  .part3 .container .pic {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    margin-top: 0.5rem;
  }
  .part3 .container .pic img {
    width: 100%;
  }
  .part3-swiper {
    width: 100%;
    font-size: 0;
    overflow: hidden;
    margin-top: .5rem;
  }
  .part3-swiper .swiper-slide {
    width: 100%;
  }
  .part3-swiper .swiper-slide img {
    width: 100%;
  }
  .part4 {
    width: 100%;
    font-size: 0;
    padding: 0.6rem 0;
  }
  .part4 .container .title {
    font-size: 0.46rem;
    line-height: 1;
    margin-bottom: 0.6rem;
    font-weight: bold;
    text-align: center;
  }
  .part4 .container .desc {
    width: 100%;
    margin: 0 auto;
    text-align: justify;
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #4c4948;
  }
  .part4 .container .pic {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    margin-top: 0.5rem;
  }
  .part4 .container .pic img {
    width: 100%;
  }
  a.chaxun {
    width: 1.96rem;
    height: 0.52rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.18rem;
    line-height: 1;
    text-decoration: none;
    border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    -moz-border-radius: 0.05rem;
    -ms-border-radius: 0.05rem;
    -o-border-radius: 0.05rem;
    background: #727171;
    border: 0.02rem solid transparent;
    color: #fff;
    margin: 0 auto;
  }
  a.chaxun:hover {
    background-color: transparent;
    border-color: #ef7622;
    color: #ef7622;
  }

  .container {
    width: 90%;
    margin: 0 auto;
  }

  /* 自适应尺寸Start */
  .zoomfix{
    zoom:1;
    width:100%;
  }

  .tools .container{
    width:90%;
    margin:auto;
  }

  .tools .tools-list{
    zoom:1;
  }

  .teacher .container{
    width:90%;
    margin:auto;
  }

  .teacher .teacher-info{
    zoom:1;
  }

  .teacher .teacher-avatar{
    zoom:1;
  }

  .train .container{
    width:90%;
    margin:auto;
  }

  .engineer .container{
    width:90%;
    margin:auto;
  }

  .train-base .container{
    width:90%;
    margin:auto;
  }

  .train-base .basepic{
    zoom:1;
  }

  .train-base .base-icon{
    zoom:1;
  }

  .story .container{
    width:90%;
    margin:auto;
  }

  .story .story-content{
    zoom:1;
  }

  .llumar-6tech {
    padding: 30px 0;
  }

  .llumar-6tech .tabs {
    width: 90%;
    margin: 0 auto 20px auto;
    height: auto;
  }

  .llumar-6tech .tabs li.ppf .icon{
    height: 35px;
  }

  .llumar-6tech .tabs li.wf .icon{
    height: 35px;
  }

  .llumar-6tech .tabs li.ppf .icon::after {
    height: 35px;
    background-size:99px 25px;
  }

  .llumar-6tech .tabs li.wf .icon::after {
    height: 35px;
    background-size:99px 25px;
  }

  .llumar-6tech .tabs li.ppf .icon{
    border-bottom:1px solid #000;
  }

  .llumar-6tech .tabs li.wf .icon{
    border-bottom:1px solid #000;
  }

  .llumar-6tech .tabs li.active .icon{
    border-bottom:5px solid #000;
  }

  .llumar-6tech .tabs li.active span {
    margin-top: -4px;
  }

  .llumar-6tech .tabs li span {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
  }

  .llumar-6tech .container p, .tools .container p, .teacher .container p, .train .container p, .cert .container p, .engineer .container p, .train-base .container p, .story .container p {
    font-size: 12px;
    margin: 20px auto;
    line-height: 20px;
    width: 90%;
  }

  .llumar-6tech .container p.title, .tools .container p.title, .teacher .container p.title, .train .container p.title, .cert .container p.title, .engineer p.title, .train-base p.title, .story .container p.title {
    font-size: 20px;
    font-weight: bolder;
  }

  .tools {
    padding: 30px 0;
  }

  .tools .tools-list {
    zoom: .35;
    max-width: 90%;
  }

  .teacher .teacher-info{
    zoom: .5;
    max-width: 90%;
  }

  .teacher {
    padding: 30px 0;
  }

  .teacher .teacher-info {
    height: 500px;
  }

  .teacher .teacher-info .teacher-text .desp {
    font-size: 21px;
    line-height: 35px;
  }

  .teacher-line {
    top: 175px;
  }

  .teacher .teacher-avatar .teacher-button {
    flex: none;
  }

  .teacher .teacher-avatar .teacher-button img{
    width:100%;
  }

  .teacher .teacher-avatar .tname {
    margin-top: 5px;
    font-size: 12px;
  }

  .teacher .teacher-avatar .tpinyin {
    margin-top: 5px;
    font-size: 6px;
  }

  .train {
    padding: 30px 0;
  }

  .container h5 {
    text-align: center;
    font-size: 14px;
    margin: 20px auto;
    line-height: 14px;
    width: 90%;
  }

  .train .gallery-top .swiper-slide, .train .gallery-top2 .swiper-slide {
    background-size: 180px 45px;
  }

  .train-swiper .swiper-button-prev,.train-swiper .swiper-button-next{
    zoom: .4;
  }

  .train .gallery-top, .train .gallery-top2 {
    height: 70px;
    width: 100%;
  }

  .train .gallery-thumbs, .train .gallery-thumbs2 {
    height: 40px;
  }

  .train .train-table{
    zoom:.33;
    margin: 45px auto;
  }

  .train .ppf-train {
    padding-bottom: 20px;
  }

  .train .wf-train {
    padding-bottom: 20px;
  }

  .cert {
    padding: 30px 0;
  }

  .cert .pic {
    margin-bottom: 40px;
  }

  .engineer {
    padding: 30px 0;
  }

  .engineer .container {
    width: 100%;
    margin: auto;
  }

  .engineer .thumb-container {
    width: 80%;
    padding: 0 20px;
    margin:0 auto;
    position: relative;
  }

  .engineer .masterlist .swiper-container{
    width:300px;
    margin:auto;
  }

  .engineer .starmasterlist .swiper-container{
    width:300px;
    margin:auto;
  }

  .engineer .wfppfmasterlist .swiper-container{
    width:300px;
    margin:auto;
  }

  .engineer .master-swiper .swiper-slide {
    width: 130px;
  }

  .engineer .master-swiper .swiper-slide img{
    width: 100%;
  }

  .engineer .swiper-button-next,.engineer .swiper-button-prev{
    zoom:.5;
  }

  .thumb-container .swiper-button-prev{
    zoom:.5;
    left: -10px;
  }

  .thumb-container .swiper-button-next{
    zoom:.5;
    right: -10px;
  }

  .engineer .masterlist .swiper-container-thumb {
    width: 180px;
    height:42px;
  }

  .engineer .starmasterlist .swiper-container-thumb {
    width: 180px;
    height:42px;
  }

  .engineer .swiper-container-thumb .swiper-slide{
    width:41.5px;
  }

  .engineer .swiper-container-thumb .swiper-slide img{
    width:100%;
  }

  .engineer .blackbeltmaster .master-text {
    width: 100%;
    height: 360px;
    margin: 10px auto 10px auto;
    background-image: url(/themes/llumar/images/installation/black-bg-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
  }

  .engineer .starmaster .master-text {
    width: 100%;
    height: 360px;
    margin: 10px auto 10px auto;
    background-image: url(/themes/llumar/images/installation/star-bg-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
  }

  .engineer .starmaster{
    margin-top:40px;
  }

  .engineer .masterlist,.engineer .starmasterlist {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .engineer .master-text{
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }

  .engineer .thumb-container{
    margin-top:30px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .engineer .master-text-content {
    width: 270px;
    height: 270px;
    font-size: 10px;
    margin-top: 35px;
    margin-left: 60px;
    line-height: 16px;
  }

  .train-base {
    padding: 30px 0;
  }

  .train-base .basepic {
    width: 100%;
  }

  .train-base .basepic img{
    width: 100%;
    border-radius: 10px;
  }

  .train-base .base-icon {
    width: 230px;
    margin: auto;
    display: block;
    font-size: 0;
  }

  .train-base .base-icon .base-city {
    width:50%;
    display: inline-block;
  }

  .train-base .base-icon .base-city .cityicon {
    display: block;
    height: 70px;
    width: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0 auto 5px auto;
  }

  .train-base .base-icon .active {
    display: inline-block!important;
  }

  .train-base .base-icon .base-city span {
    font-size: 10px;
  }

  .story {
    padding: 30px 0;
  }

  .story .story-content {
    width: 100%;
    font-size: 24px;
    display: block;
    height:auto;
  }

  .story .story-text{
    zoom:.5;
    margin:auto;
  }

  .story .story-list {
    float: none;
    width: 100%;
    height: auto;
    margin: 25px auto 0 auto;
  }

  .story .story-list ul{
    display: flex;
    width: fit-content;
    margin: auto;
  }

  .story .story-list li {
    list-style: none;
    position: relative;
    width: 45px;
    height: 45px;
    margin-right: 3.5px;
  }

  .story .story-list li .drawer {
    position:initial;
    width: 45px;
    height: 45px;
    padding: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: transparent;
  }

  .story .story-list li .drawer img {
    width: 100%;
    height: 100%;
    margin-right: 0px;
  }

  .story .story-list li .drawer .story-man-name{
    display: none;
  }

  .story .story-list li .drawer .slogan{
    display: none;
  }

  .story .story-list li .drawer:hover {
    width: 100%;
    box-shadow: none;
  }

  .story .story-list li .drawer:hover .slogan {
    display: none;
  }

  .teacher .container .pc-block {
    display: none!important;
  }

  .story .story-content .swiper-slide{
    width:auto;
  }

  div{
    max-width: 100%;
  }
}