.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;}*/

.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:1070px;max-width:100%;}
.section8 .mk1{width:27%;float:right;padding-top:160px;}
.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%;}

.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:21%;float: left;text-align: center;}
.section19 .bg-black-50 {background: none;}

.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%;}
.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);}
/*.cardItembox ul li a:hover p{ background: #0b6adf; color: #fff;}*/
.cardItembox ul li a p{ background: #606466; text-align: center; color: #fff; padding: 10px 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: 18px;}
  .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:#000;width:100%;float: none;display: block;}
  /* .section13 .banner-text-container{position: relative;} */
  .section13 .mk1{color:#000;width:100%;float: none;display: block;}


}


@media only screen and (min-width: 992px)and (max-width: 1024px) {
  .section1 .mt-18 {margin-top: 50px;}
  .section4 .mt-32 {margin-top: 12px;}
  .section5 .mt-32 {margin-top: 20px;}
  .section9 {text-align: center;}
  .section9 .ipad {display: none;}
  .section9 .mt-50 {margin-top: 10px;}
  .section9 .mt-18 {margin-top: 0px;margin-bottom: 10px;}
  .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: 60px;height: 60px;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;}
.section17 .mk1 {width: 52%;}
.section19 .mt-108 { margin-top: 34px;}
.section20 .mt-50 {margin-top: 0;}
.section21 .mk1 {justify-content: flex-start;}
.section22 .mk1 img {height: 162px;width: 100%;}



}
@media only screen and (min-width: 767px)and (max-width: 992px) {
  .section1 .container .font72 {
    font-size: 29px!important;
}
.section1 .mt-18 {margin-top: 50px;}

.mt-250 {
  margin-top: 90px;
}
  .section3 {padding-bottom: 40px;background-color: #000000;}
  .section3 .circle {
    width: 120px;
    height: 70px;
}
.section4 .pc {display: none;}
.section4 .mobile {display: block;}
.section4 .container {max-width: 96%;}
.section4 .mt-86 {margin-top: 110px;}
.section4_1 .mk1 {
  margin-top: 60px;
  text-align: left;
}
.section5 .pc {display: none;}
.section5 .mobile {display: block;}
.section5 .mt-86 {margin-top: 160px;}
.section6 .container {max-width: 96%;}
.section9 {text-align: center;}
.section9 .ipad {display: none;}
.section9 .mt-50 {margin-top: 10px;}
.section9 .mt-18 {margin-top: 0px;margin-bottom: 10px;}
.section12 .pc {display: none;}
.section12 .mobile {display: block;}
.section12{padding-bottom: 110px;background-color: #000000;}
  .section12 .mk1{color:#fff;width:100%;float: none;display: block;margin-top:800px; 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 .mk2 {width: 50%;}
.section13 .mk1{color: #fff;}
.section17 .pc {display: none;}
.section17 .mobile {display: block;}
.section17 {padding-top: 80px;}
.section17 .mt-86 {margin-top: 0;}
.section17 .mt-130 {margin-top: 0;}
.section20 .pc {display: none;}
.section20 .mobile {display: block;}
.section20 .container{max-width: 94%;}
.section20 .mt-50 {margin-top: 160px;}
.section21 .mk1 {    justify-content: flex-start;}




}




@media only screen and (max-width: 767px) {
  .font36{font-size:18px;}
  .section13 .font24{font-size: 14px;}


  .section1 .mt-250{margin-top:50px;}
  .section1 .font72{font-size: 19px;}
  .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 .mt-108{margin-top: 84px;}
  .section3 .mk10 .font16{font-size:8px;}
  /* .section3 img{height:300px;} */
  .section3 .mk1div{ flex-direction: column;}
  .section3 .mk1{width:100%;}
  .section3 .mk1:nth-child(1){margin-bottom: 30px;}
  .section3 .mk1:nth-child(2){margin-bottom: 10px;}
  .section3 .circle {width: 50px;height: 50px;}
  .section3 .mk1 .font72{font-size:36px;}
  .section3 .mk1 .font36{font-size:26px;}
  .section3 .mk1 .font16{font-size:8px;}
  .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: 80%;}

  .section4 .mk10 .mt-86{margin-top: 54px;}
  .section4 .mk10 .font16{font-size:8px;}
  .section4 .mk1zi{margin-left: 10px;}
  .section4 .mk1 img {height: 35px;}
  .section4_1 .mk1:nth-child(1) {margin-top: 0px;}
  .section4 .mk1:nth-child(1) img {margin-top: 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: 10px 0px 0px 0px ;}

  .section12{padding-bottom: 140px;background-color: #000000;}
  .section12 .mk1{color:#fff;width:100%;float: none;display: block;margin-top:350px; text-align: center;}
  .section12 .mk2{width:50%;margin-right:0px;}
  .section12 .mt-130{margin-top:0px;}
  .section12 .pt50{margin-top:0px;}
  .section12 .mtb-10-18 {margin: 10px 0px 8px 0px;}


  .section13{background-color: #000000;padding-bottom: 160px;}
  .section13 .mt-130 {margin-top: 10px;}
  .section13 .mk1{color:#fff; text-align: center;margin-top: 350px;}
  .section13 .mk2 .mt-18{margin-top:2px;}
  .section13 .mk2 .font36{font-size: 30px;}
  .sasslist .item .price b {font-size: 26px;}

  .cardItembox ul { flex-flow: wrap;}
  .cardItembox ul li{ margin-bottom: 15px; width: 100%;}
  .cardItembox ul li .itembox  .w-50{ width: auto;}
  .cardItembox ul li a p {position: relative;height: 80px;}
  .section15{max-width: 100%;}


  .section16 .mk1{width:100%;float:none;display: block;text-align: center;height: 60px; line-height: 1px;}
 
  .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: 24px;}*/
  .section18 .mt-86{margin-top:60px;}

  .section19 .container {max-width: 96%;}
  .section19.mt-86{margin-top: 0px;}
  .section19 .mt-86{margin-top:40px;}

  .section19 .mk1{width:50%;}
  .section19 .mt-32{margin-top:32px; font-weight: lighter;}

  .section20 .mtb-26-32{margin-top:12px;margin-bottom: 26px;}

  .section21 {max-width: 95%;}
  .section21 .mr10 {margin-right: 8px;}
  .section21 .mk1{width:48.3%;margin-bottom:10px;margin-top: 10px; justify-content: flex-start;}
  .section21 .mk1 .mk1zi{font-size: 12px;}
  .section21 .mt-86{margin-top: 50px;}
    

  .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;
  }

}