.subBg .sliderTxt{

    font-size: 60px;

    font-weight: bold;

    color: #FFFFFF;

}

.abCon h2{

    width: 504px;

    font-size: 40px;

    font-weight: bold;

    color: #FFFFFF;

    margin: auto;

}

.abCon p{

    width: 504px;

    font-size: 15px;

    font-weight: 500;

    color: #868686;

    line-height: 26px;

    margin: 3.7vw auto 0 auto;

}

.abm{margin-bottom: 50px;}

.abConPic img{width: 100%;}

.abNav{

  /* border-bottom: 6px solid #484848; */

}

.abLine{

  width: 100%;

  height: 6px;

  background: #484848;

  position: absolute;

  bottom: 0;

  left: 0;

}

.abNav ul{

  overflow-x: auto;

  white-space: nowrap;

}

.abNav ul li{

    display: inline-block;

    vertical-align: middle;

    padding: 16px 20px;

    font-size: 16px;

    font-weight: bold;

    color: #FFFFFF;

    position: relative;

    cursor: pointer;

}

.abNav ul li::after{

    content: '';

    display: block;

    width: 100%;

    height: 6px;

    background: #DD137B;

    position: absolute;

    bottom: 0;

    left: 0;

    opacity: 0;

    transition: .4s;

    z-index: 99;

}

.abNav ul li.active::after{

    opacity: 1;

}

.abBottom h4{

    font-size: 25px;

    font-weight: bold;

    color: #FFFFFF;

    margin-bottom: 25px;

    text-align: center;

}

.abSwiper{margin-top: 39px;}

.abSwiper{display: none;}

.abSwiper.active{display: block;}

.abSwiper .swiper-slide{

  width: 60%;

}

.abSwiper .swiper-slide img{ width:100%}

.swiperCon{

  background: #000000;

  padding: 3.3vw 0 6.7vw 5.2vw ;

  opacity: 0;

  transition: .4s;

}

.abSwiper .swiper-slide-active .swiperCon{opacity: 1;}

.abSwiper .swiper-button-prev,.abSwiper .swiper-button-next{

  position: absolute;

  border:0;

  margin: 0;

  top: 30%;

}

.abSwiper .swiper-button-next:after,.abSwiper .swiper-button-prev:after {

  font-size: 35px!important;

}

.abSwiper .swiper-button-prev{

  left: 15.5%;

}

.abSwiper .swiper-button-next{

  right: 15.5%;

}

.swiperCon p{

  font-size: 16px;

  font-weight: bold;

  color: #FFFFFF;

}

.swiperCon h3{

  font-size: 30px;

  font-weight: bold;

  color: #FFFFFF;

  margin: 15px 0 34px;

}

.swiperCon .swiperTxt{

  font-size: 16px;

  font-weight: 500;

  color: #FFFFFF;

}

.mb{ display:none}



@media (max-width:1024px) {

    .flex{flex-wrap: wrap;}

    .abLeft,.abRight{

        width: 100%;

    }

}



@media (max-width:992px) {

  .abSwiper .swiper-slide{margin: 0 30px!important;}

  .abSwiper{margin-left: -15px;margin-right: -15px;}

  .abSwiper .swiper-button-prev, .abSwiper .swiper-button-next{display: none;}

  .swiperCon{padding: 15px;}

  .swiperCon h3 {

    font-size: 18px;

    margin: 15px 0;

  }

  .abCon p{

    width: auto;

    margin-bottom: 30px;

  }

  .abCon h2{width: auto; font-size:30px;margin-top: 20px;}

}



@media (max-width:768px) {

	.subBg .sliderTxt{ font-size:45px;}

	.abm:nth-child(2) .abConPic{ display: none}

	.abm:nth-child(2) .mb{ display:block !important}

	}



@media (max-width:767px) {



  .abSwiper .swiper-slide{margin: 0 10px!important;}





    .subCon h1 {

        font-size: 20px;

        margin-top: 10px;

    }

    .subCon p {

        font-size: 18px;



    }

    .abw1Title{

        width: auto;

        font-size: 20px;

        line-height: 36px;

        margin-bottom: 20px;

    }

}







@media (max-width:640px) {}



@media (max-width:480px) {

	

	  .abCon h2{font-size:22px;}

	  .abCon p{ font-size:14px; line-height:22px;}

 .subBg .sliderTxt {

    font-size     : 30px;

    letter-spacing: 0;

  }

  .abBottom h4{ font-size:20px;}

  .abSwiper .swiper-slide{ width:100%;}

  .swiperCon{ padding:10% 5%}

  .swiperCon .swiperTxt{ font-size:13px;}

  





}



@media (max-width:320px) {}