.u3infoitems01 {
  position: relative;
}
.u6items030{
  position: relative;
}
.addlist23 .addbox {
  width: 1450px;
  max-width: 75%;
  margin:0 auto;
  position: relative;
}
 .addlist23 .addbox .img{
  width: 52%;
 }
 .addlist23 .addbox .words{
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  right: 0;
  width: 40%;
  text-align: center;
  line-height: 1.25;
 }
 .addlist23 .addbox .txts{
  margin-top: .75rem;
  color:#735226;
 }

.u6items030 .bg{
  height: 100vh;

}
.u6items030 .words{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform:translateY(-50%);
  margin: auto;
  color:#fff;
  padding-right: .75rem;
}
.u6items030 .txts{
  position: absolute;
  top: 50%;
  left: .75rem;
  transform:translateY(-50%);
  line-height: 1.25;
  padding: .75rem 1.25rem;

}
.u6items030 .txts span{
  position: absolute;
  display: block;
  height: auto;
  line-height: 1;
  font-family: Arial;

}
.u6items030 .txts span.left{
  left: 0;
  top: 0;
}
.u6items030 .txts span.right{
  right: 0;
  bottom: 0;
}
.u6items030 .imgbox{
  width: 15.75rem;
  height: 15.75rem;
  position: relative;
}
.u6items030 .imgbox .i{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.u6items030 .imgbox .i0{
  opacity: 1;
}
.w1380{
  width: 1380px;
  margin:0 auto;
  max-width: 94%;
}


.u3infoitems01 .words {
  position: absolute;
  width: 100%;
  top:9rem;
  left: 0;
  color: #c9995f;
  z-index: 10;
  transform:scale(2.5);
}

.q3items05 .words .ul .li img {
  width: 1.5rem;
}


.q3items01 {
  position: relative;
  height: 100vh;
}

.q3items01.actives {
  height: auto;
}

.q3items01 .words {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  top: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
}

.q3items01 .tits {
  text-align: center;
}

.q3items01 .lists {
  font-size: 0;
}

.q3items01 .lists .li {
  display: inline-block;
  vertical-align: top;
  margin: 0 1.2rem;
}

.q3items01 .lists .i {
  border: 1px solid #e6e6e6;
  display: inline-block;
  vertical-align: top;
  margin-top: .5rem;
  width: 1.25rem;
}

.q3items01 .lists .num {
  line-height: 1.1rem;
  height: 1.1rem;
  font-size: 0;
  margin-bottom: .2rem;
}

.q3items01 .lists .num span {
  display: inline-block;
  vertical-align: bottom;
}

.q3items01 .lists .num .ft24 {
  line-height: 1;
}

.q3items01 .imgs {
  width: 14rem;
  margin: 0 auto;
}

.q3items01 .tits {
  line-height: 2;
  margin-bottom: 1.85rem;
}

.q3items02 {
  position: relative;
}

.q3items02 .words {
  position: absolute;
  width: 100%;
  left: 0;
  line-height: 1.2;
  color: #fff;
  top: 2.5rem;
  text-align: center;
}

.q3items02 .words .txts {
  margin-top: .9rem;
}

.e5bc_info7.active2s .lists .ul {
  width: 16.6%;
}

.q3items02.active03 .words {
  top: 0;
  padding-top: 2.5rem;
  position: static;
  padding-bottom: 4.375rem;
}

.q3items02.active03 .words .ui-swiper {
  padding: 0 2.5rem;
}

.q3items02.active03 .words .ui {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0  auto;
  border: 1px solid #db9e4b;
  border-radius: 4px;
  margin-top: .9rem;
}

.q3items02.active03 .words .ui-swiper {
  margin-top: 3.5rem;
}

.q3items02.active03 .words .ui-swiper .swiper-slide {
  width: 25%;
  position: relative;
}

.q3items02.active03 .words .ui-swiper .swiper-slide:nth-child(1):before {
  display: none;
}

.q3items02.active03 .words .ui-swiper .swiper-slide:before {
  position: absolute;
  content: "";
  width: 1.6rem;
  height: 4.75rem;
  top: 0;
  bottom: 0;
  left: -.8rem;
  margin: auto;
  background: url(../newaddimg/q3/i20.png) no-repeat center;
  background-size: 100%;
}

.q3items02.active03 .words .ui-swiper .items {
  position: relative;
}

.q3items02.active03 .words .ui-swiper .items img {
  width: 48%;
  margin: 0 auto;
}

.q3items03 .images {
  position: relative;
}

.q3items03 .images:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.33);
  transition: .5s ease-in-out;
}

.q3items03 .list {
  font-size: 0;
}

.q3items03 .list .li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  position: relative;
}

.q3items03 .list .li .words {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #fff;
  transition: .5s ease-in-out;
}

.q3items03 .list .li .words .span {
  margin-top: .5rem;
}

.q3items03 .list .li:hover .images:before {
  background: rgba(0, 0, 0, 0.8);
  transition: .5s ease-in-out;
}

.q3items03 .list .li:hover .words {
  transition: .5s ease-in-out;
  margin-top: -2.875rem;
}

.q3items03 .list .li:hover .words .ilist {
  opacity: 1;
  transition: .5s ease-in-out;
}

.q3items03 .list .li:hover .words .qiu {
  background: rgba(255, 255, 255, 0.2);
  transition: .5s ease-in-out;
  border-color: rgba(255, 255, 255, 0.2);
}

.q3items03 .list .li .qiu {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.55);
  margin: 0 auto;
  padding-top: 1.2rem;
  box-sizing: border-box;
  transition: .5s ease-in-out;
}

.q3items03 .list .li .qiu .i {
  width: 1.25rem;
  margin: 0 auto;
}

.q3items03 .list .li .ilist {
  line-height: 1.25rem;
  height: 5rem;
  overflow: hidden;
  margin-top: .75rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5rem;
  opacity: 0;
  transition: .5s ease-in-out;
}

.info_q3 img {
  max-width: 100%;
}

.q3items04 {
  position: relative;
}

.q3items04 .words {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  padding-top: 3.5rem;
  color: #fff;
}

.q3items04 .words .tits {
  line-height: 1.45;
  margin-bottom: 1.25rem;
}

.q3items04 .words .txts {
  line-height: 1.53;
}

.q3items05 {
  position: relative;
}

.q3items05 .words {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  padding-top: 1.875rem;
  color: #3c3c3c;
}

.q3items05 .words .tits {
  line-height: 1.45;
}

.q3items05 .words .ul {
  font-size: 0;
}

.q3items05 .words .ul .li {
  display: inline-block;
  font-size: 12px;
  padding: 0 3rem;
  position: relative;
}

.q3items05 .words .ul .li:nth-child(1):before {
  display: none;
}

.q3items05 .words .ul .li:before {
  position: absolute;
  content: "";
  width: 1px;
  background: rgba(0, 0, 0, 0.22);
  height: .8rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.q3items05 .words .txts {
  color: #4d3a30;
  line-height: 1.25;
  margin-top: .5rem;
  margin-bottom: 1.25rem;
}

.w1440 {
  width: 80%;
  max-width: 1440px;
  margin: 0 auto;
}

.w1340 {
  width: 80%;
  max-width: 1340px;
  margin: 0 auto;
}

.q3items06 {
  position: relative;
}

.q3items06 .list {
  width: 12.5rem;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}

.q3items06 .list .li {
  text-align: center;
  width: 48%;
  margin-left: 4%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: .9rem;
  color: #4d3a30;
  line-height: 1.53;
}

.q3items06 .list .li:nth-child(2n+1) {
  margin-left: 0;
}

.q3items06 .list .li .i {
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
}

.q3items06 .words {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  text-align: right;
  padding: 0 0.6rem;
  padding-top: 3rem;
}

.q3items06 .words .tits {
  line-height: 1.45;
  margin-bottom: 1.75rem;
}

.q3items04.on .words {
  text-align: right;
  padding-right: 3.5rem;
  box-sizing: border-box;
}

.q3items04.on .words .tits {
  color: #3c3c3c;
}

.q3items04.on .words .txts {
  color: #4d3a30;
}

.q3items07 {
  padding-top: 2rem;
  padding-bottom: .75rem;
  background: #151a13;
}

.q3items07 .images {
  width: 40%;
  margin: 0 auto;
}

.q3items07 .images img {
  display: block;
  margin: 0 auto;
}

.q3items07 .words {
  text-align: center;
  color: #fff;
}

.q3items07 .words .txts {
  margin-top: .75rem;
}

.q3items02.active01 .words {
  top: 3rem;
}

.q3items02.active01 .tits {
  color: #feab52;
}

.q3items02.active01 .txts {
  line-height: 1.9;
}

.q3items02.active02 .words {
  top: 3rem;
  color: #3c3c3c;
}

.q3items02.active02 .txts {
  line-height: 1.9;
  color: #4d3a30;
}

/**/
.box1-wrap {
  position: fixed;
  height: 100vh;
  position: relative;
}

.box1 {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.box1 .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}

.section {
  min-height: 700px;
  z-index: 3;
}

.section .fix {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.box1 .img {
  position: absolute;
  width: 36.5625%;
  right: 17.7%;
  top: 110%;
  transform: scale(4.2);
  transform-origin: 61% 40%;
}

.box1 .img img {
  width: 100%;
}

.box1 .pro-banner-txts {
  position: absolute;
  left: 23.4375%;
  top: 70%;
  z-index: 3;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
}

.box1 .pro-banner-txts .text-img {
  width: 365px;
  margin: 0 auto;
}

.box1 .pro-banner-txts .text-img img {
  width: 100%;
}

.box1 .pro-banner-txts .pro-con {
  color: #fff;
}
.w1500{
	width: 94%;
	margin:0 auto;
	max-width: 1500px;
}

/**/
.info_u3 img {
  max-width: 100%;
}

.u3infoitems02 {
  padding-top: 1.875rem;
  padding-bottom: 2.5rem;
  color: #000000;
  line-height: 1;
  position: relative;
}

.u3infoitems02 .images {
  width: 80%;
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
  z-index: 20;
}

.u3infoitems02 .imgs {
  position: relative;
}

.u3infoitems02 .li {
  position: absolute;
}

.u3infoitems02 .li .ibox {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  cursor: pointer;
}
.bold2{
	font-weight: bold;
}

@keyframes cir {
  from {transform: scale3d(1,1,1);}
  to {transform: scale3d(2,2,1);}
}
.u3infoitems02 .li .ibox .i {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.u3infoitems01  .box1 .img{
  top: 0;
  width: 65%;
}
.u3infoitems01 .box1 .images.img{
  top: 80%;
  transform: scale(1);
}
.u3infoitems02 .li .ibox .i.i1 {
  background: #dd964a;
}

.u3infoitems02 .li .ibox .i.i2 {
  background: rgba(221, 150, 74, 0.3);
  transform: scale(2);
  animation: cir 2s linear .2s infinite ;
}
.u3infoitems02 .li.active .linebox{
  transition:.6s ease-in-out;
  opacity: 1;
}
.info_u6 .items01{
  position: relative;
}
.info_u6 .items01 .i1{
  position: absolute;
  left: 0;
  top: 0;
}

.u3infoitems02 .li .linebox {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1px;
  width: 18rem;
  /* width: 21.75rem; */
  background: #dd964a;
  margin: auto;
  /*display: none;*/
  /*opacity: 0;*/
  transition:.6s ease-in-out;
}
.u3infoitems02 .li {
  opacity: 0;
}
.u3infoitems02 .li .linebox .imgi {
  width: 2.375rem;
  height: 2.375rem;
  background: #dd964a;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.u3infoitems02 .li .linebox .text {
  color: #000000;
  line-height: 1.5;
  position: absolute;
  /*left: 4.25rem;*/
  left: -1.1rem;
  /*bottom: .75rem;*/
  bottom: calc(-1.2rem - 3em);
}

.u3infoitems02 .li3 {
  left: 6.5rem;
    top: 9.5rem;
}

.u3infoitems02 .li2 {
  left: 10rem;
  top: 10.125rem;
}

.u3infoitems02 .li1 {
    left: 14rem;
    top: 5rem;
}

.u3infoitems02 .li4 {
   left: 4.5rem;
    top: 7.5rem;
}

.u3infoitems02 .li5 {
  left: 7.8rem;
    top: 2rem;
}

.u3infoitems02 .li6 {
  left: 12rem;
    top: 14rem;
}

.u3infoitems02 .li7 {
  left: 12.5rem;
  top: 14rem;
}

.u3infoitems02 .imgs {
  width: 21.7rem;
}

/*pc*/
.u6items02 .li-left {
  width: 100%;
}

.u6items02 .li-left .text {
  top: 3.4rem;
}

.u6items02 .li-right {
  width: 100%;
}

.u6items02 .li-right .text {
  top: 3.4rem;
}

.u6items02 .li {
  position: relative;
}

.u6items02 .text {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
}

.u6items03-list {
  font-size: 0;
  width: 33.33%;
  margin:0 auto;
  position: relative;
}

.u6items03-list .li {
  display: inline-block;
  vertical-align: top;
  /*width: calc((100% - 4px)/3);*/
  width: 100%;
  background: #000000;
  /*margin-left: 2px;*/
}
.u6items03-list .li:nth-child(2),
.u6items03-list .li:nth-child(3){
  position: absolute;

  left: 0;
  top: 0;
}

.u6items03-list .li:nth-child(3n+1) {
  margin-left: 0;
}

.u6items03-top {
  padding: .3rem;
  text-align: center;
  padding-top: 2.9rem;
  padding-bottom: 2.55rem;
}

.u3infoitems03 {
  position: relative;
}

.u3infoitems03 .images {
  /*width: 44%;*/
  width: 100%;
}

.u3infoitems03 .words {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  /*width: 56%;*/
  width: 100%;
  /*background: #383838;*/
  color: #fff;
  text-align: center;
  padding: .5rem;
  padding-top: 1.5rem;
  box-sizing: border-box;
}

.u3infoitems03 .bot-text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 1.5rem;
  color: rgba(255, 255, 255, 0.22);
}

.u3infoitems03 .box .ul {
  /*width: 45%;*/
  text-align: center;
  margin: 0 auto;
  display: block;
  font-size: 0;
  margin-top: .6rem;
}

.u3infoitems03 .box .span {
  line-height: 1;
  margin-top: .2rem;
}

.u3infoitems03 .box .li {
  display: inline-block;
  margin-bottom: .3rem;
  /*width: 32%;*/
  width: 3rem;
  margin-left: .8rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  border: 1px solid rgba(255, 255, 255, 0.44);
  box-sizing: border-box;
}

.u3infoitems03 .box .li:nth-child(3n+1) {
  /*margin-left: 0;*/
}

@media (max-width: 1260px) {
  .u3infoitems01 .words {
    top: 6rem;
  }

  .u3infoitems03 .words {
    padding: .3rem;
    padding-top: 3rem;
  }
}
@media (min-width: 1024px) {
  .e5bc_info7 .lists .ul-words .box{
    transition:.5s ease-in-out;
  }
  .e5bc_info7 .lists .ul:hover .ul-words .box{
    transition:.5s ease-in-out;
    color:#ba8f5a;

  }
  .u3infoitems03 .box .li .i{
    width: 1.25rem;
    height: 1.5rem;
    margin:0 auto;

  }
  .e5bc_info7 .lists .ul-imgs{
    overflow: hidden;
  }
  .e5bc_info7 .lists .ul img{
    transition:.5s ease-in-out;
  }
  .e5bc_info7 .lists .ul:hover img{
    transition:.5s ease-in-out;
    transform:scale3d(1.05,1.05,1);
  }
}
@media (max-width: 1190px) {
  .u3infoitems02 .li .linebox {
    width: 16rem;
  }

  .u3infoitems03 .box .ul {
    width: 70%;
    margin-top: 1rem;
  }

  .e5bc_info7.active2s .lists .ul {
    width: 25%;
  }
}
.u3infoitems02 .lists {
  display: none;
}

@media (max-width: 1080px) {
  .info_u3 {
    padding-top: 50px;
  }
  .u6items030 .imgbox{
    width: 12rem;
    height: 12rem;
  }
}
@media (max-width: 968px) {
  .q3items03 .list .li:hover .words {
    margin: 0;
  }
  .info_q3 .q3items02 .imgbg{
    width: 100%;
    max-width: 100%!important;
    margin:0;

  }
  .q3items02 .cai img{
    opacity: 1!important;
        /*width: 160%;*/
    /*margin-left: -30%;*/
    /*max-width: none !important;*/
  }

  .q3items03 .list .li .ilist {
    display: none;
  }

  .u3infoitems02 .lists {
    display: block;
    font-size: 0;
  }

  .info_q3 .imgbg {
    width: 160%;
    margin-left: -30%;
    max-width: none !important;
  }

  .q3items01 .imgs {
    max-width: 50%;
  }

  .q3items01 .lists .num {
    line-height: 1.25;
  }

  .q3items01 .lists .li {
    margin: 0 10px;
  }

  .q3items01 .tits {
    margin-bottom: 1rem;
  }

  .e5bc_info7.active2s .lists img {
    width: 100%;
  }

  .e5bc_info7.active2s .lists .ul {
    width: 50%;
  }

  .u3infoitems02 .lists .li {
    position: static;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
    margin-bottom: .5rem;
    line-height: 1.5;
  }

  .u3infoitems02 .lists .li .imgi {
    width: 50%;
    margin: 0 auto;
    border-radius: 50%;
    background: #dd964a;
  }

  .u6items02 .li {
    width: 100%;
  }

  .u3infoitems02 .li .linebox .text {
    color: #fff;
  }

  .u3infoitems03 .images img {
    width: 100%;
  }

  .u3infoitems03 .images,
  .u3infoitems03 .words {
    width: 100%;
    position: static;
  }

  .u3infoitems03 .words {
    padding-bottom: .8rem;
    background: #383838;
  }
  .u3infoitems03 .box .li{
    width: 32%;
    margin-left: 2%;
  }
  .u3infoitems03 .box .li:nth-child(3n+1) {
       margin-left: 0; 
  }
  .u3infoitems03 .bot-text {
    position: static;
    margin-top: 1rem;
  }

  .u3infoitems02 {
    padding-top: 0.75rem;
    padding-bottom: 1rem;
  }

  .u3infoitems02 .li .linebox {
    width: 17.4rem;
  }

  .u3infoitems02 .li .linebox .imgi {
    width: 2.8rem;
    height: 2.8rem;
  }

  .u3infoitems02 .li .linebox .text {
    left: 3.4rem;
    bottom: 0.6rem;
  }

  .u3infoitems02 .li3 {
    left: 5rem;
    top: 7.5rem;
  }

  .u3infoitems02 .li2 {
    left: 8rem;
    top: 8.1rem;
  }

  .u3infoitems02 .li1 {
    left: 11.5rem;
    top: 4rem;
  }

  .u3infoitems02 .li4 {
    
    left: 3.5rem;
    top: 6rem;

  }

  .u3infoitems02 .li5 {
        left: 6.2rem;
    top: 1.5rem;
  }

  .u3infoitems02 .li6 {
        left: 9.8rem;
    top: 11rem;
  }

  .u3infoitems02 .li7 {
    left: 10rem;
    top: 11.2rem;
  }

  .u3infoitems02 .imgs {
    width: 17.36rem;
  }

  .u3infoitems02 .li .linebox {
    display: none !important;
  }

  .u3infoitems02 .imgs {
    float: none;
    display: block;
    margin: .5rem auto;
  }

  .u3infoitems01 .words {
    top: 7rem;
  }

  .info_u6 {
    padding-top: 50px;
  }
}
.info_u6 img, .info_u3 img {
  max-width: 100%;
}
  .q3items02 .cai img{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .u6items03-list .li{
    opacity: 0;
  }
  @media (max-width: 767px){
    .addlist23 .addbox {
      max-width: 90%;
    }
    .u6items030 .imgbox{
      width: 8rem;
      height: 8rem;
    }
    .u6items030 .txts{
      left: 0;
      padding: .4rem .5rem;
    }
    .u6items030 .words{
      padding-right: 0;
    }
  }

@media (max-width: 750px) {
  .u6items030 .words{
    text-align: center;
  }
  .u6items030 .txts{
    position: static;
    transform:translateY(0);
    display: inline-block;
    vertical-align: top;
  }
   .u6items030 .imgs{
    margin-top: .5rem;
   }
  .u6items030 .imgs,
  .u6items030 .text{
    width: 100%;
  }
  .u6items030 .imgbox{
    width: 9rem;
    height: 9rem;
    margin:0 auto;
  }
  .q3items02 .cai img{
    /*width: 200%;*/
    /*margin-left: -50%;*/
  }
  .q3items06 .words {
    padding-right: 0;
    padding-top: 1rem;
  }

  .e5bc_info7 .titlesbox {
    padding-top: 1rem;
    padding-bottom: .9rem;
  }

  .q3items06 .words .tits {
    margin-bottom: .75rem;
  }

  .q3items07 .words .txts {
    margin-top: .35rem;
  }

  .q3items04.on .words {
    padding-right: 0;
  }

  .q3items06 .list .li {
    margin-bottom: .5rem;
  }

  .q3items03 .list .li .qiu {
    width: 3rem;
    height: 3rem;
    padding-top: .5rem;
  }

  .q3items06 .list {
    width: 60%;
  }

  .q3items07 .images {
    width: 80%;
  }

  .q3items06 .list .li .i {
    width: 1rem;
    height: auto;
  }

  .q3items04 .words .tits {
    margin-bottom: .5rem;
  }

  .q3items02 .words .txts {
    width: 90%;
    margin: 0 auto;
    line-height: 1.5;
  }

  .q3items04 .words {
    padding-top: 1.5rem;
  }

  .q3items03 .list .li .words .span {
    margin-top: .3rem;
  }

  .u6items02 .li-left .text {
    top: .8rem;
  }

  .q3items03 .list .li .qiu .i {
    width: 1rem;
  }

  .u6items02 .li-right .text {
    top: .8rem;
  }

  .u3infoitems02 .lists .li {
    width: 33%;
  }

  .u3infoitems02 .lists .li .ft24 {
    font-size: 12px;
  }

  .u3infoitems01 .words {
    /* top: 1rem; */
  }

  .u3infoitems02 {
    padding-top: 0.9375rem;
    padding-bottom: 1.25rem;
  }

  .u3infoitems02 .li3 {
        left: 3.2rem;
    top: 4.7rem
  }

  .u3infoitems02 .li2 {
    left: 5rem;
    top: 5.0625rem;
  }

  .u3infoitems02 .li1 {
        left: 7rem;
    top: 3rem;
  }

  .u3infoitems02 .li4 {
    left: 2rem;
    top: 3.9rem;
  }

  .u3infoitems02 .li5 {
    left: 3.8rem;
    top: 1rem;
  }

  .u3infoitems02 .li6 {
       left: 6rem;
    top: 7rem;
  }

  .u3infoitems02 .li7 {
    left: 6.25rem;
    top: 7rem;
  }

  .u3infoitems02 .imgs {
    width: 10.85rem;
  }

  .q3items02 .words {
    top: 8%;
  }

  .q3items02 .words .txts {
    margin-top: .5rem;
  }

  .q3items05 .words .txts {
    margin-bottom: .6rem;
  }

  .q3items05 .words {
    padding-top: 1rem;
  }

  .q3items05 .words .tits {
    line-height: 1.25;
  }

  .q3items05 .words .ul .li {
    padding: 0 .5rem;
  }

  .info_q3 .imgbg {
    width: 200%;
    margin-left: -50%;
  }

  .q3items02.active03 .words .ui-swiper .swiper-slide {
    width: 50%;
  }

  .q3items02.active03 .words .ui-swiper {
    padding: 0 5%;
    margin-top: 1.5rem;
  }

  .q3items02.active03 .swiper-wrapper {
    width: 100%;
  }

  .q3items02.active03 .swiper-container {
    width: 100%;
  }

  .q3items02.active03 .words {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }

  .u6items03-top {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */