.banner-text-container {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.font72 {
  font-size: 50px;
}
.section2 .container {max-width: 92%;}
.section2 .mk1{width:33%; float: right;}
.section2 .mk1 span i{background-color: #fff;width:6px;height:6px;border-radius: 3px;display: inline-block;margin-right:5px;}


.section3 .circle {float:left;width: 50px;height: 50px;border:1px solid #ccc;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.section3 .mk2{line-height:50px;}
.section3 .mk1left{flex: 1.4;}
.section3 .mk1right{flex:2;}
.section3 .mkdiv{width:50%;}


.section4 .mk1{width:30%; float: right;}
.section4 .mk1 span i{background-color: #fff;width:6px;height:6px;border-radius: 3px;display: inline-block;margin-right:5px;}
.section4 .mk2{float: left;display: block;width:40%;text-align: left;}
.section4 .mk2 img{width: 40px;margin-left:5px;}

.cardItembox ul li{  margin: 0 1px;  overflow: hidden; width: 50%;}
.cardItembox  *{ transition: all 300ms;}
.cardItembox ul li a{ position: relative; display: block; overflow: hidden;}
/*.cardItembox ul li a:hover img{ transform: scale(1.1);}*/
.cardItembox ul li a:hover p{ }
.cardItembox ul li a p{ text-align: center;padding: 5px 0; }

.section8 .mk1left{flex: 2;}
.section8 .mk1right{flex:1;}
.section8 .mkdiv{width:80%;}

.section9 .mk1left{flex: 1.1;}
.section9 .mk1right{flex:1.7;}
.section9 .mkdiv{width:50%;}

.section10 .mk1left{flex: 2;}
.section10 .mk1right{flex:1.05;}
.section10 .mkdiv{width:80%;}


.section11 .circle {float:left;width: 50px;height: 50px;margin-right:10px;border:1px solid #000;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.section11 .mk1{height: 50px; line-height: 50px;margin:20px 0;}

.section12 {background-color: #ffffff;}
.section12 .mk1{margin:20px;padding:10px;background-color: #fff;}


.section13 {background-color: #f9f9f9;}
.section13 .mk2 span{flex:1;margin-top:20px;}
.section13 .mk2 span i{background-color: #000;width:10px;height:10px;border-radius: 5px;display: inline-block;margin-right:5px;}

.section14 {background-color: #f9f9f9;}
.section14 .mk3 .circle {margin-bottom:20px;width: 100px;height: 100px;border:1px solid #000;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.section14 .mk3{width:25%;  text-align: center; float: left;display: flex; align-items: center;justify-content: center;}

.section15 {background-color: #f9f9f9;}

.section16 .mk1left{flex: 1;}
.section16 .mk1right{flex:1.7;}
.section16 .mkdiv{width:50%;margin-left:20%;}

.section18 .mk1left{flex: 0.6;}
.section18 .mk1right{flex:2;}

.section19 .mk3 .circle {margin-right:10px;width: 80px;height: 80px;border:1px solid #ccc;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.section19 .mk3{margin:20px 20px;margin-top:40px; text-align: center;height:80px;line-height: 80px;}


/*@media only screen and (max-width: 1576px) {*/

/*}*/
@media only screen and (max-width: 1400px) {

  .section3 .mkdiv{width:70%;}
  .section9 .mkdiv{width:70%;}
  .section16 .mkdiv{width:70%;}

}
@media only screen and (max-width: 1200px) {

  .section11 .font18{font-size: 14px;}

}
@media only screen and (max-width: 1054px) {

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

  .mkdiv{width:90%;}

  .section11 {flex-direction: column;}

}
@media only screen and (min-width: 992px)and (max-width:1024px) {
  .section1 .line35 {line-height: 50px;}
  .section2 .mt-130 { margin-top: 40px;}
  .section2 .mt-50 { margin-top: 20px;}
  .mt-50 {
    margin-top: 20px;
}
.section2 .mk1 {
  width: 29%;}
  .section4 .mt-250 {
    margin-top: 70px;
}
.section6 .cardItembox ul li {
  margin-bottom: 15px;
  width: 49%;
}
.section7 .cardItembox ul li {
  margin-bottom: 15px;
  width: 49%;
}
.section4 .mk2 {text-align: center;}
.section19 {flex-wrap: wrap;}
.section19 .mk3 {
  margin: 20px 20px;
  margin-bottom: 10px;
  text-align: left;
  height: 80px;
  line-height: 80px;
  width: 40%;
}
}
@media only screen and (min-width: 768px)and (max-width:992px) {
  .pc {display: none;}
  .mobile {display: block;}
  .font36 {font-size: 28px;}
  .font16 {font-size: 16px;}
  .font18 {font-size: 18px;}
  .line20 {line-height: 30px;}
  /* .container {max-width: 90%;} */

  .section1 .mt-250{margin-top:490px;}
  .section1 .mt-86{margin-top:40px;}
  .section1 .mt-86{margin-top:40px;}
  .section1 .mt-12{background-color: #016dff;padding: 6px;width:45%;}
  .section1 .font72{font-size: 56px;margin-left: 30px;}
  .section1 .font24{font-size: 20px;margin-left: 30px;margin-top: 30px;}
  .section1 .line35 {line-height: 55px;}

  .section2 {padding-bottom: 200px; background-color: #1a1a1b;}
  .section2 .font36 {font-size:24px; text-align: center;}
  .section2 .font24 {margin-left: 5%;}
  .section2 .mr10 {margin: 0 7% 0 5%;}
  .section2 .mt-50 {margin-top: 20px;}
  .section2 .mk1{width:100%; margin-top: 820px;text-align: center;}
  .section2 .mt-130{margin-top:40px;}
  .section2 .font24{font-size: 20px;}

  .section3 .mk1left{position: absolute;color:#ffffff;width: 100%;top: 900px;}
  .section3 .mk_2 {margin: auto;}
  .section3 .mk2 {width: 60%;padding: 0%;}
  .section3 .mk2:nth-child(1) {margin-left: 50px;}
  .section3 .mk2 span {margin-right: 20px;}
  .section3 {flex-direction: column;padding:0px;}
  .section3 .text-left {text-align: center;}

  .section4 .container {max-width: 96%;}
  .section4 {padding-top: 30px; background-color: #09080b;}
  .section4 .font16 {font-size: 16px;}
  .section4 .mk1{ width: 100%; float: right;}
  .section4 .mk2{text-align: center; width: 20%;}
  .section4 .mk2:nth-child(1) {margin-left: 28%;}
  .section4 .mk2 img {width: 30px;margin-left: 0px;}
  .section4 .mt-250{margin-top:100px;}
  .section4 .text-left {text-align: center;}

  .section5 .mt-50 {margin-top: 120px;}

  .section6 {position:relative; color: #ffffff;max-width: 100%;}
  .section6 .mk1top1 {position: absolute;top: 96px; margin-left: 23%;}
  .section6 .mk1top2 {position: absolute;top: 176px;margin-left: 2%;}
  .section6 .mk1bottom {position: absolute;bottom: 60px;max-width: 100%;width: 100%;}
  .section6 .mk1bottom span { margin: 8px 5% 8px 5%; color: #ffffff;}


  .section7 {max-width: 100%;}
  .section7 .mt-86{ margin-top: 10px!important;}
  .section7 .mtb-26-32{ margin:24px 0px 18px 0px;}
  .section7 .cardItembox ul li a p{ text-align: center;padding: 10px 0 0 0; }
  .section7_1{position: absolute; top:120px;left: 36%; color: #ffffff;}
  .section7_2{position: absolute; top:160px;left: 50px; color: #ffffff;}

  .section8 {flex-direction: column;margin-top: 0px!important;padding-top: 0px; background-color: #09080b;}
  .section8 .mt-86 {margin-top: 80px;}
  .section8 .mkdiv{width:100%;text-align: center;}
  .section8 .mt-50{ margin-top:15px;}
  .section8 .mk1right{position: absolute; top:10px;color: #ffffff;}

  .section9 {flex-direction: column;padding:0px 0px;margin-top: 0px;}
  .section9 .mk1left{position: absolute; top:80px;color: #ffffff;left: 80px;width: 45%;}

  .section9 .mkdiv.mt-32{ margin-top:2px;margin-bottom: 26px;}

  .section9 .mkdiv{width:100%; }
  .section9 .mkdiv.mt-86 {margin-top: 30px;}

  .section10 {flex-direction: column;margin-top: 0px; align-items: flex-start;padding-top: 40px;background-color: #09080b;}
  .section10_1{position: absolute; top:160px;color: #ffffff;left: 30px;}
  .section10 .mk1right{position: absolute; top: 180px;color: #ffffff;left: 0%;}
  .section11_1 .colorblue {
    color: #ffffff;
}

  .section11 {flex-direction: column;
    
}
  .section11 .mk1 {margin:30px 0px 10px 5%;height: 50px;
    line-height: 50px;
   }
   .section10 .mt-32 {margin-top: 0px;}
   .section10 .mt-86 {margin-top: 20px;}
   .section11 .circle {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

  .section12 .mk2{flex-direction: column;}

  .section13 .mk2 span {margin: 10px 2px 0 0;}
  .section13 .font36 {font-size: 18px;}
  .section13 .text-center {text-align: left;margin-left: 30px;}
  .section13 .d-flex {flex-direction: column;align-items: flex-start;}

  .section14 .mk3{width:calc( 50% - 20px );margin-bottom:30px;}
  .section14 .ptb50{padding: 6px;}
  .section14 .mk3 .circle {margin-bottom:0px; width: 80px;height: 80px;}
  .section14 .mk3 .circle .font36{font-size: 24px;}
  .section14 .mt-86 {margin-top: 50px;}
  .section14 .line20 {line-height: 16px;}
  .section14 .colorblue {
    color: #09080b;
}

  .section15 .container{max-width: 100%;}
  .section15 .mt-86{margin-top:90px;}
  .section15 .mtb-26-32{ margin:20px 0px 20px 0px;}
  .section15 .font36{position: absolute; top: 30px;color: #09080b;left: 23%;}
  .section15 .font18{position: absolute; top: 160px;color: #09080b;}
  .section15_1 .line25 {line-height: 30px;}



  .section16 {flex-direction: column;padding:0px;margin-top: 0px;}
  .section16 .text-left {text-align: center;}
  .section16 .mkdiv{width:100%;margin-left:50%;margin-top: 20px;}
  .section16 .mt-86{margin-top: 016px;}
  .section16 .mk1left{position: absolute; top: 60px;color: #ffffff;}
  .section16_1 .line25 {line-height: 30px;}


  .section17 {background-color: #016dff;color: #ffffff;padding-top: 50px; max-width: 100%;}
  .section17 .container{max-width: 100%;}
  .section17 .mtb-26-32{ margin:16px 20px 20px 20px;}
  .section17 .line25 {line-height: 30px;}

  
  .section18.mt-108{ margin-top: 0px; }
  .section18 {width:100%;float:none;padding-top:0px ;}
  .section18 .container{position: absolute; top: 120px;color: #09080b;left: 6%;}
  .section18 .line25 {line-height: 45px;}

  .section19{  flex-wrap: wrap;margin-top: 20px;}
  .section19 .mk3 {width: 45%;    margin: 10px 0px;    text-align: center; height: 110px;
    line-height: 60px;}
  .section19 .mk3 .circle {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}



  /* .section24 .mt-108{ margin-top: 86px; margin-bottom: 20px;} */
  .section24 .mtb-26-32{ margin:86px 0px 20px 0px;}


  .cardItembox ul { flex-flow: wrap;}
  .cardItembox ul li{ margin-bottom: 15px; width: 100%;}
  .cardItembox ul li .itembox  .w-50{ width: auto;}
}
@media only screen and (max-width: 767px) {
.font36 {font-size: 16px;}
  .line25 {
    line-height: 18px;
}
.section1 .mt-250 {margin-top: 120px;}
.section1 .mt-86{margin-top:20px;}
.section1 .mt-12{background-color: #016dff;padding: 3px;width:53%;}
.section1 .font72{font-size: 24px;margin-left: 10px;}
.section1 .font24{font-size: 14px;margin-left: 10px;}
  

  .section2 {padding-bottom: 200px; background-color: #1a1a1b;}
  .section2 .mk1{width:100%; max-width: 100%;position: absolute;top: 426px;}
  .section2 .mt-130{margin-top:20px;}
  .section2 .mt-50{margin-top:10px;}
  .section2 .mr10{margin-top:6px;line-height: 18px;}
  /* .section2 span {display: block; margin-top: 8px;} */
  .section2 .font24 {font-size: 12px;}
  .section2 .font36 {font-size: 16px;text-align: center;}


  .section3 .mkdiv {width: 80%;}
  .section3 .mk1left {position: absolute;color:#ffffff;top: 440px;}
  .section3 .mt-32 {margin-top: 10px;}
  .section3 .mt-50 {margin-top: 15px;}
  .section3 .line20 {line-height: 15px;}
  .section3 .circle {width: 40px;height: 40px;}
  .section3 .font36 {text-align: center;}
  .section3 .font18 {text-align: center;}
  
  .section3 {flex-direction: column;}
  .section4 .mk1{width:100%; float: right;}
  .section4 .mk2{width:49%;text-align: center;}
  .section4 .mt-250{margin-top:20px;}
  .section4 .text-left {text-align: center;}
  .section4 .mk2 img {width: 26px;margin: 0 auto;}


  .section5 .mt-50 { margin-top: 60px;}

  .section6 {max-width: 100%;position:relative; color: #ffffff;}
  .section6 .mk1top1 {position: absolute;top: 20px; margin-left: 17%;}
  .section6 .mk1top2 {position: absolute;top: 66px;margin-left: 0%; width: 96%;}
  .section6 .mk1bottom {position: absolute;bottom: 2px;max-width: 100%;width: 60%;text-align: left; margin: 0;left: 24%;}
  .section6 .mk1bottom  .font16{ margin: 8px 5% 8px 5%; color: #ffffff;}
  .section6 .cardItembox ul li a p {
    padding: 8px 0 0;
}

  .section7 {max-width: 100%;position:relative; color: #ffffff;}
  .section7 .section7_1 {position: absolute; top: 40px;left: 36%; text-align: center;}
  .section7 .section7_2 {position: absolute; top: 70px;}
  .section7 .mt-86{ margin-top: 10px!important;}
  .section7 .mtb-26-32{ margin:8px 0px 18px 0px;}
  .section7 .cardItembox ul li a p{ text-align: center;padding: 10px 0 0 0; }

  .section8 {flex-direction: column;margin-top: 0px!important;}
  .section8 .mkdiv{width:100%;}
  .section8 .mt-50{ margin-top:10px;}
  .section8 .mt-86{ margin-top:10px;}
  .section8 .text-left {text-align: center;}
  .section8 .mk1right{position: absolute; top: 0px;color: #ffffff;text-align: center;}


  .section9 {flex-direction: column;padding:0px 0px;margin-top:0px;}
  .section9 .mk1left{position: absolute; top: 30px;color: #ffffff;text-align: center;}
  .section9 .mkdiv.mt-32{ margin-top:2px;margin-bottom: 26px;}
  .section9 .mkdiv{width:90%;}
  .section9 .mkdiv.mt-86 {margin-top: 10px;}

  .section10 {flex-direction: column;margin-top: 0;}
  .section10 .mkdiv {width: 100%;}
  .section10 .mt-86 {margin-top: 10px;}
  .section10 .mk1right{position: absolute; top: 20px;left:20px;color: #ffffff;text-align: center;}
  .section11_1 .section11{position: absolute; top: 150px;color: #ffffff;left: 0px;}
  .section11_1 .colorblue {
    color: #ffffff;
}
.section11 .circle {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.section11 .font18 {
  font-size: 12px;
}


  .section11 {flex-direction: column;}
  .section11 .mk1 {margin:10px 40px 10px 0px;line-height: 18px;height: 30px;text-align: left;}
  .section12 .mk2{flex-direction: column;}
  .section12 .mk1 {
    margin: 0px;
    padding: 10px;
    background-color: #fff;
}
.section13 .mt-50 {margin-top: 50px;}

  .section13 .mk2{    flex-direction: column; text-align: left;}
  .section13 .mk2 span {margin: 6px 2px 0;}

  .section14 .mk3{width:calc( 55% - 20px );margin-top:10px;}
  .section14 .ptb50{padding: 0px;}
  .section14 .mk3 .circle {margin-bottom:0px; width: 66px;height: 66px;}
  .section14 .mk3 .circle .font36{font-size: 24px;}
  .section14 .mt-86 {margin-top: 50px;}
  .section14 .line20 {line-height: 16px;}
  .section14 .colorblue {
    color: #09080b;
}

.section15 .container{max-width: 100%;width: 100%;}
  .section15 .mt-86{margin-top:40px;}
  .section15 .mtb-26-32{margin: 0px;}
  .section15 .font36 {position: absolute;top: 5px;left: 17%;}
  .section15 .font18 {position: absolute;top: 70px;width: 80%; left: 8%;}

  .section16 .mk1left{position: absolute;color: #ffffff; top: 50px;}
  .section16 {flex-direction: column;padding:0px;margin-top: 0px;}
  .section16 .text-left {text-align: center;}
  .section16 .mkdiv{width:90%;margin-left:0%;}
  .section16 .mt-86{margin-top: 10px;}
  .section16 .mt-12 {margin-top: 4px;}

  .section17 {max-width: 100%; width: 100%;background-color: #016dff;color: #ffffff;padding-top: 10px;}

  .section17 .mtb-26-32{ margin:6px 0px 20px 0px;}
  
  .section18.mt-108{ margin-top: 0px; }
  .section18 {width:100%;float:none;padding-top:0px ;}
  .section18 .container{position: absolute; top: 50px;left:16px;color: #09080b;}

  .section19 {max-width: 90%;    flex-wrap: wrap;}
  .section19 .mk3 {width: 35%;line-height: 16px;    margin: 20px 20px 0;}
  .section19 .mk3 .circle  {width: 66px;height: 66px;}


  /* .section24 .mt-108{ margin-top: 86px; margin-bottom: 20px;} */
  .section24 .mtb-26-32{ margin:66px 0px 20px 0px;}


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