@charset "utf-8";
/* CSS Document */
@media (max-width:640px){

.con2 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 34px; }
}
@media (max-width:625px){
html{font-size: 60.5%;}
}
@media (max-width:600px){


}
@media (max-width:575px){
html{font-size: 58.5%; }
}
@media (max-width:525px){
html{font-size: 56.5%; }



}

@media (max-width:550px){

.con2 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 49px; }
}
@media (max-width:520px){


}
@media (max-width:500px){
.cn2_a1 {width: 100%;}
.cn2_a2 {width: 100%;text-align: center;margin-top: 5%;}
.cn2_a1 h2 { margin-bottom: 3%;}
.cn2_a1 span { margin-top: 6%;}
.subNavBox {width: 221px;}
.con2 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 27px; }

}

@media (max-width:475px){
html{font-size: 54.5%; }
.cn2_a{
	/* margin-bottom:10%; */
}
.con3 {margin-top: 4%;}
.nav_box li{ line-height:6em; }


}
@media (max-width:425px){
html{font-size: 50.5%; }



}
@media (max-width:400px){
.cn5_b {width: 84%;}
.con2 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 23px; }
}

@media (max-width:375px){
html{font-size: 46.5%; }


}

@media (max-width:350px){


}
@media (max-width:325px){
html{font-size: 42.5%; }	
}