#main_content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2%;
  padding-bottom: 2%;
  background-color: #F3F1F2;
}
#pro_nav{
  margin-top: 5%;
}
#pro_nav li{
  margin-right: 4% !important;
  padding: 0 4%;
}
#pro_nav li:hover{
  border: 1px solid #6ad9d4;
}

.nav-tree li.active{
  border: 1px solid #6ad9d4 !important;
}
#son_list{
  border: 1px solid #cccfce;  padding: 10%;
  transition: all 0.5s ease; 
  position: relative;
}
#son_list h1{
  text-align: left;
}
.son_list_kw_img img{
    height: 12vw;
    width: auto !important;
}
#son_list:hover{
  background-color: #f9f9f9;
}
.list_left{
  position: absolute;
  right: 20%;
  bottom: 38%;
  transition: all 1s ease-in-out;
}
.list_left:hover{
  cursor: pointer;
}
.list_left a{
  width: 100%;
}
.into_cour a{
  font-size: 1vw !important;
  line-height: 2.5vw;
}

.swiper-pagination-bullet{
  
  width: 1vw !important;height: 1vw !important;
  opacity:1 !important;
  margin-right: 7%;    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,5px) !important;
}

#pagination-150 .swiper-pagination-bullet:nth-of-type(1),#pagination-206 .swiper-pagination-bullet:nth-of-type(1){
  background: linear-gradient(180deg, #EC3FAA 0%, #6AD9D4 100%);
}
#pagination-150 .swiper-pagination-bullet:nth-of-type(2),#pagination-206 .swiper-pagination-bullet:nth-of-type(2){
  background: linear-gradient(180deg, #6AD9D4 0%, #FF7700 100%);
}
#pagination-150 .swiper-pagination-bullet:nth-of-type(3),#pagination-206 .swiper-pagination-bullet:nth-of-type(3){
  background: linear-gradient(180deg, #DFF3BD 0%, #91D500 100%);
}
#pagination-150 .swiper-pagination-bullet:nth-of-type(4),#pagination-206 .swiper-pagination-bullet:nth-of-type(4){
  background: linear-gradient(180deg, #657F98 0%, #002454 100%);
}
#pagination-150 .swiper-pagination-bullet:nth-of-type(5),#pagination-206 .swiper-pagination-bullet:nth-of-type(5){
  background: linear-gradient(180deg, #C9C4BD 0%, #4F352A 100%);
}
#pagination-150 .swiper-pagination-bullet:nth-of-type(6),#pagination-206 .swiper-pagination-bullet:nth-of-type(6){
  background: linear-gradient(180deg, #000000 0%, #000000 100%);
}
.swiper-pagination-bullet-active{
  transform: scale(1.1);
}
/* #pagination-150 .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active,#pagination-206 .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #6AD9D4;
}
#pagination-150 .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active,#pagination-206 .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #FF7700;
}

#pagination-150 .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active,#pagination-206 .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #91D500;
}

#pagination-150 .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active,#pagination-206 .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #002454;
}

#pagination-150 .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active,#pagination-206 .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #4F352A;
}
#pagination-150 .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active,#pagination-206 .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #000000;
} */


#pagination-151 .swiper-pagination-bullet:nth-child(1),#pagination-213 .swiper-pagination-bullet:nth-child(1){
  background: linear-gradient(180deg, #6ad9d4 0%, #6ad9d4 100%) !important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(2),#pagination-213 .swiper-pagination-bullet:nth-child(2){
  background: linear-gradient(180deg, #E82077 0%, #E82077 100%)!important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(3),#pagination-213 .swiper-pagination-bullet:nth-child(3){
  background: #2C2927 !important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(4),#pagination-213 .swiper-pagination-bullet:nth-child(4){
  background: #9C9692 !important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(5),#pagination-213 .swiper-pagination-bullet:nth-child(5){
  background: #B8BBBD !important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(6),#pagination-213 .swiper-pagination-bullet:nth-child(6){
  background: linear-gradient(180deg, #E2F3C0 0%,#91D500 100%) !important;
}

/* #pagination-151 .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active,#pagination-213 .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #6ad9d4;
}
#pagination-151 .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active,#pagination-213 .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #E82077;
}

#pagination-151 .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active,#pagination-213 .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #2C2927;
}

#pagination-151 .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active,#pagination-213 .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #9C9692;
}

#pagination-151 .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active,#pagination-213 .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #B8BBBD;
}
#pagination-151 .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active,#pagination-213 .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #91D500;
} */

#pagination-152 .swiper-pagination-bullet:nth-child(1),#pagination-179 .swiper-pagination-bullet:nth-child(1){
  background: #6ad9d4 !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(2),#pagination-179 .swiper-pagination-bullet:nth-child(2){
  background: linear-gradient(180deg, #91D500 0%, #E2F3C0 100%) !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(3),#pagination-179 .swiper-pagination-bullet:nth-child(3){
  background: linear-gradient(180deg, #231F78 0%, #D6006D 100%) !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(4),#pagination-179 .swiper-pagination-bullet:nth-child(4){
  background: #50555B !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(5),#pagination-179 .swiper-pagination-bullet:nth-child(5){
  background: #21362C !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(6),#pagination-179 .swiper-pagination-bullet:nth-child(6){
  background: #2C2927 !important;
}

/* #pagination-152 .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active,#pagination-179 .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #6ad9d4;
}
#pagination-152 .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active,#pagination-179 .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #6fd44e;
}

#pagination-152 .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active,#pagination-179 .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #D6006D;
}

#pagination-152 .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active,#pagination-179 .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #50555B;
}

#pagination-152 .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active,#pagination-179 .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #21362c;
}
#pagination-152 .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active,#pagination-179 .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #2C2927;
} */
.pl_md{
  color: #000;
  text-transform: capitalize;
  margin-top: 11%;
  font: 500 0.85vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica, sans-serif;
  
}
#s_list{
  position: relative;
}
.hot_sale{
  position: absolute;
  top: 0;
  left: 0;
  width: 35% !important;
}