/* pc */

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

  /* main */
  .m1 {height: 110vh;}
  .m1 .bigimg {width: 57%;}
  .m1 .swiper_control {bottom: 5%;}

  .m2 .left video {width: 400px; height: 400px;}
}

@media screen and (max-width: 1600px) {
	html, body{font-size: 16px;}

  /* footer */
  #go_shop > div {width: 90px; height: 90px;}
  #go_shop .shop p {font-size: 0.8rem;}
  #go_shop .shop p i {font-size: 1.5rem;}

  /* main */
  .m1 {height: 100vh;}

  .m2 .right {width: 600px;}

  /* sub1_1 */
  .s113_1 .right {width: 75%;}
  .s113_2 > .left {padding-left: 20%;}
  .s113_2 > .left::before {top: 50%; width: 22%;}
  .s113_3 .right .big::after {width: 53%;}

  /* sub1_3 */
  .s131 {display: flex; align-items: flex-start; gap: 100px;}
  .s131 .s_top_tit {font-size: 8rem; position: static;}
  .s131_top {margin: 0;}

  /* sub2_1_1 */
  .pro_1_2 {padding: 5% 15% 20%;}
}

@media screen and (max-width: 1440px) {
  html, body{font-size: 15px;} 

  /* main */
  .m1 {height: 92vh;}
  .m1 .m1_inner .swiper-container .ms_txt2 p {font-size: 1.8rem;}
  .m1 .swiper_control {width: 80px; height: 80px; bottom: 10%;}
  .m1 .swiper-pagination-bullet-custom {width: 80px; height: 80px;}
  .m1 circle {r: 40; cx:40; cy:40;}

  .m2 .left video {width: 350px; height: 350px;}
  .m2 .right {width: 550px;}

  .m4 .right {width: 90%;}
  .m4 .right img {width: 100%;}

  .m5_inner {left: 50%; transform: translate(-50%, -50%);}

  /* sub1_1 */
  .s113_2 > .left {padding-left: 16%;}
  .s113_2 > .left::before {width: 18%;}
  .s113_3 .left {width: 75%;}
  .s113_3 .left img {width: 100%;}
  .s113_3 .right .big::after {width: 55%;}

  /* sub1_2 */
  .history .top p {font-size: 5rem;}
  
  /* sub1_3 */
  .s131 {gap: 50px;}

  /* sub2_1 */
  .pro_1_1 {padding: 0 10%;}
  .pro_1_1 .pro_top  {height: 592px;}
  .pro_1_1 .pro_top img {height: 100%; object-fit: cover;}
  .pro_1_1 .swiper-slide img {width: 100%;}
  .pro_1_1 .swiper-button-next {right: 7%; top: 38%;}
  .pro_1_2 {padding: 5% 10% 20%; margin: 0;}
}

@media screen and (max-width: 1200px){
	html, body{font-size: 14px;}

  /* header */
  .logo {width: 100px;}

  /* footer */
  #go_shop {right: 2%;}
  #go_shop > div {width: 80px; height: 80px;}

  /* main */
  .m1 {height: 87.5vh;}
  .m1 .bigimg {width: 65%;}
  .m1 .smimg {width: 20%;}
  .m1 .m1_inner .swiper-container .ms_txt2 {left: 69.5%; top: 12%;}
  .m1 .swiper_control {left: 70%;}

  .m2 .left video {width: 250px; height: 250px;}
  .minion.big {font-size: 5rem;}
  .m2 .m_tit {margin: 15px 0; font-size: 1.8rem;}
  .m2 .right {width: 500px;}
  .m2 .right img {width: 110%; margin-left: -8%;}

  .m3 {height: 600px;}
  .m3 .m3_inner .left {width: 25%;}
  .m3 .m3_inner .right {width: 75%;}
  .m3 .m3_inner .m3_controls {width: 27%; left: 22%;}

  .m5_inner {display: flex; align-items: flex-end; justify-content: space-between;}
  .m5 .m5_list > li .ico {width: 55px; margin: 0 auto;}
  .m5 .m5_list > li .ico img {width: 100%;}
  .m5_inner .right {width: 52%;}

  /* sub1_1 */
  .sub_top .s_inner {bottom: -7%;}
  .s113_1 .right {width: 70%;}
  .s113_1 .right img {height: 650px; width: 100%;}
  .s113_2 .chapaza {font-size: 7rem;}

  /* sub1_2 */
  .history .his_wrap .right .his_cont > li .chapaza > span {left: 17%;}

  /* sub1_5 */
  .s151 .map_cont {gap: 30px; flex-direction: column; align-items: flex-start; padding: 30px 0;}
  .s151 .map_cont .logo {width: 100px;}
  .s151 .map_cont .map_info {gap: 10px; flex-direction: column;}
  .s151 .map_cont .map_info > li {border: 0;}
  .s151 .map_cont .map_info > li p br {display: none;}
  .s151 .s_top_tit {font-size: 7rem;}

  /* sub1_3 */
  .s131_top {width: 100%; padding: 0;}
  .s131 .s_top_tit {font-size: 7rem;}
  .cer_img {padding: 0 5%;}
  .cer_img .cer_list {gap: 30px;}

  /* sub2_1_1 */
  .pro_1_1 .pro_top {height: 494px;}
  .pro_1_1 .detail, .pro_1_1 .pro_go {width: 160px;display: flex; align-items: center; justify-content: space-between; padding: 0 2%;}
  .pro_1_1 .pro_go {justify-content: center;}
  .pro_1_1 .pro_go p img, .pro_1_1 .detail img {width: 20px;}

  /* sub1_4 */
  .s14_inner {justify-content: space-around; align-items: center; width: 80%;}
  .s142 .s142_bg {bottom: 0;}
  .s142 .gallery-container.gallery-top {margin-bottom: 20px;}

  /* sub3_1 */
  .s311  {padding: 0 5%;}

  /* sub4_1 */
  #sub_4_1 {padding: 0 5%;}
  #sub_4_1 .sub-tit p {font-size: 30px;}
}

@media screen and (max-width: 1024px){
	html, body{font-size: 14px;}

  /* footer */
  #footer .f_inner > div {width: 45%;}

  /* main */
  .m1 {height: 77vh;}
  .minion.big {font-size: 4rem;}
  .m1 .bigimg img {width: 108% !important; margin-left: -6%;}
  .m1 .swiper_control {width: 70px; height: 70px; bottom: 0%;}
  .m1 .swiper-pagination-bullet-custom {width: 70px; height: 70px;}
  .m1 circle {r: 35; cx:35; cy:35;}

  .m2_inner {gap: 10px;}
  .m2 .m_txt {margin-bottom: 40px;}
  .m2 .right {width: 400px;}
  .m2 .right img {margin-left: -10%;}

  .m3 .m3_inner .left {width: 30%;}
  .m3 .m3_inner .left .left_inner .m3_logo {width: 100px;}
  .m3 .m3_inner .right {width: 70%;}
  .m3 .m3_inner .m3_controls {width: 40%; left: 26%;}

  .m4 .left {padding: 0 1%;}

  .m5 .minion.big {font-size: 3rem;}
  .m5_inner .left {width: 40%;}
  .m5 .m5_list > li .ico {width: 40px;}
  .m5_inner .right {width: 55%;}
  .m5_inner .right img {width: 100%;}

  /* sub1_1 */
  .sub_top .s_inner {bottom: -5%;}
  .s111_logo {width: 7%;}
  .s111_logo img {width: 100%;}
  .s113_1 .left .big {font-size: 4.5rem;}
  .m_tit {font-size: 1.8rem;}
  .s113_2 > .left {padding-left: 12%;}
  .s113_2 > .left::before {width: 14%;}
  .s113_2 .chapaza {font-size: 6.5rem;}
  .s113_3 .left {width: 70%;}
  .s113_3 .right .big {font-size: 2.5rem;}
  .s113_3 .right .small {font-size: 1.5rem;}

  /* sub1_2 */
  .s121 .s_top_tit {position: static;}
  .history .his_wrap .right .his_cont > li {padding-top: 9vh;}
  .history .his_wrap .right .his_cont > li .chapaza > span {left: 20%;}

  /* sub1_3 */
  .s131 {gap: 20px;}
  .s131 .s_top_tit {font-size: 6rem;}
  .s131_top .kbiz {font-size: 2rem;}
  .s131_top .s131_txt {margin-top: 15px; font-size: 1rem;}
  .s132 .cer_titbox .tit_list > li {display: flex; gap: 20px; align-items: center; justify-content: center; width: 100%;}
  .s132 .cer_titbox .tit_list > li > p.s132_txt {margin: 0;}
  .cer_img .cer_list > li .img img {width: 100%;}

  /* sub2_1_1 */
  .pro_1_1 .pro_top {height: 421px;}
  .pro_1_2 .pro_bot {gap: 5%;}
  .pro_1_2 .left .pro_img {width: 50%; margin: 0 auto;}
  .pro_1_2 .left .pro_img img {width: 100%;}
  .pro_1_2 .pro_desc {width: 45%;}

  /* sub1_4 */
  .s14_inner {width: 85%;}
  .s141 .s141_txt {width: 65%;}
  .s141 .s_top_tit {right: -24%;}
}


/* mobile */

@media screen and (max-width: 840px) {
  html, body{font-size: 18px;}

	
	.tablet{display: block;}
	.mob{display: none;}

	/*header*/
	.header_top{display: none;}
	#header{top: 0;}
	#header:hover{height: 65px; background: transparent; box-shadow: none;}
	#header.event{background: #fff; ;}

	.header_inner .nav_wrap{display: none;}

  .mob_nav_wrap .mob_tit{padding: 16px 5%; position: relative;}
  .mob_nav_wrap .mob_tit span{text-align: end; width: 18px; height: 18px; position: absolute; right: 5%; top: 50%; transform: translate(0, -50%);}
  .mob_nav .mob_tit span::before{content: ''; width: 100%; height: 1px; background: #262626; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
  .mob_nav .mob_tit span::after{content: ''; width: 100%; height: 1px; background: #262626; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(90deg) !important; transition: all 0.4s;}
  .mob_nav > li.open .mob_tit span::after{transform: translateY(-50%) rotate(0deg) !important;}
  .mob_nav{display: block;}
  .mob_nav > li{width: 100%; padding-left: 0; border: 0;}
  .mob_sub {margin-top: 0; display: none; background: #a5cf61; color: #fff; padding: 12px 5%;}
  .mob_sub > li > a{padding: 14px 0; font-size: 1rem;}

  .logo {width: 80px;}
  .header_inner .menu_icon {top: 15px;}

  /* footer */
  #footer .f_inner .left .f_info p {font-size: 0.8rem;}
  #footer .f_inner .right .f_nav {text-align: left;}
  #footer .f_inner .right .f_nav > li {width: 25%;}
  #footer .f_inner .right .f_nav > li > .f_nav_sub > li > a {font-size: 0.8rem;}
  #topBtn p {font-size: 1.5rem;}
  #go_shop .shop p {font-size: 0.7rem;}

  /* main */
  .m1 {height: 70.5vh;}
  .minion.big {font-size: 3rem;}
  .m1 .bigimg {width: 70%;}
  .m1 .bigimg img {margin-left: -7%;}
  .m1 .smimg {width: 25%;}
  .m1 .m1_inner .swiper-container .ms_txt2 {padding: 3% 0 0 5%; position: static;}
  .m1 .m1_inner .swiper-container .ms_txt2 p {letter-spacing: 0; word-spacing: 0; writing-mode: unset;}
  .m1 .swiper_control {left: 80%;}

  .m2 {margin-bottom: 0;}
  .m2_inner {flex-wrap: wrap; margin: 0; padding: 10% 5%; width: 100%; align-items: center;}
  .m2 .left {width: 46%; margin: 0;}
  .m2 .left video {width: 350px; height: 350px;}
  .m2 .mid {width: 50%; margin: 0;}
  .m2 .m_tit {font-size: 1.6rem;}
  .m2 .m_txt {font-size: 1rem; }
  .m2 .m_txt br {display: none;}
  .m2 .right {display: none;}

  .m3 .m3_inner {display: flex; align-items: center;}
  .m3 .minion.big {line-height: 30px;}
  .m3 .m3_inner .left {width: 35%;}
  .m_tit {font-size: 1.8rem;}
  .m3 .m3_inner .left .left_inner .m_txt {font-size: 1rem; letter-spacing: -1px;}
  .m3 .m3_inner .right .slide_img {width: 65%; margin: 0 auto;}
  .m3 .m3_inner .m3_controls {width: 55%; left: 39%;}

  .m4 {flex-direction: column-reverse;}
  .m4 .left {padding: 10%;}
  .m4 .right {width: 100%;}

  .m5 {height: 750px;}
  .m5_inner {flex-direction: column; width: 100%; padding: 10% 5%; gap: 30px; align-items: flex-start;}
  .m5_inner .left {width: 100%;}
  .m5 .minion.big {font-size: 2.5rem;}
  .m5_inner .right {width: 80%; margin: 0 auto; padding:5% 0;}

  /* sub1_1 */
  .sub_top {margin-top: 80px;}
  .m_tit {font-size: 1.5rem;}
  .s113_1 .left .big {font-size: 3.5rem;}
  .s113_1 .left .small {font-size: 2rem;}
  .s113_1 .right {width: 65%;}
  .s113_1 .right img {height: 550px;}
  .s113_2 .chapaza {font-size: 4.5rem; top: 0;}
  .s113_3 {padding-top: 10vh;}
  .s113_3 .left {width: 60%;}
  .s113_3 .right {padding-top: 5vh;}
  .s113_3 .right .big {font-size: 2rem;}
  .s113_3 .right .big::after {width: 45%;}
  .s113_3 .right .small {font-size: 1.1rem;}

  /* sub1_2 */
  .s121 .s_top_tit {font-size: 7rem;}
  .history .top {width: 130px; height: 130px;}
  .history .top p {font-size: 3rem;}
  .history .his_wrap .left .his_img img {height: 250px; object-fit: cover;}
  .history .his_wrap .right .his_cont > li .chapaza {font-size: 2.5rem;}
  .history .his_wrap .right .his_cont > li .chapaza > span {left: 27%;}
  .history .his_wrap .right .his_cont > li .his_list {margin-top: 10px;}
  .history .his_wrap .right .his_cont > li .his_list > li {font-size: 0.9rem;}

  /* sub1_3 */
  .s131 {flex-direction: column; gap: 0;}
  .s132_bg {bottom: 0;}
  .s131_top {padding-left: 5%;}
  .s132 .cer_titbox .tit_list > li > p.semibold {font-size: 1.1rem;}
  .s132 .cer_titbox .tit_list > li > p.s132_txt,
  .cer_img .cer_list > li .txt  {font-size: 0.9rem;}
  
  /* sub2_1 */
  .sub2_path {padding: 0 5%;}
  .sub2_path ul li a,
  .s211 .pro_list > li .list_inner .pro_tit {font-size: 0.9rem;}
  .s211 .pro_list > li .list_inner {width: 100%;}
  .s211 .pro_list > li .list_inner .pro_img {width: 50%; margin: 0 auto;}

  /* sub2_1_1 */
  .pro_1_1 {padding: 0 5%;}
  .pro_1_1 .pro_top {height: 447px; width: 53%;}
  .pro_1_1 .slide {width: 45%;}
  .pro_1_1 .detail, .pro_1_1 .pro_go p span {font-size: 0.8rem;}
  .pro_1_1 .swiper-button-next {right:0;}
  .pro_1_2 {padding: 5% 5% 20%;}
  .pro_1_2 .left {width: 50%;}
  .pro_1_2 .left .pro_tit {font-size: 1.5rem;}
  .pro_1_2 .left .pro_info ul > li p.info_tit {font-size: 0.8rem; margin-bottom: 5px;}
  .pro_1_2 .left .pro_info ul > li p.info_txt {font-size: 0.7rem;}
  .pro_1_2 .pro_desc ul>li>div.desc_left {width: 15%; margin-right: 10px;}
  .pro_1_2 .pro_desc ul>li>div.desc_left img {width: 100%;}
  .pro_1_2 .pro_desc ul>li>div.desc_right .num {font-size: 3rem;}
  .pro_1_2 .pro_desc ul>li>div.desc_right .desc_tit {font-size: 1rem;}
  .pro_1_2 .pro_desc ul>li>div.desc_right .desc_txt {font-size: 0.8rem;}

  /* sub1_4 */
  .s14_inner {width: 90%; flex-direction: column; gap: 20px; align-items: flex-start;}
  .s141 .s141_txt {width: 100%;}
  .s141 .s_top_tit {font-size: 7rem; right: -26%;}
  .s142 .gallery-container.gallery-top {margin-bottom: 10px;}

  /* sub3_1 */
  .s311-tit h3 {font-size: 1.8rem;}
  .s312 .tabs {flex-wrap: wrap; gap: 10px; margin-top: 20px;}
  .s312 .tab {width: 9%;}

  /* sub4_1 */
  #sub_4_1 .sub-tit {padding: 0;}
  #sub_4_1 .sub-tit p {font-size: 25px;}
  .f_title {font-size: 0.9rem !important;}
  .f_title, .f_title.width2 {width: 10% !important;}
  .f_cont, .f_cont2, .f_cont3 {width: 88% !important;}
  .f_cont_num {width: 27% !important;}
  .f_cont_num.icon {width: 3% !important;}
  #form_mail_1, #form_mail_3 {width: 25% !important;}
  .f_Box .f_input:focus {outline: 0 !important;}
  #form_mail_2 {font-size: 15px !important;}
}


@media screen and (max-width: 650px) {
	.mob{display: block;}
}

@media screen and (max-width: 631px) {
	.f_info > li{display: block; width: 100%; margin-bottom: 10px;}
	.f_info > li:nth-child(2){width: 100%;}
	.f_info > li:nth-child(3){margin-top: 0;}
	.f_info > li:last-child{margin-bottom: 0;}
}

@media screen and (max-width: 460px) {
  html, body{font-size: 16px;}

  /* header */
  #header {height: 70px;}

  /* footer */ 
  #footer {padding: 5vh 5% 50px;}
  #footer .f_inner .left {width: 100%;}
  #footer .f_inner .right {display: none;}
  #go_shop > div {width: 60px; height: 60px;}
  #go_shop .shop {margin-bottom: 10px;}
  #go_shop .shop p {color: transparent; overflow: hidden;}
  #go_shop .shop p i {color: #fff; margin: 0; margin-top: 40%;}

  /* main */
  .m1 {height: 55vh; padding-top: 70px;}
  .m1 .bigimg {width: 100%;}
  .m1 .bigimg img {width: 110% !important; margin-left: -9%;} 
  .m1 .smimg {display: none;}
  .m1 .m1_inner .swiper-container .ms_txt2 p {font-size: 1.2rem; padding-top: 5%;}
  .m1 .swiper_control {bottom: -20%;}

  .m2_inner {flex-direction: column-reverse; gap: 40px;}
  .m2 .left, .m2 .mid {width: 100%;}
  .m2 .left video {width: 100%; height: 400px;}
  .minion.big {line-height: 30px;}
  .m2 .m_txt {margin: 0;}
  .m_go:hover img {width: 40px;}

  .m3 {height: 800px;}
  .m3 .minion.big {font-size: 5rem; line-height: 45px;}
  .m3 .m3_inner {flex-direction: column-reverse; margin: 0; padding: 0 5%; gap: 40px; width: 100%;}
  .m3 .m3_inner .left {width: 100%; text-align: center;}
  .m3 .m3_inner .left .left_inner .m3_logo {width: 80px; margin: 0 auto;}
  .m3 .m3_inner .right {width: 100%;}
  .m3 .m3_inner .m3_controls {width: 80%; left: 10%; top: 75%;}
  .m3 .m3_inner .left .left_inner .m_go {text-align: center;}

  .m4 .left {padding: 10% 5%;}
  .m4 .m_tit {font-size: 1.5rem;}
  .m4 .m_txt {font-size: 0.9rem;}

  .m5 {height: 600px;}

  /* sub1_1 */ 
  .sub_top .s_inner {flex-direction: column; gap: 20px; align-items: flex-start; bottom: 0;}
  .s111_bg {height: 400px;}
  .s111_bg video {height: 100%; object-fit: cover;}
  .s111_logo {width: 10%;}
  .m_tit {font-size: 1.2rem;}
  .s112 {padding: 15vh 0;}
  .s113_top {height: 100px;}
  .s113_top img {height: 100%; object-fit: cover;}
  .s113_1 {flex-direction: column-reverse;}
  .s113_1 .left {width: 100%; margin-right: 0; padding: 5%; flex-direction: column; gap: 10px;}
  .s113_1 .left p {letter-spacing: 0; word-spacing: 0; writing-mode: inherit; }
  .s113_1 .left .small {margin: 0; order: 1;}
  .s113_1 .right {width: 100%;}
  .s113_2 {padding: 5%;}
  .s113_2 > .left,
  .s113_2 .left .m_tit .left {padding: 0;}
  .s113_2 .chapaza {transform: rotate(90deg); right: auto; top: -40%;}
  .s113_2 > .left::before {display: none;}
  .s113_3 {flex-direction: column; padding-top: 5vh;}
  .s113_3 .left, .s113_3 .right {width: 100%;}
  .s113_3 .right .big::after {width: 60%;}
 
  /* sub1_2 */
  .s121 .s_top_tit {font-size: 5rem;}
  .history .top {width: 100px; height: 100px;}
  .history .top p {font-size: 2.5rem;}
  .history .his_wrap .left .his_img img {height: 200px;}
  .history .his_wrap .right .his_cont > li .chapaza {font-size: 1.8rem; line-height: 30px;}
  .history .his_wrap .right .his_cont > li .chapaza > span {left: 33%; top: 10px;}
  .history .his_wrap .right .his_cont > li .his_list > li {margin-bottom: 0; line-height: 25px;}
  .history .his_wrap .right .his_cont > li .his_list > li::before {width: 2px; height: 2px;}

  /* sub1_3 */
  .s131 .s_top_tit {font-size: 5rem;}
  .s131_top .kbiz {font-size: 1.5rem;}
  .s131_top .s131_txt {font-size: 0.9rem; width: 85%;}
  .s132 .cer_titbox .tit_list > li {padding: 0 5%; flex-direction: column; width: 70%; line-height: 25px;}
  .cer_img .cer_list {flex-wrap: wrap; gap: 20px; margin-bottom: 50px;}
  .cer_img .cer_list > li {width: 47%;}
  .cer_img .cer_list > li .txt {margin-top: 15px;}

  /* sub1_5 */
  .s151 {padding-bottom: 30vh;}
  .s151 .map {height: 400px;}
  .s151 .map_cont .logo {width: 80px;}
  .s151 .map_cont .map_info > li p br {display: block;}
  .s151 .s_top_tit {font-size: 5rem;}

  /* sub2_1 */
  .sub2_path ul li a {font-size: 0.8rem;}
  .s211 .pro_list > li {width: calc(100%/2);}
  .sub2_path ul li a {letter-spacing: -1px;}

  /* sub2_1_1 */
  .pro_1_1{flex-direction: column; gap: 25px;}
  .pro_1_1 .pro_top, .pro_1_1 .slide {width: 90%; margin: 0 auto;}
  .pro_1_1 .pro_top {height: 370px;}
  .pro_1_1 .swiper-button-next {right: 1%; top: 65%;}
  .pro_1_1 .btn-wrap {justify-content: center;}
  .pro_1_1 .detail, .pro_1_1 .pro_go {padding: 0 5%;}
  .pro_1_2 {padding-bottom: 30%;}
  .pro_1_2 .pro_bot {flex-direction: column-reverse; gap: 50px;}
  .pro_1_2 .left, .pro_1_2 .pro_desc {width: 100%;}
  .pro_1_2 .pro_desc ul>li {margin-bottom: 50px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px;}
  .pro_1_2 .pro_desc ul>li>div.desc_left {margin: 0;}
  .pro_1_2 .left .pro_img {width: 40%;}
  .pro_1_2 .left .pro_tit {margin: 20px 0 50px;}

  /* sub1_4 */
  .s141 .kbiz {font-size: 1.8rem;}
  .s141 .s141_txt {font-size: 0.9rem;}
  .s141 .s141_logo {margin: 30px 0 50px;}
  .s141 .s_top_tit {font-size: 5rem; right: -30%;}

  /* sub3_1 */
  .s312 .tab {width: 20%;}

  /* sub4_1 */
  #sub_4_1 .sub-tit span {font-size: 0.9rem;}
  #sub_4_1 .sub-tit p {font-size: 1rem;}
  .container {padding: 0;}
  .f_title, .f_title.width2 {width: 15% !important;}
  .f_cont, .f_cont2, .f_cont3 {width: 83% !important;}
  .f_cont_num {width: 25.5% !important;}
  .f_cont_email {width: 25% !important; margin-bottom: 0 !important;}
  #form_mail_1 {margin: 0 !important;}
  .f_Box {justify-content: normal; align-items: center; margin-bottom: 30px;}
  .filebox label {font-size: 0.8rem !important;}
  .submit, .reset {width: 130px !important; font-size: 0.9rem !important;}
  .f_cont_email {padding: 0 !important;}
  .f_Box .f_input {padding: 0 5%;}

}

@media screen and (max-width: 414px) {
  html, body{font-size: 16px;}

  /* main */
  .m1 {height: 51vh;}
  .m1 .bigimg img {margin-left: -10%;}
  .m1 .swiper_control {bottom: -21%; left: 76%;}

  .m4 .m_txt {letter-spacing: -1.5px;}

  /* sub1_1 */
  .s113_1 .right img {height: 400px;}


  /* sub1_3 */
  .s131 .s_top_tit {font-size: 4rem;}
  .s131_top .s131_txt {width: 95%;}

  /* sub4_1 */
  #sub_4_1 .sub-tit p {font-size: 0.95rem;}
  .f_title {font-size:  0.8rem !important;}
}

@media screen and (max-width: 375px) {
  html, body{font-size: 16px;}

  /* main */
  .m1 {height: 48vh;}
  .minion.big {font-size: 2.5rem;}
  .m1 .bigimg img {margin-left: -11%; width: 112% !important;}
  .m1 .m1_inner .swiper-container .ms_txt2 {padding-top: 1%;}

  .m2 .m_tit {font-size: 1.5rem;}
  .m2 .m_txt {font-size: 0.9rem;}
  .m2 .m_go img {width: 35px;}
  .m2 .left video {height: 250px;}

  .m4 .m_tit {font-size: 1.3rem;}
  .m4 .m_txt {font-size: 0.8rem;}

  .m5 {height: 550px;}
  .m5 .minion.big {font-size: 2rem;}
  .m5 .m5_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .m5 .m5_list > li {width: 48%;}
  .m5 .m5_list > li:nth-child(2) {border: 0;}
  .m5 .m5_list > li .ico {width: 30px;}
  .m5 .m5_list > li .txt {font-size: 0.8rem;}

  /* sub1_1 */
  .s112 .m_tit {font-size: 1rem;}
  .s113_1 .left {gap: 0;}
  .s113_1 .left .small {font-size: 1.8rem;}
  .s113_1 .left .big {font-size: 3rem;}
  .s113_2 .chapaza {font-size: 3.5rem;}

  /* sub1_3 */
  .s131_top .s131_txt br {display: none;}

  /* sub1_5 */
  .s151 .map {height: 250px;}
  .s151 .s_top_tit {font-size: 4rem;}

  /* sub2_1 */
  .sub2_path ul {flex-wrap: wrap;}
  .sub2_path ul li {width: 100px;}

  /* sub2_1_1 */
  .pro_1_1 .modal {left: 53%; transform: translateX(-50%); width: 80%;}
  .pro_1_1 .modal .close {top: 1%; right: 5%;}
  .pro_1_1 .swiper-button-next i {font-size: 2rem;}
  .pro_1_1 .btn-wrap {gap: 10px;}
  .pro_1_1 .detail, .pro_1_1 .pro_go {width: 140px; height: 40px; padding: 0 3%; justify-content: center;}
  .pro_1_1 .pro_go p img, .pro_1_1 .detail img {width: 15px;}

  /* sub4_1 */
  #sub_4_1 .sub-tit p {font-size: 0.85rem;}
}