.banner-text-container {position: absolute;top: 0;left: 0;width: 100%;height:100%;z-index: 10}
.banner-text-container2 {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.banner-text-container3 {position: absolute;bottom: 50px;left: px;width: 100%;;}
.banner-text-container4 {position: absolute;top: 0;left: 0;width: 50%;height:100%;z-index:1;}


.ipad {display: none;}
.font56 {font-size: 36px;}
.font16 {font-size: 16px;}
.section2 {background-color: #151515;padding:20px 0px;}
.section2_1{}

.section2 .mk1{float:left;width:11%;font-weight:bold;font-size:14px;height:130px; display:inline-flex;align-items:center;text-align:center;flex-direction: column; line-height:20px;padding-top:10px;color:#fff;}
/*.section2 .mk1:first-child{align-items:flex-start;}*/
/*.section2 .mk1:last-child{align-items:flex-end;width: 12%;}*/
.section2 .mk1 .mk1img{display:inline-flex;align-items:center; height:50px;line-height: 50px;margin-bottom:20px;}


.section3 .mk1 {font-size:16px; display:inline-flex;align-items:center;flex-direction: column; line-height:20px; margin-left:40px;margin-right:40px;float:left;margin-top:30px;}
.section3 .mk1 .mk1img{display:inline-flex;align-items:center;width: 50px; height:50px;line-height: 50px;margin-bottom:10px;}
.section3_1 {margin-right:12%;padding-bottom:50px;}

.section5_1{width: 47%;float: right;}

.section5{background-color: #070a11;}


.section6{background-color: #ebebe9;}
.section6 .mk1left{flex:1.5;}
.section6 .mk1left img{width:100%;max-width: 1100px;}
.section6 .mk1right{flex:1.2;align-items: stretch;margin-left: 5%;}
.section6 .mkdiv{width: 80%;}
.section6 .pc .mkdiv{width: 100%;}
.section6 .mk2 {padding-right:50px;}
.section6 .mk2:last-child{padding-left:50px;border-left:1px solid #333333;}
.section6 .mk3{margin:10px;}
.section6 .mk3 img{ margin-bottom: 10px;width: 264px;height: 169px;}

.section7{background-color: #f2f2f2;}

.section8 {background-color: #0e162e;}
.section8 .section8_1{width: 40%;}
.section8 .mk1{width: calc(48% - 20px);border: 1px solid #EFEFEF;margin:10px;padding: 15px 5px;text-align: center; display: block; float: left; line-height: 25px;}

.section10 {background-color: #f3f4f4;}
.section10 img{width:100%;max-width: 1400px;}

.section11 {background-color: #ffffff;}
.section11 img{width:100%;max-width: 1100px; float: right;margin-top:30px;}

.section12 {background-color: #f3f4f4;}
.section12_1 .mk1 {margin:10px;}
.section12_1 .mk1 div{height:35px; line-height: 35px;}

.section13 {background-color: #3a3a3a;}
.section13 .mk1left{position: absolute; bottom: 0px; left: 10%; z-index:5;}
.section13 .mk1right{position: absolute; bottom: 0px; right: 10%; z-index:5;}
.section13 .mk1left img{ width: 400px;}
.section13 .mk1right img{ width: 220px;}



.section14 {background-color: #3a3a3a;}
.section14 .mk1{flex:1;padding:10px;}
.section14 p{height:60px;}

.section15 { background-color: #0a0e19;}
.section15_1{width: 60%;margin-left: 50%;}
.section15 .mk1 span{ border:1px solid #efefef; border-radius: 10px;font-size: 14px; margin: 10px 20px 0px 0px;padding:5px 10px;}

.section16{background-color: #1b1b1b;}

.section17 .mk1{margin:30px 60px;}

.section18_1 .mk1{width:15.66%;background-color: #f2f2f2;margin-right:10px;margin-top:10px;float:left;}
.section18_1 .mk1 .img{width: 100%;}
.section18_1 .mk1:last-child{margin-right:0px;}
.section18_1 .mk1 .text{height:60px;line-height: 60px;font-size: 18px;}

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


}



@media only screen and (max-width: 1400px) {
  .section5_1 .mt-86{margin-top:30px;}

  .section13 .mk1left img{ width: 300px;}
  .section13 .mk1right img{ width: 150px;}

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

  .section5_1 .font36{font-size:18px;}

  .section13 .mk1left img{ width: 270px;}
  .section13 .mk1right img{ width: 180px;}



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

  .h50vh{height:50vh;}
  .h40vh{height:40vh;}

  /*.section2{width:800px;}*/



  /*.section12 .mk1{width:30%;}*/

  /*.section5_1{width: 60%;}*/
  .section5_1 .mt-32{margin-top:10px;}



  .section6 .mk1left{flex:1;}
  .section6 .mkdiv{ width: 96%;}



  .section13 .mk1left { left: 5%;}
  .section13 .mk1right { right: 5%;}
  .section13 .mk1left img{ width: 180px;}
  .section13 .mk1right img{ width: 100px;}

  .section15 .mt-50 {margin-top:30px;}
  .section15 .mk1 span{ font-size: 14px; margin: 5px 10px 0px 0px;padding:5px 5px;float:left;}



}


@media only screen and (min-width: 992px)and (max-width: 1024px) {
  .web {display: block;}
.ipad {display: block;}


.section3 .pc {display: none;}
.section13 .pc {display: none;}
.section16 .pc {display: none;}
  .font14 {font-size: 10px;}
  .section2 {
    background-color: #151515;
    padding: 20px 0px 50px;
}
  
  .h86 {height: 56px;}
  .section3_1 {
    margin-right: 2%;
    padding-bottom: 50px;
    width: 60%;
}
.section3 .mk1{font-size: 10px;}
.section3 .mk1 .mk1img {width: 40px;height: 40px;}
.section4 .mt-32 {margin-top: 12px;}

.section4 .mt-86 {margin-top: 22px;}
.section6 .mkdiv {
  width: 100%;
  text-align: center;
}
.section6 .alignStart {justify-content: space-evenly;}
.section6 .mkdiv {margin-top: 10px;}
.section6 .mk3 img {
  margin-bottom: 10px;
  width: 224px;
  height: 149px;
}
.section11 .pc {display: none;}
.section12_1 .mk1 div {
  height: 35px;
  line-height: 20px;
}
.section13 .mt-32 {margin-top: 12px;}
.section14 p {
  height: 80px;
}
.section15 .mt-86 {margin-top: 0;}
.section15 .mt-18 {margin-top: 8px;}
.section15 .mk1 span {
  font-size: 14px;
  margin: 10px 30px 0px 0px;
  padding: 10px 10px;
  float: left;
}

.section18_1 .mk1 {
  width: 15.56%;}
  .section18_1 .mk1:nth-child(1) .text {line-height: 30px;}
  .section18_1 .mk1:nth-child(6) .text {line-height: 30px;}
}
@media only screen and (min-width: 767px)and (max-width: 992px) {
  .pc {display: none;}
  .mobile {display: block;}
  .font16 {font-size: 16px;}
  .font24 {font-size: 22px;}
  .font14 {
    font-size: 16px;
}
  .font56 {
    font-size: 30px;
    margin-top: 20px;
}
  .section1 .d-flex {justify-content: flex-start;}

  .section1 .banner-text-container {margin-top: 80px;}
  .section3 .d-flex {justify-content: flex-start;}
  
  .section2 {text-align: center;}
  .section2  .mk1 {width: 33%;height: 100px;padding-top: 0px;}
  .section2  .mk1 img {width: 70%; padding-top: 0px;}
.section2 .mk1 .mk1img{margin-bottom: 10px;}

  .section4_1{width: 100%;}
  .section3 {padding-top: 300px; }
  .section3 .font36 {
    font-size: 28px;
    margin-top: 30px;
}
  .section3_1 .mk1 .mk1ing {width: 10px;}
  .section3_1 .mk1 {font-size: 15px; width:25%; float: left;margin-left:0px;margin-right:0px; margin-top: 0px;};
  .section3_1 {width:100%;}
  .section3 .section3_1 {
    margin-right: 0%;
}
  .section3_2{width:100%; display: block;}

  .section4 .banner-text-container{background:none;}
  .section4 .mt-86 {margin-top: 120px;}
  .section4 .mt-32 {padding-top: 20px;}
  .section5 .banner-text-container{position: relative;padding:20px 0px;}
  .section5 { flex-direction: column;}
  .section5 .section5_1{width: 100%; text-align: center;}

  .section5_1 .font36 {
    font-size: 24px;
}

  .section6 .mkdiv{ width: 100%;}
  .section6{ flex-direction: column;}
  .section6 .mk1right{padding:50px 0px; text-align: center;}
  .section6 .mk2 {padding-left: 37%;}
  .section7_1{ flex-direction: column;}

  .section8 .banner-text-container{position: relative;padding:20px 0px;}
  .section8 { flex-direction: column;}
  .section8 .section8_1{width: 100%;}
  .section8 .mk1 {height: 108px;}

  .section9 {padding-top: 60px;background-color: #0a0e19;}
  .section9 .mt-86{margin-top: 130px;}

  .section11 .container {max-width: 94%;}
  .section12_1{ flex-direction: column;}
  .section14_1{ flex-direction: column;}


  .section13 .h86{height:0px;}
  .section13 .mk1left img{ width: 400px;}
  .section13 .mk1right img{ width: 190px;}
  .section13 .line25{ line-height: 35px;}
  .section13 .font24 {margin-top: 130px;}
  .section13 .mt-18 {margin-top: 30px;}

  .section14 .mk1 {padding: 10px 0px;}
  .section14 .mk1 .mk1ph {height: 20px;}
  .section14 p {height: 40px;}

  .section15 .mt-50 {margin-top:10px;}

  .section15 .banner-text-container{position: relative;padding:20px 0px;}
  .section15 { flex-direction: column;}
  .section15 .section15_1{width: 100%;}

  .section16 .banner-text-container{position: absolute;padding:20px 0px;}
  .section16 .mt-86 {margin-top: 110px;}

  .section18 .pt50{padding-top: 10px;}
  .section18_1 .mk1{width:31.88%;}
  .section18_1 .mt-50 {margin-top: 10px;}
  .guigecanshu {margin-top: 20px;}
}



@media only screen and (max-width: 767px) {
  /* .section1 img {height: 260px;} */
  .section1 .banner-text-container {
    position: absolute;
    top: 26px;
    left: 0;
    width: 100%;
    height: 30%;
    z-index: 10;
}
.font36 {font-size: 18px;}
.font16 {font-size: 11px;}
  .line25 {line-height: 20px;}
  .section1 .mt-18 {margin-top: 6px;}
  .section1 .font56 {font-size: 18px;}
  .section1 .font24 {font-size: 14px;}
  .section2 {text-align: center;}
  .section2_1{max-width: 100%;}
  .section2  .mk1 {width: 33%;height: 100px;padding-top: 0px;font-size: 12px; line-height: 15px;}
  .section2  .mk1 img {width: 70%; padding-top: 0px;}
  .section2 .mk1 .mk1img{margin-bottom: 0px;}
  .section2 .mk1 span {font-size: 12px; font-weight: 400;}

  .section3 {padding-top: 66px;}
  .section3 .mk1 {margin-top: 0px;line-height: 15px;}
  .section3 .banner-text-container{position: relative;height:220px;background-color: #ffffff;;}
  .section3 .mk1img img {max-width: 50%; margin: 0 auto;}
  .section3 .mk1 .mk1img{margin-bottom: 0px;}
  

  .section3_1 .mk1 .mk1ing {width: 10px;}
  .section3_1 .mk1 {font-size: 12px; width:25%; float: left;margin-left:0px;margin-right:0px;};
  .section3_1 {width:100%;}
  .section3 .section3_1 {
    margin-right: 0%;
    padding-bottom: 50px;
}
  .section3_2{width:100%; display: block;}
  .section4_1{width: 100%;}
  .section4 .font16 {font-size: 13px;}
  .section4 .banner-text-container{background:none;}



  .section5 .banner-text-container{position: relative;padding:20px 0px;}
  .section5 { flex-direction: column;}
  .section5 .section5_1{width: 100%; text-align: center;}

  .section5_1 .mt-86 {margin-top: 25px;margin-bottom: 15px;}
  .section5_1 .line25 {line-height: 15px;}
  .line25 {line-height: 18px;}

  .section6 .mkdiv{ width: 98%;}
  .section6{ flex-direction: column;}
  .section6 .mk1right{padding:20px 0px; text-align: center;}
  .section6 .mk2 {padding-left: 30px;text-align: center;margin: auto;}
  .section6 .mk2 .font24 {font-weight: bold;}
  .section6 .mk3 {height: 164px;}
  .section6 .mk3 img {height: 110px;}

  .section7_1{ flex-direction: column;}
  .section7 .mt-86 {margin-top: 50px;}
  .section7 .ptb50 {padding: 20px 0;}

  .section8 .banner-text-container{position: relative;padding:20px 0px;}
  .section8 { flex-direction: column;}
  .section8 .mk1 {height: 105px; line-height: 18px;}
  .section8 .section8_1{width: 100%;}

  
  .section9 .mt-86{margin-top: 40px;}
  .section9 .font16 {font-size: 13px;}
  .section9 .font36 {font-size: 16px;}
  .section9 .line25 {line-height: 20px;}

  .section12_1{ flex-direction: column;}
  .section12 .font16 {margin-top: 10px;}
  .section12_1 .mk1 div {height: 35px;line-height: 20px;}
  
  .section13 .h86{height:60px;}
  .section13 .mk1left img{ width: 120px;}
  .section13 .mk1right img{ width: 70px;}

  .section14_1{ flex-direction: column;}
  .section14 .mk1 {padding: 10px 0px;}
  .section14 .mk1 .mk1ph {height: 20px;}
  .section14 p {height: 40px;}
  .section14 .mk1 span {margin-top: 16px;}
  .section14 .mt-18 {margin-top: 8px;}
  .section15 .mt-50 {margin-top:10px;}
  .section15_1 {margin-left: 0%;}
  .section15 .banner-text-container{position: relative;padding:20px 0px;}
  .section15 { flex-direction: column;}
  .section15 .section15_1{width: 100%;}

  .section16 .banner-text-container{position: absolute;padding:0px 0px;}

  .section17 .mk1{margin:30px 20px;}

  .section18_1 .mk1 .text {height: 34px;line-height: 34px;font-size: 13px;}
  .section18_1 .mk1:nth-child(6) .text {height: 34px;line-height: 15px;font-size: 13px;}
  .section18 .pt50{padding-top: 10px;}
  .section18_1 .mk1{width:30%;}
  .section18_1 .mt-50 {margin-top: 10px;}
  .guigecanshu {margin-top: 20px;}
}


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



}