.banner-text-container {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.banner-text-container2 {position: absolute;bottom: 10px;left: 0;width: 100%;height:30%;}

/*.banner-text-container .container {margin-top:250px;}*/
.ipad {display: none;}
.ipad1 {display: none;}

.section2{padding:86px 0px;}
.section2 .mk0 {display: flex;align-items: center;justify-content: center;}
.section2 .mk0 span{ text-align:center;color: #383838;margin-right:80px;}
.section2 .mk0 span::after {content: "";width: 0;height: 2px;background-color: #000000;display: block;transition: all .5s ease;}
.section2 .mk0 span.active:after {width: 100%;}

.section2 .mk1{width: 49.5%; float: left;}
.section2 .mk1 .h30{height: 30px;line-height: 30px;border-right: 1px solid #fff;}
.section2 .mk2{width:30%;margin:20px auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display: block;height:30px;line-height: 30px;}
.section2 .mk2 span{width:33%;text-align: center;display: block; float: left;}
.section2 .mk2 span.bg1{color: #fff;background-color: #383838;}
.index-pagination {position: relative;width: fit-content;border: 1px solid #f2f2f2;border-radius: 50px;margin: 0 auto;display: flex;}
.index-pagination .swiper-pagination-bullet {width: 6px;height: 6px;margin-right:8px;display: block;}
.index-pagination .swiper-pagination-bullet-active {background: #000;}
.index-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}

.section3 .mk1{width: 49.5%; /**float: left;margin-top:450px;**/padding-bottom:40px;}
.section3 .circle {float:left;width: 100px;height: 100px;border:1px solid #fff;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.section4_1 .mk1{margin-top:20px;text-align: left;}
.section4_1 .mk1 img{margin-right:10px;}

.section6{background-color: #f7f7f7;}
.section7{background-color: #f7f7f7;}
.section8{background-color: #f7f7f7;}
.section8 .mk1img{width:1100px;max-width:100%;}
.section8 .mk1{width:25%;float:right;padding-top:160px;}
.section8 .ipad {display: block;}
.section9 .ipad {display: block;}
.section12 .ipad {display: block;}
.section9{margin-top:80px;}
.section9 .mk1left{width:25%;float:left;line-height: 35px;}

.section9 .mk1right{width:75%;float:left;}
.section9 .mk1right img{max-width:100%;}
.section10 .container {max-width: 100%;}


.section12 .circle {width: 70px;height: 70px;border:1px solid #ccc;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.section12 .mk1{color:#fff;width:33%;float: right;}
.section12 .mk2{float: left;display: block;text-align: center;margin-right:50px;}
.section13 .circle {float:left;width: 70px;height: 70px;border:1px solid #ccc;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.section13 .mk1{color:#fff;width:33%;float: left;}
.section13 .mk2{display: block;}


.section16 .mk1{width:50%;float:left;height:50px;line-height: 50px;text-align: center;}
.section16 .mk1 span{}
.section16 .circle {width: 50px;height: 50px;border:1px solid #000;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}

.section19 .mk1{width:20%;float: left;text-align: center;}

.section21 .mk1{width:16.4%;float:left;height:50px;line-height:50px;text-align: center;display: inline-flex;align-items: center;justify-content: center;}
.section21 .mk1 span{}
.section21 .circle {width: 50px;height: 50px;border:1px solid #000;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}

.section22 .mk1{width:40%;margin-left:5%;margin-right:5%;float:left;text-align: center;display: inline-flex;align-items: center;justify-content: center;}
.section22 .mk1 a{position: relative; display: block; overflow: hidden;}
.section22  *{ transition: all 300ms;}
.section22 a:hover img{ transform: scale(1.1);}



.cardItembox ul li{  margin: 0 2px;  overflow: hidden; width: 50%;}

.section11 .cardItembox ul li{  margin: 0 2px;  overflow: hidden; width: 45%;}
.cardItembox  *{ transition: all 300ms;}
.cardItembox ul li a{ position: relative; display: block; overflow: hidden;cursor: auto;}
.cardItembox ul li a:hover img{ transform: scale(1.1);}
.section11 .cardItembox ul li a:hover img {transform: none;}
.section11 .pt20 {padding: 0 0 40px;}
/*.cardItembox ul li a:hover p{ background: #0b6adf; color: #fff;}*/
.cardItembox ul li a p{ background: #606466; text-align: center; color: #fff; padding: 20px 0; margin: 0; position: absolute; left: 0; bottom: 0; right: 0;}
.cardItembox ul li a.active p{ background: #0b6adf; color: #fff;}

.cardItembox ul li p{ margin: 0;}
.cardItembox ul li .memo{
  text-align: left;
  color: #5e5d5d;
  line-height: 200%;
}
.w-50{ width: 50%;}
.mr-1 {margin-right: 10px;}
.maximg{max-width: 100%;}
/*@media only screen and (max-width: 1576px) {*/

/*}*/
@media only screen and (max-width: 1400px) {
  .section3 .mk1{padding-bottom:40px;}
}
@media only screen and (max-width: 1200px) {
  .section2 .mk0 span{display: block;margin-right: 20px;}
  .section3 .mk1{padding-bottom:20px;}
  .section3 .circle {width: 80px;height: 80px;}
  .section3 .mk1 .font72{font-size:54px;}
  .section3 .mk1 .font36{font-size:18px;}
  .section3 .mk1 .font18{font-size:14px;}

  .section8 .mk1img{width:100%;}
  .section8 .mk1{width:100%;float:none;padding-top:50px;}
  .section9 .mk1left{width:100%;float:none;line-height: 35px;}
  .section9 .mk1right{width:100%;float:none;}

  .section12 .mt-130{margin-top:50px;}
  .section12 .font24{font-size: 16px;}
  .section12 .font36{font-size: 24px;}
  .section12 .mt-50{margin-top: 20px;}
  .section12 .line35{line-height:20px;}
  .section12 .line45{line-height:30px;}

  .section13 .line35{line-height:20px;}
  .section13 .line45{line-height:30px;}
  .section13 .mt-130{margin-top:30px;}
  .section13 .font24{font-size: 16px;}
  .section13 .font36{font-size: 18px;}
  .section13 .mt-26{margin-top:10px;}
  .section13 .mt-50{margin-top: 20px;}


}
@media only screen and (max-width: 1054px) {
  .section3 .mk1{padding-bottom:10px;}
  .section3 .circle {width: 80px;height: 80px;}
  .section3 .mk1 .font72{font-size:54px;}
  .section3 .mk1 .font36{font-size:18px;}
  .section3 .mk1 .font18{font-size:14px;}

  .section8 .mk1img{width:100%;}
  .section8 .mk1{width:100%;float:none;padding-top:50px;}
  .section9 .mk1left{width:100%;float:none;line-height: 35px;}
  .section9 .mk1right{width:100%;float:none;}

  .cardItembox ul li .itembox{ justify-content: flex-start;}
  .cardItembox ul li .item{ justify-content: flex-start;}


  .cardItembox ul { flex-flow: wrap;}
  .cardItembox ul li{ margin-bottom: 15px; width: 100%;}
  .cardItembox ul li .itembox  .w-50{ width: auto;}

  .section21 .mk1{width:33%;margin-bottom:10px;}
  .section16 .mk1{width:100%;float:none;display: block;text-align: left;}

  .section17 .mt-130{ margin-top:30px;}
  .section17 .mt-26{margin-top:10px;}
  .section17 .line45{line-height:20px;}

  /* .section12 .banner-text-container{position: relative;} */
  /* .section12 .mk1{color:#ffffff;width:100%;float: none;display: block;} */
  /* .section13 .banner-text-container{position: relative;} */
  .section13 .mk1{color:#ffffff;width:100%;float: none;display: block;}


}
@media only screen and (min-width: 992px)and (max-width: 1024px) {
  .section13 .font36 {
    font-size: 24px;
}
.section13 .ml80 {line-height: 35px;}
.section13 .mt-130 {
  margin-top: 15px;
}
.section14 ul {flex-wrap: nowrap;}
  .section20 .mt-50 {
    margin-top: 10px;
}
.section19 .ipad{display: block;}
.section24 .ipad{display: block;}
.mt-250 {
  margin-top: 150px;
}
.section3 .mk1 {
  padding-bottom: 30px;
}
.section3 .font36 {
  font-size: 24px;
  margin-left: 15px;
  margin-bottom: 10px;
}
.section3 .circle {
  width: 70px;
  height: 70px;
}
.section3 .mk1:nth-child(2) .circle{
  width: 80px;
  height: 70px;
}
.section4 .line35 {
  line-height: 20px;
}
.section4 .mt-32 {margin-top: 12px;}
.section5 .mt-32 {margin-top: 12px;}
.section8 .ipad {display: none;}
.section8 .mk1 {text-align: center;}
.section8 .line35 {line-height: 18px;}
.section8 .mt-86 {margin-top: 0px;}
.section8 .mt-18 {margin-top: 0px;margin-bottom: 20px;}
.section9 .ipad {display: none;}
.section9 .mk1left {text-align: center;}
.section9 .line35 {line-height: 18px;}
.section9 .mt-86 {margin-top: 0px;}
.section9 .mt-50 {margin-top: 0px;}
.section9 .mt-18 {margin-top: 0px;margin-bottom: 20px;}
.section10 .container {max-width: 100%;}
.section10 .cardItembox ul li {
  margin-bottom: 15px;
  width: 49%;
}
.section11 .cardItembox ul li {
  margin-bottom: 15px;
  width: 45%;
}
.section12 .ipad {display: block;}
.section13 .ipad {display: none;}


}

@media only screen and (min-width: 768px)and (max-width: 992px){
  .ipad {display: block;}
  .ipad1 {display: block;}
  .line20 {
    line-height: 15px;
}
  .mt-250 {
    margin-top: 90px;
}
.font16 {
  font-size: 12px;
}
.font14 {
  font-size: 12px;
}
.section3 .mk1div {margin-bottom: 15px;}
.section3 .mk1 {
  padding-bottom: 0px;
}
.section3 .mk1:nth-child(1) .circle {
  width: 70px;
  height: 70px;
}
  .section3 .mk1:nth-child(2) .circle {
    width: 116px;
    height: 70px;
}
.section3 .mt-10 {
  margin-top: 5px;
}
.section3 .line20 {
  line-height: 15px;
}
.section3 .text-left {margin-top: 10px;}
.section3 .font12 {font-size: 12px;}
.section3 .text-left .mobile {display: block;}
.section4 .mt-86 {margin-top: 32px;}
.section4 .mt-32 {margin-top: 0px;}
.section5 .mt-86 {margin-top: 23px;}
.section5 .mt-32 {margin-top: 10px;}

.section8 .ipad {display: none;}
.section8 .mk1 {text-align: center;}
.section8 .line35 {line-height: 18px;}
.section8 .mt-86 {margin-top: 0px;}
.section8 .mt-18 {margin-top: 0px;margin-bottom: 20px;}
.section9 .ipad {display: none;}
.section9 .mk1left {text-align: center;}
.section9 .line35 {line-height: 18px;}
.section9 .mt-86 {margin-top: 0px;}
.section9 .mt-50 {margin-top: 0px;}
.section9 .mt-18 {margin-top: 0px;margin-bottom: 20px;}

.section10 ul {flex-wrap: nowrap;}
.section11 ul {flex-wrap: nowrap;}
.section12 .pc {display: none;}
.section12 .mobile {display: none;}
.section12 .ipad {display: none;}
.section12{padding-bottom: 110px;background-color: #000000;}
  .section12 .mk1{color:#fff;width:100%;float: none;display: block;margin-top:620px; text-align: center;}
  .section12 .mk2{width:50%;margin-right:0px;}
  .section13 .mt-130 { margin-top: 0px;}
  .section13 .mt-18 { margin-top: 8px;}
  .section13 .mt-32 { margin-top: 10px;}
  .section13 .circle {width: 50px;height: 50px}
  .section13 .mt-50 {margin-top: 10px;}
  .section13 .ipad {display: block;}
.section13 .mk2 {width: 50%;}
.section13 .font36 {font-size: 24px;}
.section19 .mt-108 {margin-top: 24px;}
.section19 .mt-32 { margin-top: 10px;}
.section20 .pc {display: none;}
.section20 .mobile {display: block;}
.section20 .line20 { line-height: 30px;}
.section20 .mt-50 {margin-top: 120px;}
.section20 .mtb-26-32 {margin: 32px 0px 16px 0px;}
.section20 .container {max-width: 95%;}
.cardItembox ul li .itembox .w-50 { width: 50%;}





}
@media only screen and (max-width: 767px) {
  .ipad {display: none;}
  .font14 {font-size: 12px;}
  .font16 {font-size: 12px;}
  .font24 {font-size: 14px;}

  .section1 .mt-250{margin-top:50px;}
  .section2{padding: 52px 0;}

  .section2 .mk0 span{display: block;margin-right: 10px;padding: 46px 0;}
  .section2 .mk1{width: 100%;}
  .section2 .mk2{width: 90%;}
  .section2 .font18{font-size: 12px;}

  .section3 .mk10 .font36{font-size: 18px;}
  .section3 .mk10 .mt-108{margin-top: 84px;}
  .section3 .mk10 .font16{font-size:12px;}
  /* .section3 img{height:300px;} */
  .section3 .mk1div{ flex-direction: column;}
  .section3 .mk1{width:100%;padding-bottom: 40px;}
  .section3 .circle {width: 50px;height: 50px;}
  .section3 .mk1 .font72{font-size:36px;}
  .section3 .mk1 .font36{font-size:18px;}
  .section3 .mk1 .font16{font-size:12px;}
  .section3 .mk1 .mt-18{margin-top:20px;}
  .section3 .mk1 .mt-32{margin-top:80px;}
  .section3 .mk1 .mt-108{margin-top:70px;}
  /*.section3 .mk1 .ml120{margin-left:55px;}*/
  .section3 .mk1 div{width: 70%;}

  .section4 .mk10 .font36{font-size: 18px;}
  .section4 .mk10 .mt-86{margin-top: 54px;}
  .section4 .mk10 .font16{font-size:12px;}
  .section4 .mk1zi{margin-left: 10px;}

  .section5 .mt-86{margin-top:80px;}


  .section8 .mk1img{width:100%;}
  .section8 .mk1{width:100%;float:none;padding-top:50px;}
  .section8 .mk1 .line45{line-height: 30px;}
  .section8 .mk1 .line35{line-height: 20px;}
  .section8 .mk1img{margin-top:20px;}

  .section9 {margin-top: 40px;}
  .section9 .mk1left{width:90%;float:none;line-height: 35px;margin:0 auto;}
  .section9 .mk1left .line45{line-height: 30px;}
  .section9 .mk1left .line35{line-height: 20px;}


  .section9{max-width: 100%;}
  .section9 .mk1right{width:100%;float:none;margin-top:20px;}

  .section10{max-width: 100%;}

  .section11  {width: 95%;text-align: center;}
  .section11 .pt20 {padding: 0px;}
.section11 .cardItembox ul li{  margin: 0 2px;  overflow: hidden; width: 100%;}


  .section12{padding-bottom: 110px;background-color: #000000;}
  .section12 .mk1{color:#fff;width:100%;float: none;display: block;margin-top:80%; text-align: center;}
  .section12 .mk2{width:50%;margin-right:0px;}
  .section12 .font36 {font-size: 18px;}
  .section12 .mtb-10-18 {margin: 10px 0px 10px 0px;}
  .section12 .line25 {line-height: 18px;}

  .section13{background-color: #000000;padding-bottom: 120px;}
  .section13 .mt-130 {margin-top: 10px;}
  .section13 .mk1{color:#fff; text-align: center;margin-top: 95%;}
  .section13 .font36{font-size: 18px;}
  .section13 .mk2 .mt-18{margin-top:2px;}
  .section13 .mk2 .font36{font-size: 30px;}
  .section13 .mk2:nth-child(1) .ml80 {margin-left: 80px;height: 70px;line-height: 35px;}
  .section13 .mk2:nth-child(2) .ml80 {margin-left: 80px;height: 70px;line-height: 35px;}

  .section17 {max-width: 92%;}

  .cardItembox ul { flex-flow: wrap;}
  .cardItembox ul li{ margin-bottom: 15px; width: 100%;}
  .cardItembox ul li .itembox  .w-50{ width: auto;}

  .section15{max-width: 100%;}


  .section16 .mk1{width:100%;float:none;display: block;text-align: left;}

  .section17 .mt-130{ margin-top:30px;}
  .section17 .mt-26{margin-top:10px;}
  .section17 .line45{line-height:20px;}
  .section17 .banner-text-container{position: relative;}

  .section18{max-width: 100%;}
  .section18 .mk1{position: absolute;width: 100%;}
  .section18 .mk1 .font36{font-size: 18px;}

  .section19.mt-86{margin-top: 0px;}
  .section19 .mt-86{margin-top:80px;}
  .section19 .mk1{width:50%;}

  .section21 {max-width: 95%;}
  .section21 .mr10 {margin-right: 8px;}
  .section21 .mk1{width:33.3%;margin-bottom:10px;margin-top: 10px;}
  .section21 .mk1 .mk1zi{font-size: 11px;}
  .section22 .mk1{width:100%;margin-left:0;margin-right:0; float: none;}
  .section22 .mk1f {font-size: 12px;}
  .section22 .font14 {font-size: 12px;}
  .section23 .item .mt-50{margin-top:20px;}
  .section23 .item .price{padding-top:20px;}
  .section24 .mtb-26-32 {margin: 12px 0px 15px 0px;}

  .cardItembox ul li .memo .mt-10{
    margin-top:0px;
  }

}