@media (-webkit-video-playable-inline) {
    #videobcg img { display: none; }
    #videobcg { display: initial; }
}

/* .main_bg{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: -1}
.main_bg:after{content: ''; display: block; position:fixed; width: 100%; height: 100%; background: #051250; opacity: 0.2;top: 0;left: 0} */
#videobcg{ position: absolute;
     top: 0px;
     left: 50%;
     transform: translate(-50%,0);
     width: 1920px;
     min-width: 100%;
     z-index: -1000;
     overflow: hidden;
}


#videobcg source{width: 100%; }



.main_visual > .inner{position: absolute;z-index: 10;width: 100%; }
.main_visual > .inner .in_pa{width: 1200px;margin: 0 auto;margin-top: 330px;position: relative}
.main_visual > .inner .in_pa button{position: absolute;background: none;border: none;width: 94px;}
.main_visual > .inner .in_pa button.slick-prev{right: 85px;}
.main_visual > .inner .in_pa button.slick-prev .hover{opacity: 0;transition: 0.3s}
.main_visual > .inner .in_pa button.slick-prev:hover .hover{opacity: 1;}
.main_visual > .inner .in_pa button.slick-next .hover{opacity: 1;transition: 0.3s}
.main_visual > .inner .in_pa button.slick-next:hover .hover{opacity: 0}
.main_visual > .inner .in_pa button div{position: relative}
.main_visual > .inner .in_pa button div img{position: absolute;left: 0}
.main_visual > .inner .in_pa button.slick-next{right: 0;top:85px;}
.main_visual .main_slider .dim{ position: absolute; right: 0; bottom: 0; z-index: 20; }
.main_visual .tri{position: absolute;left: 0;bottom: -10px;z-index: 10}
.main_visual{width:100%;position: relative;top:0px;z-index: 3; height: 970px;background: #333;}
.main_visual .main_slider{ height:970px;overflow: hidden; position: relative;}
.main_visual .main_slider .slide_box{ overflow: hidden;width:100%;height:970px; position: relative; background-color: #333; }
.main_visual .main_slider .slide_box > div{ overflow: hidden;height:inherit;position: absolute;left:0;top:0;right:0; z-index: 3; overflow: hidden;
width: 100%; height: 100%;
opacity:0;
}

.main_visual .main_slider .slide_box > div{
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.main_visual .main_slider .slide_box .main_img{ position: absolute;left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;
-moz-transition: all 8s ;
-webkit-transition: all 8s;
-o-transition: all 8s;
-ms-transition: all 8s ;
transition: all 8s ;
transform: scale(1.2);
}
.main_visual .main_slider .slide_box .main_img img{ display: block; min-width: 100%; height: 100%;
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
}
.main_visual .main_slider .slide_box  > div.on .main_img{ transform: scale(1.0); transform:perspective(500px) rotate(.001deg); }
.main_visual .main_slider .slide_box .box1{background:url('../img/main_visual01.jpg') center center no-repeat; background-size:cover;}
.main_visual .main_slider .slide_box .inner{ width: 1260px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 30; }
.main_visual .main_slider .slide_box .in_obj{text-align: left; position: relative; }


.main_visual .main_slider .slide_box div strong{
  display: block; position: relative; transform: translate(-70px,0); left: 0; opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  -moz-transition: all 1.2s;
  -webkit-transition:  all 1.2s;
  -o-transition:  all 1.2s;
  -ms-transition:  all 1.2s;
  transition:  all 1.2s;
  transition-delay: 0.6s;
}


.main_visual .main_slider .slide_box div div.wrap_tit{display: block; opacity:0; position: relative;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
transition-delay: 0.6s;
}

.main_visual .main_slider .slide_box div.on div.wrap_tit{
    opacity: 1
}
/*
.main_visual .main_slider .slide_box div span{  display: block; position: relative;top:50px;opacity:0; left: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
transition-delay: 0.7s;
}
*/

.main_visual .main_slider .slide_box div .wrap_tit p{display: block; font-weight: 300; position: relative;display:block;word-break: keep-all;
  transition: all 1.2s;
  -moz-transition: all 1.2s;
  -webkit-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
    font-size: 18px;
    line-height: 34px;
    letter-spacing: -1px;
    color: #fff;
    transform: translate(70px,0);
    opacity: 0;
    transition-delay: 0.6s;
    position: absolute; left: 250px; bottom: 12px;
}
.main_visual .main_slider .slide_box div.on .wrap_tit p{
  transform: translate(0,0); opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


.main_visual .main_slider .slide_box > div.on .wrap_tit strong{ transform: translate(0,0);opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}


.main_visual .main_slider .slide_box > div.on{ z-index: 5; opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}


.main_visual .main_slider .slide_box > div.on .wrap_tit p,
.main_visual .main_slider .slide_box > div.on .wrap_tit strong
{ transform: translate(0,0);opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}




.main_visual .wrap_btn{ position: absolute; display: table;  z-index: 100; width: 25px; height: 46px;
  top: 93%;
      left: 0;
      transform: translate(0,-50%); padding-right: 20px;
}
.main_visual .wrap_btn:before{ content: ""; width: 0; height: 2px; background-color: #eeecf0; display: block; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); z-index: -1; }
.main_visual .wrap_btn.on:before{ width: 20%; transition: 1.5s; transition-delay: 1.4s; }
.main_visual .wrap_btn .wrap{ display: block; text-align: center; position: relative; width: 200px; z-index: 10;
  top: 0;
  float: right;
  /* transform: translate( 0,-50%); */
  height: 100%;

}

.main_visual .wrap_btn .pag{ height: 100%; line-height: 46px; transform: translate(30px,0); opacity: 0; position: relative; }
.main_visual .wrap_btn .pag span{ font-weight: 500; font-size: 18px; color: rgba(243,243,243,0.4); }
.main_visual .wrap_btn .pag span:nth-child(1){ color: #f3f3f3; }
.main_visual .wrap_btn .pag span em{  font-weight: 500; font-style: normal; color: #f3f3f3; position: relative; left: -3px; }
.main_visual .wrap_btn .pag i{ display: inline-block; position: relative; top: -2px; margin: 0 12px; width: 1px; height: 10px; background-color: #5389e7; }
.main_visual .wrap_btn .wrap > button{ width: 46px; height: 46px; display: inline-block; position: absolute; border: none; outline: 0; transform: translate(30px,0); opacity: 0;}
.main_visual .wrap_btn .wrap > button.slick-next{ background: url('../img/visual_arrow.png') 0 center no-repeat; right: 0; top: 0;  }

.main_visual .wrap_btn.on .pag{ transform: translate(0,0); opacity: 1; transition: 1.2s; transition-delay: 2s; }
.main_visual .wrap_btn.on .wrap > button{ transform: translate(0,0); opacity: 1; transition: 1.2s;  transition-delay: 2s; }

.main_visual .main_slider .slide_box > div .wrap_tit strong{ display: block;color: #fff; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}
.main_visual .main_slider .slide_box > div .wrap_tit strong * {font-family: inherit !important;}
.main_visual .main_slider .slide_box > div .wrap_tit strong.slo02{font-weight: 100; padding-top: 14px; }
.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 i{ font-size: 60px;   }
.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 em{font-size:104px; }
.wrap_tit .slo01 i:first-of-type {margin-bottom:  -25px;}
.wrap_tit .slo01 i:last-of-type { margin-top: -25px;}
.wrap_tit::after{position: absolute; left:0; bottom:-30px; content: ''; width: 50px; height:5px; background-color: #fff; }
.main_visual .main_slider .slide_box > div i.line{ display: block; margin: 0 auto; width: 0; height: 6px; background: url('../img/title_line.gif') center center no-repeat; margin-top: 50px; }

.main_visual .main_slider .main_line{ position: absolute; right: 0; top: 40%; }
.main_visual .main_slider .main_line .line01{ display: block; width: 438px; height:16px; background-color: #fff; transform: translate(80px,0); opacity: 0; }
.main_visual .main_slider .main_line .line02{ display: block; width: 0; height:2px; background-color: #fff; position: absolute; left: -100px; bottom: -35px; }
.main_visual .main_slider .slide_box > div.on .main_line .line01{ transform: translate(0,0); transition: 1.2s; opacity: 1; transition-delay: 1.5s; }
.main_visual .main_slider .slide_box > div.on .main_line .line02{ width: 216px; transition: .8s; transition-delay: 1.9s;  }

.main_visual .scroll{ position: absolute; z-index: 10; width:5px; height: 130px; right: 50px; bottom: 36px; }
.main_visual .scroll span.line{ display: block; width: 1px; height: 100%; background-color: #8083a1; position: absolute; left: 50%; transform: translate(-50%,0); }
.main_visual .scroll i{ width: 5px; height:5px; border-radius: 50%; background-color: #ffffff; top: 0; left: 0; position: absolute;
  animation: scroll2 4s infinite linear;
}
.main_visual .scroll strong{ font-size: 12px; font-weight: 400; color:#ffffff; letter-spacing: -0.5px; position: absolute; transform: rotate(90deg); left: -40px; top: 30px; }

#scroll{ position: absolute; right: 50px; bottom: 50px; z-index: 1; transform: translate(0,0); transition: .7s; }
#scroll:hover{ transform: translate(0,-20px);}

@keyframes scroll2 {
  0%{
    top: 0;
  }
  50%{
    top: 50%;
    background-color: #fff;
    opacity: 1;
  }
  80%{
    background-color: #2b2f5e;
    top: 80%;
    opacity: 1;
  }
  100%{
    background-color: #2b2f5e;
    top: 100%;
    opacity: 0;
  }
}





.con_wrap{ padding-top: 130px; }
.con_wrap .inner{ width: 1360px; margin: 0 auto; }
.con_wrap .title_wrap{ text-align: center; }
.con_wrap .title_wrap em{ display: block; font-size: 13px; font-weight: 700; color:#6d72bb; letter-spacing: 1.5px; margin-bottom: 25px; }
.con_wrap .title_wrap strong{ font-size: 46px; font-weight: 600; color:#222222; display: inline-block; }
.con_wrap .title_wrap p{ font-size: 18px; line-height: 36px; letter-spacing: -1px; color:#555555; margin-top: 15px; }

/* .con01 */
.con01{ position: relative; }
.con01 .title_wrap{ margin-bottom:30px; }
.con01:before{ content: ""; width: 1920px; height: 0;background: url('../img/product_bg1.png') left top no-repeat; display: block; position: absolute;left: 0; top: 42%;}
.con01.on:before{ height: 1041px; transition: 3s; }


.m2{ position: relative; overflow: hidden;}
.m2:before{ content: ""; width: 0; height: 374px; background: url('../img/our_bg.png') right top no-repeat; background-size: 1146px 374px; display: block; position: absolute; right: 0; top: 58%; transition: width 3s ease-in-out;}
.m2.on:before{ width: 1146px;}

.m3{ position: relative; overflow: hidden;}
.m3::before{ content: ""; width: 0; height: 374px; background: url('../img/about_bg.png') left top no-repeat; background-size: 1146px 374px;
display: block; position: absolute;left: 0; top: -122px;transition: width 2s ease-in-out; background-clip: content-box;overflow: hidden;}
.m3.on:before{ width: 1146px; }

.m3-n{ position: relative; overflow: hidden; }
.m3-n::before{ content: ""; width: 0; height: 176px; background: url('../img/about_bg1.png') left top no-repeat; background-size: 602px 176px;
display: block; position: absolute;left: 0; top: 38%;transition: width 2s ease-in-out; background-clip: content-box;overflow: hidden;}
.m3-n.on:before{ width: 602px; }

.con01 .product .pro_bg{ text-align: center; }
.con01 .product .pro_bg strong{ display: block; }
.con01 .product .pro_bg strong.st01{ font-size: 156px; color:#1a39ad; font-weight: 700; line-height: 142px; opacity: 0; transform: translate(80px,0); }
.con01 .product .pro_bg strong.st02{ font-size: 106px; color:#afb0c5; font-weight: 700; line-height: 142px; opacity: 0; transform: translate(-80px,0); }

.con01 .swiper-slide-active .pro_bg strong.st01{ opacity: 1; transform: translate(0,0); transition: 1.2s; transition-delay: .3s; }
.con01 .swiper-slide-active .pro_bg strong.st02{ opacity: 1; transform: translate(0,0); transition: 1.2s; transition-delay: .6s;}


.con01 .swiper-container{ overflow: visible; }
.con01 .swiper-wrapper{ height: 800px; margin-bottom: 130px; }
.con01 .swiper-pagination{ position: relative; z-index: 10; width: 100%; margin-top: 170px; }
.con01 .swiper-pagination:after{ content: ""; display: table; clear: both; }
.con01 .swiper-pagination-bullet{ float: left; width: 16%; margin-right: 5% !important; height: auto; border-radius: 0; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; }
.con01 .swiper-pagination-bullet:last-child{ margin-right: 0 !important; }
.con01 .swiper-pagination-bullet:nth-child(1):after{ content: "600HP"; display: block; font-family: 'Poppins', sans-serif; font-weight: 600; color: #dcdce6; font-size: 34px; letter-spacing: -0.5px; }
.con01 .swiper-pagination-bullet:nth-child(2):after{ content: "QT"; display: block; font-family: 'Poppins', sans-serif; font-weight: 600; color: #acacc0; font-size: 34px; letter-spacing: -0.5px; }
.con01 .swiper-pagination-bullet:nth-child(3):after{ content: "10-50HP"; display: block; font-family: 'Poppins', sans-serif; font-weight: 600; color: #dcdce6; font-size: 34px; letter-spacing: -0.5px; }
.con01 .swiper-pagination-bullet:nth-child(4):after{ content: "75-125HP"; display: block; font-family: 'Poppins', sans-serif; font-weight: 600; color: #acacc0; font-size: 34px; letter-spacing: -0.5px; }
.con01 .swiper-pagination-bullet:nth-child(5):after{ content: "150-250HP"; display: block; font-family: 'Poppins', sans-serif; font-weight: 600; color: #dcdce6; font-size: 34px; letter-spacing: -0.5px; }
.con01 .swiper-pagination-bullet-active{ background: none; }
.con01 .swiper-pagination-bullet-active:after{ color:#5389e7 !important; }
.con01 .swiper-pagination-bullet:before{ content: ""; display: block; width: 0; height: 7px; background: url('') left center repeat-x; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0;
  transition: .7s;
}
.con01 .swiper-pagination-bullet{ position: relative; padding-bottom: 12px; opacity: 1; background: none; }
.con01 .swiper-pagination-bullet-active:before{ width: 100%;  }
.con01 .btn_wrap{ width: 180px; border-radius: 60px; margin: 0 auto; margin-top: 45px; position: relative; /* background: url('../img/btn_bg.png') center center no-repeat; */ overflow: hidden;
  box-shadow: 12px 12px 17px rgba(52,55,142,0.3);  background: linear-gradient(#5389e7,#4379d8);
}
.con01 .btn_wrap a{display:block;width:100%;line-height:54px;padding-left:30px;text-align:left;color:#fff;font-size:16px;letter-spacing:-1px;position:relative;z-index:1;}
.con01 .btn_wrap:after{content:"";display:block;width:4px;height:4px;background-color:#fff;border-radius:50%;position:absolute;right:30px;top:50%;transform:translate(0,-50%);}
.con01 .btn_wrap:hover{border:2px solid #575aaf;box-shadow:3px 3px 5px rgba(52,55,142,0.1);transition:.6s;transition-delay:1s;}
.con01 .btn_wrap:hover:after{animation:btn_h 2s;animation-fill-mode:forwards;}
.con01 .btn_wrap:hover a{color:#575aaf;transition:.6s;transition-delay:.6s;}
.more{width:280px;border-radius:60px;margin:0 auto;margin-top:45px;position:relative;overflow:hidden;font-size:26px;font-weight:900;cursor:pointer;transition:all 0.3s ease;z-index:10;}
.more::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,rgba(0,51,102,0),rgba(255,255,255,0.2),rgba(0,51,102,0));transition:left 0.8s ease-in-out;z-index:1;}
.more a{position:relative;z-index:2;display:inline-block;transition:transform 0.3s ease;}
.more a i{transition:transform 0.3s ease 0.1s;}
.more:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.more:hover::before{left:100%;}
.more:hover a{transform:scale(1.05);}
.more:hover a i{transform:translateX(5px);}



.con01 .product_img{ height: 550px;  }
.con01 .product_img img{ display: block; max-width: 100%; margin: 0 auto; transform: translate(0,50px); opacity: 0; position: relative; height:450px }

.con01 .swiper-slide-active .product_img img{ transform: translate(0,0); opacity: 1; transition: 1s; }



.con01 .p_wrap{ position: relative; width: 1360px; padding-top: 255px; }

.con01 .p_wrap .pro_bg{ position: absolute; width: 100%; left: 0; top: 0; }


.con01 .circle{ position: absolute; left: 50%; bottom: -230px; transform: translate(-50%,0); z-index: -1; height: 500px; opacity: 0; }
.con01 .circle span:nth-child(1){ width: 790px; height: 273px; border-radius: 50%; background-color: #e7e8ee; display: block;animation: pro_cir 4s infinite; opacity: 0;}
.con01 .circle span:nth-child(2){ width: 568px; height: 197px; border-radius: 50%; background-color: #d9dae7; display: block;
  position: absolute; left: 0; right: 0; margin: 0 auto; top: 25px;
  animation: pro_cir 4s infinite; animation-delay: .4s; opacity: 0;}
.con01 .circle span:nth-child(3){ width: 380px; height: 140px; border-radius: 50%; background-color: #c9cbdf; display: block;
  position: absolute; left: 0; right: 0; margin: 0 auto; top: 45px;
  animation: pro_cir 4s infinite; animation-delay: .4s; opacity: 0;}

.con01 .swiper-slide-active .circle{ opacity: 1; }
.con01 .pro-text{  opacity: 0; }
.con01 .swiper-slide-active .pro-text{ opacity: 1; }

  .con01 .swiper-button-next, .con01 .swiper-button-prev{ width: 108px; height: 108px; top: 70%; transform: translate(0,-50%); z-index: 10; }
  .con01 .swiper-button-prev{ background: url('../img/con01_prev.png') center center no-repeat !important;
  transition: .6s; background-size: 100% 100% !important;
}
  .con01 .swiper-button-prev:after{ display: none; }
  .con01 .swiper-button-prev:before{ content: ""; width: 0; height:57px; /* background: url('../img/con01_p_line.png') right top no-repeat !important; */
  position: absolute;
  right: -60px; top: 50%; transform: translate(0,-50%); z-index: -2; transition: .6s;
}
  .con01 .swiper-button-prev:hover{ transform: translate(-15px,-50%); background: url('../img/con01_next_o.png') center center no-repeat !important; }
  .con01 .swiper-button-prev:hover:before{ width: 128px; }

  .con01 .swiper-button-next{ background: url('../img/con01_next.png') center center no-repeat !important;transition: .6s;}
  .con01 .swiper-button-next:after{ display: none; }
  .con01 .swiper-button-next:before{ content: ""; width: 0; height:57px; /* background: url('../img/con01_n_line.png') left top no-repeat !important; */ position: absolute;
  left: -60px; top: 50%; transform: translate(0,-50%); z-index: -2; transition: .6s;
}
  .con01 .swiper-button-next:hover{ transform: translate(15px,-50%); background: url('../img/con01_prev_o.png') center center no-repeat !important; }
  .con01 .swiper-button-next:hover:before{ width: 128px; }

.pro-text-n{ font-size:22px; color:#333; z-index:99}
.pro-text-des{ color:#666}
.product-display-wrap {position: relative;text-align: center;padding: 2rem 0rem 1rem; margin: 0 auto;}
.product-display-wrap::after {content: "";position: absolute;left: 0%;right: 0%;bottom: 1.5rem; height: 1px;background-color: #ddd;
 z-index: 1;}
.product-display-wrap::before {content: "";position: absolute;right: 0%;bottom: calc(1.5rem - 0.4rem); height: 15px;background-color: #afb0c5; z-index: 2;width: 200px;}
.product-title { font-weight: 700; margin-bottom: 0.8rem;color: #000;font-size: clamp(1.5rem, 3vw, 3.2rem);}
.product-desc { color: #666;padding: 0 15px;background-color: #fff; display: inline-block; position: relative;z-index: 3;
font-size: clamp(0.85rem, 1.8vw, 1rem);line-height: 1.5; max-width: 90%; }
.logoicon img{ height: 35px;}

.m2{ padding-top: 300px;  }
.mt-t {position: relative;padding: 2rem 0rem 1rem; margin: 0 auto;}
.mt-t::after {content: "";position: absolute;left: 0%;right: 0%;bottom: 4.7rem; height: 1px;background-color: #ddd;z-index: 1;}
.mt-t h2{ color: #666;background-color: #fff; display: inline-block; position: relative;z-index: 3;
line-height: 1.5; max-width: 90%; font-weight: 700; color: #000;font-size: clamp(1.5rem, 3vw, 3.2rem);}
/* 原有样式优化 */
.mt-t-rimg { position: absolute; right: 10%; bottom: -70px; background-color: #fff; display: inline-block; z-index: 3;}
.m2-n-item { position: relative;height: 100%; }
.m2-n-item-img img { height: 60px;}
.m2-n-item-text span{font-size: clamp(0.9rem, 3vw, 1.5rem); font-weight: 900; position: relative;}
.m2-n-item-text span::after{ position: absolute; left: 50%; width:30px; height:5px; margin-left:-15px; content: ''; background-color: #1a39ad; bottom: -25px;}
.title-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 序号图片动画 */
.number-img { opacity: 1;transform: scale(1);}
.m2-n-item:hover .number-img {opacity: 0;transform: scale(0.8); }

/* 标题区域核心样式：悬浮时整体上移+缩放 */
.m2-n-item-text { position: relative; transform: translateY(0) scale(1); overflow: hidden; background: transparent;}
/* 关键修改：hover时同时上移+缩放 */
.m2-n-item-text:hover { transform: translateY(-20px) scale(1.02); cursor: pointer;}

/* 背景伪元素（缺角+蓝色）：跟随容器同步移动 */
.m2-n-item-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1a39ad; opacity: 0; transform: scale(0); clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%); transition: all 500ms ease-in-out; z-index: 5;}
.m2-n-item-text:hover .m2-n-item-bg { opacity: 1; transform: scale(1);}

/* 内容容器：仅保留层级，取消单独上移 */
.m2-n-item-content { position: relative; z-index: 10;}

/* 文字/图标颜色过渡 */
.m2-n-item-text:hover .text-transition {color: #fff !important;}
.m2-n-item-text:hover .icon-img {filter: invert(1);}

/* 统一过渡动画 */
.transition-all { transition-property: all;}
.duration-500 {transition-duration: 500ms;}
.ease-in-out {transition-timing-function: ease-in-out;}

/* 辅助样式 */
.z-10 { z-index: 10;}
.h-100 {height: 100% !important;}
.d-flex {display: flex !important;}
/* .flex-column {flex-direction: column !important;} */
.justify-content-center {justify-content: center !important;}
.relative {position: relative !important;}



.m3-n{background-color: #f1f1f4; padding: 100px 0;}
.m3-n-text h1{font-size: clamp(1.2rem, 3vw, 1.7rem);}
.m3-n-text h2{font-size: clamp(1.2rem, 3vw, 1.7rem);}

.height-100{ height: 130px;}
.m3-f{background-color: #e2e2ec;}
.m3-b img:hover,
.m3-b .position-relative img:hover {
    transform: scale(1.08); 
    filter: brightness(0.9); 
	cursor: pointer;
}


.counter-item {padding: 0px;}
.counter {display: inline-block;min-width: 80px;}
.counter-item span{ font-size:50px}
.counter-item span.smalltext{ font-size:16px; font-weight: normal;}


.m4{background-color: #d0d0dc; padding:100px 0}

.m4-t {position: relative;padding: 2rem 0rem 1rem; margin: 0 auto;}

.m4-t h2{ color: #666;background-color: #d0d0dc; display: inline-block; position: relative;z-index: 3;
line-height: 1.5; max-width: 100%; font-weight: 700; color: #000;font-size: clamp(1.5rem, 3vw, 3.2rem);}
.m4-t-rimg { position: absolute; right: 17%; bottom: -20px; background-color: #fff; display: inline-block; z-index: 3; background-color: #d0d0dc;}

.m4-niteam {overflow: hidden;}
.m4-niteam-text {font-size: clamp(1rem, 2vw, 1.2rem); background: linear-gradient(transparent, rgba(0,0,0,0.8)); font-weight: bold;}
/* 鼠标hover时图片放大动画 */
.m4-niteam img:hover,
.m4-niteam .position-relative img:hover {
    transform: scale(1.08); 
    filter: brightness(0.9); 
	cursor: pointer;
}
/* 统一过渡动画（与Bootstrap类配合） */
.transition-all {transition-property: all;}
.duration-500 {transition-duration: 500ms;}


.m5{background-color: #bbbbcd; padding:100px 0}
.m5-display-wrap {position: relative;text-align: center;padding: 2rem 0rem 1rem; margin: 0 auto;}
.m5-display-wrap::after {content: "";position: absolute;left: 0%;right: 0%;bottom: 1.5rem; height: 1px;background-color: #ddd;
 z-index: 1;}
.m5-display-wrap::before {content: "";position: absolute;left: 0%;bottom: calc(1.5rem - 0.4rem); height: 15px;background-color: #fff; z-index: 2;width: 200px;}
.m5-title { font-weight: 700; margin-bottom: 0.8rem;color: #000;font-size: clamp(1.5rem, 3vw, 3.2rem);}
.m5-desc { color: #666;padding: 0 15px;background-color: #bbbbcd; display: inline-block; position: relative;z-index: 3;
font-size: clamp(0.85rem, 1.8vw, 1rem);line-height: 1.5; max-width: 90%; }

.m5-ntext{text-align: center; position: absolute;  margin-left: -220px; left:50%; top: 20%; font-size: 28px;}

#scroll { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 9999; cursor: pointer; width: 50px; height: 50px;}
#scroll.show { display: block;}
#scroll img { width: 100%; height: 100%; object-fit: contain;}
.flogotext{font-size:clamp(1.2rem, 3vw, 2.0rem); }
.foot-t-r a{ font-size: 22px; background-color: #020889;}

/* .foot-t-r:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.foot-t-r:hover::before{left:100%;}
.foot-t-r:hover a{transform:scale(1.05);}
.foot-t-r:hover a i{transform:translateX(5px);}
 */





/* .foot-t-r a:hover{background: linear-gradient(to right, #70effd, #3381ee, #1a39ad); border: 1px #fff; color: #fff;} */
.foot-n1 span{ font-size: 18px;}
.foot-nr h3{ font-size:22px; color: #dcdcdc;}
.foot-nr a{ font-size: 17px; color:#8f8f8f;  line-height: 42px; font-weight: bold; }
.foot-nr a:hover{ color:#fff; /* text-decoration: underline; */}
.copyright{ color: #8f8f8f;}

.whatappewm img{ height: 100px;}
.main{background-image: url(../img/bg.png); background-repeat: no-repeat; background-position: left top; background-size: cover;}

.pro-title{font-size: clamp(1.5rem, 3vw, 3.2rem);}
.sub-nav a{font-weight: bold; padding:8px 20px; border-radius: 20px; color:#333; font-size:18px;margin: 0 10px;}
.sub-nav a.active{background-color: #1a39ad; color:#fff;}
.sub-nav a:hover{background-color: #1a39ad; color:#fff;}

.pro-list-item { position: relative; overflow: hidden; border: 1px solid #eee; border-radius: 4px; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.pro-list-item:hover { box-shadow: 0 5px 15px rgba(3, 13, 219, 0.3) !important; border-color: rgba(3, 13, 219, 0.2);  cursor: pointer; }
.pro-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0, 1, 24, 0.7); opacity: 0; transition: opacity 0.3s ease; z-index: 1; display: flex; flex-direction: column; box-sizing: border-box; padding: 42px 20px; margin: 0;  /* 关键修复：!important提升优先级，设置font-family完整写法，确保子元素继承 */
    font-family: Arial, Helvetica, sans-serif !important;
}
.pro-mask * {font-family: inherit !important;}
.pro-list-item:hover .pro-mask { opacity: 1; }
.mask-title { font-size: 24px; font-weight: 700; color: #fff; height: 120px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; padding: 1rem 16px; margin: 0; box-sizing: border-box; flex-shrink: 0; }
.mask-cs-wrap { flex: 1; display: flex; justify-content: center; align-items: center;  padding: 0 16px; box-sizing: border-box; }
.mask-cs { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff;    width: 100%; }
.mask-cs .mask-cs-item { margin: 8px 0; width: 100%; align-items: center; }
.mask-cs-title{ width: 30%; font-size: 22px; font-weight: bold; }
.mask-cs .mask-cs-item span{ width: 68%; margin-left: 2%;  font-size:20px}
.mask-btn-wrap {text-align: center; }
.mask-btn { border:transparent;background: linear-gradient(135deg, #1e88e5, #1a39ad) !important; color: #fff !important; font-weight: bold;}
.mask-btn span{ font-size: 18px; }
.pro-img { display: flex; justify-content: center; align-items: center; background-color: #f8f9fa; min-height: 380px;position: relative;overflow: hidden;}
.pro-img img { position: absolute;top: 15%;left: 0%; transform: translate(0%, -15%); /* 初始状态垂直水平居中 */transition: transform 0.5s ease; /* 位移过渡平滑 */max-width: 100%; max-height: 100%; }
.pro-list-item:hover .pro-img{ height:620px;}




.pro-list-item:hover .pro-img img { transform: scale(1.03); }
.pro-cs { display: none; }
.pro-text { position: relative; z-index: 2; transition: opacity 0.3s ease; /* 隐藏时平滑过渡 */ }
/* 核心优化2：鼠标悬浮时隐藏原标题和MORE按钮 */
.pro-list-item:hover .pro-text { display: none; visibility: hidden; /* 完全隐藏，不占位 */ }
.pro-text-t { font-size: 20px; font-weight: bold; height: 100px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; transition: box-shadow 0.3s ease; text-align: left; }
.pro-text-b .btn { border:1px solid #1a39ad; color:#1a39ad; border-radius: 50rem; padding: 0.75rem 1rem; font-weight: bold; text-transform: uppercase; }
/* .pro-list-item:hover .pro-text-b .btn { background: linear-gradient(135deg, #1e88e5, #1a39ad) !important; color: #fff;border:none; } */



.float-right-panel { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column; align-items: center; gap: 0; }
.float-panel-btn { width: 56px; height: 56px; background-color: #ffffff; color: #1a39ad; border: none; display: flex; justify-content: center; align-items: center; font-size: 22px; cursor: pointer; transition: all 0.3s ease; position: relative; }
.float-panel-btn:first-child { border-radius: 28px 28px 0 0; }
.float-panel-btn:nth-child(2) { border-radius: 0; }
.float-panel-btn:last-child { border-radius: 0 0 28px 28px;  }
.float-btn-tip { position: absolute; right: 56px; top: 0; height: 56px; line-height: 56px; padding: 0 15px; background-color: rgba(255,255,255,0.95); color: #1a39ad; font-size: 14px; font-weight: 500; border-radius: 6px; opacity: 0; visibility: hidden; transition: all 0.3s ease; white-space: nowrap; }
.float-panel-btn:hover .float-btn-tip { opacity: 1; visibility: visible; }
.page-content { height: 2000px; }

.news-item {transition: all 0.3s ease;position: relative;z-index: 1;border-radius: 2px;overflow: hidden;display: flex;flex-direction: row;margin-bottom: 20px;padding: 10px;}
.news-item a {text-decoration: none;color: inherit;display: flex;width: 100%;height: 100%;}
.news-img {width: 15%;flex-shrink: 0;}
.news-img img {height: 150px;object-fit: cover;width: 100%;transition: transform 0.3s ease;}
.news-text {width: 71%;margin: 0 2%;display: flex;flex-direction: column;justify-content: center; padding-bottom:20px}
.news-text-des {color: #666;font-size: 16px;line-height: 1.5;margin-top: 8px;}
.news-data {width: 10%;flex-shrink: 0;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding-left: 10px;}
.news-text .news-text-title {font-size: 28px;color: #333;font-weight: 700;transition: color 0.3s ease;}
.news-data .date-wrap {display: flex;flex-direction: column;align-items: flex-start;}
.news-data .year {font-size: 16px;font-family:"Heebo-Light";transition: color 0.3s ease;}
.news-data .data {font-size: 26px;font-family:"Heebo-Light";transition: color 0.3s ease; font-weight: bold;}
.news-item:hover {box-shadow: 0 8px 24px rgba(3, 13, 219, 0.2) !important;transform: translateY(-5px);z-index: 2;}
.news-item:hover .news-text-title,.news-item:hover .news-data .year,.news-item:hover .news-data .data {color: #1a39ad;}
.news-item:hover .news-img img {transform: scale(1.02);}

.news-show-title{ font-size: 30px;}
.tjpro-title{  font-size: 30px;}
.tjpro-item{transition: all 0.3s ease;}
.tjpro-item:hover{box-shadow: 0 8px 24px rgba(3, 13, 219, 0.2) !important;transform: translateY(-5px);}
.tjpro-item:hover .pro-text-b .btn{background-color: #1a39ad; color: #fff; border: transparent;}

.contact-t-title{font-size:clamp(1.5rem, 3vw, 3.2rem)}
.contact-t-des{font-size:16px}
.contact-b-z{ font-size:18px}

.industry-card{background:white;border-radius:5px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);height:500px;position:relative;transition:all 0.4s ease;margin-bottom:30px}
.card-image-container{height:65%;width:100%;overflow:hidden;position:relative;transition:all 0.9s ease}
.card-image{width:100%;height:100%;object-fit:cover;transition:all 0.4s ease;clip-path:polygon(0 0,100% 0,100% 100%,0 95%)}
.card-content{padding:25px;height:35%;transition:all 0.4s ease;display:flex;flex-direction:column;justify-content:space-between}
.industry-title{font-size:1.4rem;font-weight:700;margin-bottom:30px}
.industry-description{color:#666;line-height:1.6;margin-bottom:20px}
.view-more-btn{display:inline-block;background-color:#1a39ad;color:white;padding:10px 25px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;width:fit-content;margin:0 auto}
.view-more-btn:hover{background-color:#2980b9;transform:translateY(-2px);margin:0 auto;  }
.industry-card:hover .card-image-container{height:100%}
.industry-card:hover .card-image{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.industry-card:hover .card-content{position:absolute;bottom:0;left:0;width:100%;height:auto;background:linear-gradient(to top,rgba(0,0,0,0.85) 30%,rgba(0,0,0,0.4)70%,transparent);color:white;padding:30px;z-index:10;padding-bottom:200px;}
.industry-card:hover .industry-title{color:white}
.industry-card:hover .industry-description{color:white}
.industry-card:hover .view-more-btn{background-color:white;color:#1a39ad}
.industry-card:hover .default-view-btn{display:none}
.hover-view-btn{display:none;background-color:white;color:#1a39ad;padding:10px 25px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s ease;width:fit-content;margin-top:10px;margin:0 auto}
.industry-card:hover .hover-view-btn{display:inline-block}
.instructions{background-color:#f8f9fa;border-radius:10px;padding:25px;margin-top:40px;border-left:5px solid #1a39ad}
.instructions h4{color:#1a39ad;margin-bottom:15px}
.about-text{ font-size:18px}
.technical-title{font-size:clamp(1.5rem, 3vw, 3.2rem)}
.technical-des{ font-size:18px}
.service-card{ background-color: #1a39ad; padding:0 30px 0px 30px;transition: all 0.3s ease-in-out;}
.service-card:hover{transform: translateY(-8px);  box-shadow: 0 8px 16px rgba(0,0,0,0.15);  cursor: pointer;}
.card-title{font-size:32px}
.card-text{ font-size:18px}
.card-body::after {content: "";position: absolute;bottom: -10px; left: 50%;transform: translateX(-50%);width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f0f0f0; }
.onetitle{font-size: clamp(1.5rem, 3vw, 3.2rem);}
.after-c{font-size:26px}
.after-des{ font-size:18px}

.video-container{position:relative;width:100%;margin:0 auto;cursor:pointer;aspect-ratio:16/9;overflow:hidden;}
.video-cover{width:100%;height:100%;display:block;object-fit:cover;}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:99;}
.play-btn::after{content:"";width:0;height:0;border-left:20px solid #ffffff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px;}
#video-player{position:absolute;top:0;left:0;width:100%;height:100%;display:none;object-fit:cover;background:#000;z-index:9;}



.certificate-n .swiper-wrapper{ height:auto;}
.certificate-n>.swiper-container{width:100%;height:auto;overflow:hidden;position:relative;padding:0 40px;box-sizing:border-box;}
.certificate-n>.swiper-container>.swiper-slide{padding:8px;background:#dcdcdc;border:1px solid #b8b8b8;border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,0.1);}
.certificate-n>.swiper-container>.swiper-slide img{width:100%;height:auto;display:block;background:#fff;padding:10px;border-radius:2px;}
.certificate-n-jt>.swiper-button-prev,.certificate-n-jt>.swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;margin-top:0;z-index:99;cursor:pointer;background-size:100% 100%;background-repeat:no-repeat;border:none;}
.certificate-n-jt>.swiper-button-prev{left:-80px;background-image:url("../img/con01_prev.png");}
.certificate-n-jt>.swiper-button-next{right:-80px;background-image:url("../img/con01_next.png");}
.certificate-n-jt>.swiper-button-prev:hover{background-image:url("../img/con01_next_o.png");}
.certificate-n-jt>.swiper-button-next:hover{background-image:url("../img/con01_prev_o.png");}
.certificate-n-jt>.swiper-button-prev:after,.certificate-n-jt>.swiper-button-next:after{content:'';}
.certificate-n-jt{width:100%; top: 50%; transform: translateY(-50%); z-index: 99;}


.app-list-t-img{ width: 40%;}
.app-list-t-text{ width: 57%; padding:0 0 0 3%}
.app-list-t-des{font-size:18px}
.app-list-n-item-title{ font-size:22px; font-weight: bold;}
.app-list-n-item-des{ font-size:18px}

.app-list-n-item img:hover,
.app-list-n-item .position-relative img:hover {transform: scale(1.08); filter: brightness(0.9); cursor: pointer;}
.app-list-n-item{transition:all 0.3s ease;position:relative}
.app-list-n-item:hover {box-shadow: 0 8px 24px rgba(3, 13, 219, 0.2) !important;transform: translateY(-5px);z-index: 2;}
.app-list-n-item a { color: #333;}
.app-list-n-item a:hover .app-list-n-item-title{color:#1a39ad}
.appmore-icon i{ font-size:20px; font-weight: bold;}
.appmore a{ font-size:20px; }


.technology-item-z{ position: relative; }
.technology-item-z::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:linear-gradient(to right, #1946ff, #78dfff, #377fff) top,linear-gradient(to bottom, #1948ff, #1e90ff) right,linear-gradient(to left, #33ccff, #1942f9) bottom,linear-gradient(to top, #66ccff, #22aaff) left;background-size: 100% 5px, 5px 100%, 100% 5px, 5px 100%;background-repeat: no-repeat;background-attachment: fixed;border-radius: 2px;margin: -5px;transform: translateZ(0); margin-bottom:1px}


.technology-item-z video{ width: 100%;}
.technology-item-r{ width:100%; }
.technology-n{ }
.technology-item-r a{ color:#333}
.technology-item-r a:hover{color:#1a39ad}

.return{left:0; top:0}
.return span{ width: 35px; height:35px; padding:10px; display: block; color:#1a39ad; border-color: #1a39ad !important;}
.return em{ font-weight: bold; color: #1a39ad; font-size: 18px;}


.contact-b-z img{  height:260px}

.advantages-img{ background-image: url('../img/ourimg-bg.png'); background-size: cover 100%; background-position: top center; background-repeat: no-repeat; text-align: center; padding: 70px 0}

.advantages-img img{ height:350px}





@media (max-width:1260px){.news-text .news-text-title {font-size: 26px;}.news-data .year {font-size: 15px;}.news-data .data {font-size: 24px;}.news-img img {height: 140px;}}
@media (max-width:1200px){.news-text .news-text-title {font-size: 24px;}.news-data .year {font-size: 14px;}.news-data .data {font-size: 22px;}.news-img img {height: 130px;}}
@media (max-width:1050px){.news-text .news-text-title {font-size: 22px;}.news-data .year {font-size: 13px;}.news-data .data {font-size: 20px;}.news-img img {height: 120px;}.news-text-des {font-size: 13px;}}
@media (max-width:950px){.news-text .news-text-title {font-size: 20px;}.news-data .year {font-size: 12px;}.news-data .data {font-size: 18px;}.news-img img {height: 110px;}}
@media (max-width:850px){
    .news-item {flex-direction: column;}
    .news-item a {flex-direction: column;}
    .news-img,.news-text,.news-data {width: 100%;margin: 0;}
    .news-img {margin-bottom: 15px;}
    .news-img img {height: auto;aspect-ratio: 16/9;}
    .news-text {margin-bottom: 10px;padding-bottom:0px}
    /* 移动端日期：左对齐 一行显示 */
    .news-data {justify-content: flex-start;align-items: flex-start;padding-left: 0;border: none;}
    .news-data .date-wrap {flex-direction: row;align-items: baseline;gap: 4px;}
    /* 重置年/月日间距和顺序 */
    .news-data .year {margin-bottom: 0;margin-top: 0;}
    .news-data .data {margin: 0;}
    /* 日期格式：Nov 05, 2024 */
    .news-data .year::before {content: ", ";}
}
@media (max-width:640px){.news-text .news-text-title {font-size: 18px;}.news-text-des {font-size: 12px;}.news-data .data {font-size: 15px;}.news-data .year {font-size: 13px;}}
@media (max-width: 540px) {.news-text .news-text-title {font-size: 18px;}.news-text-des {font-size: 14px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}.news-data .data {font-size: 14px;}.news-data .year {font-size: 12px;}}
@media (max-width:414px){.news-text .news-text-title {font-size: 18px;}.news-text-des {-webkit-line-clamp: 2;}.news-data .date-wrap {gap: 3px;}.news-data .data {font-size: 13px;}.news-data .year {font-size: 14px;}}


@keyframes pro_cir {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    transform: scale(1.5);
  }
}

@keyframes pro_cir2 {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    transform: scale(1.5) ;
  }
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.con02.on ul li:nth-child(1){ transition-delay: .3s; }
.con02.on ul li:nth-child(2){ transition-delay: .6s; }

}


@keyframes btn_h {
  0%{
    transform: translate(0,-50%);
  }
  30%{
    right: 50%;
    transform: translate(-50%,-50%);
  }
  100%{
    right: 50%;
    transform: translate(-50%,-50%) scale(100);
  }
}




.ys-n {border: 1px #ccc solid;border-radius: 10px;padding: 50px 0;margin: 20px;background: #ffffff;transition: all 0.6s ease-out;overflow: hidden;position: relative;transform: translateZ(0);will-change: background, transform; border-radius:50px 0 50px 0}
.ys-n::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, #4a82e8 0%, #5389e7 100%);opacity: 0;transition: opacity 0.8s ease-out;z-index: 0;}
.ys-n > * {position: relative;z-index: 1;transition: color 0.8s ease-out;}
.ys-n .iconfont {font-size: 50px; color:#5389e7}
.ys-icon{ border-radius:50%; border:2px solid #5389e7; width:80px; height:80px;margin:0 auto 20px; }
.ys-n strong {font-size: 22px; }
.ys-text {margin-top: 15px;line-height: 1.6;}
.ys-text p{padding: 0 10px; font-size: 14px; line-height: 28px; letter-spacing: 0;     font-family: 'Poppins', sans-serif;}
.ys-text p span {font-weight: bold;color: #5389e7;transition: color 0.8s ease-out;}
.ys-n:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(83, 137, 231, 0.15);border-color: #4a82e8;cursor: pointer;}
.ys-n:hover .ys-icon{border:2px solid #fff;}
.ys-n:hover::before {opacity: 1;}
.ys-n:hover .iconfont,
.ys-n:hover strong,
.ys-n:hover .ys-text {color: #fff !important;}
.ys-n:hover .ys-text p span {color: #fff;transform: scale(1.02);transition: all 0.6s ease-out;}




@keyframes scroll1 {
  0{
    height: 0;
  }
  100%{
    height: 140px;
  }
}

@media (max-width:1560px){
	
}
@media screen and (max-width: 1366px) {
	.con_wrap .inner{ width: 90%; padding: 0 40px; }
}

@media (max-width:1260px){
  #header .wrap .gnb{ width: 100%; }
  .main_visual .main_slider .slide_box .inner{ width: 100%; padding: 0 40px; }
  .con01 .p_wrap{ width: 100%; }
  .con_wrap .inner{ width: 100%; padding: 0 40px; }
  #footer .inner{ width: 100%; padding: 65px 40px; }
}

@media (max-width:1200px){
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 i{ font-size: 35px;   }
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 em{font-size:80px; }
	.wrap_tit .slo01 i:first-of-type {margin-bottom:  -30px;}
	.wrap_tit .slo01 i:last-of-type { margin-top: -20px;}
  #header .wrap .gnb > ul{ width: 700px; }
  #header .all_menu .gnb2 > ul{ width: 700px; }
  #header .wrap .gnb > ul > li > a{ font-size: 15px;}
  #header .all_menu .sub_nav li a{ font-size: 14px; }
  .main_visual{ height: 720px; }
  .main_visual .main_slider{ height: 720px; }
  .main_visual .main_slider .slide_box{ height: 720px; }
  .main_visual .wrap_btn{ top: 80%; }
  
}

@media (max-width:1050px){
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 i{ font-size: 28px;   }
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 em{font-size:50px; }
	.wrap_tit .slo01 i:first-of-type {margin-bottom:  -40px;}
	.wrap_tit .slo01 i:last-of-type { margin-top: -40px;}
  #header .dim{ display: none !important; }
  #header .wrap .gnb{ display: none; }
  #header{ height: 99px; }
  #header .wrap{ height: 99px; }
  #header.on{ height: 84px; }
  #header.on .wrap{ height: 84px; }
  .main_visual .main_slider .slide_box div .wrap_tit p br { display: none;  }
  .main_visual .main_slider .slide_box div .wrap_tit p{ word-break: keep-all; }
  #header .all_menu{ display: block; padding-top: 0; left: auto; right: 0; width: 70%; max-width: 600px; height: 100%; z-index: 100; transform: translate(100%,0); transition: 1s;
      padding-top: 100px; padding-left: 60px; background: url('../img/product_bg1.png') right bottom no-repeat; background-size: 100%; background-color: #f5f5f8;
  }

  #header .all_menu.on{ transform: translate(0,0);}

  #header .all_menu .gnb2 > ul > li > button{ position: relative; font-family:'Noto Sans KR', sans-serif; display: block; background: transparent; font-size: 20px; font-weight: 500; letter-spacing: -1px;   outline: 0;  color:#030fdd
}
  #header .all_menu .gnb2 > ul > li{ float: none; width: 100%; padding: 0; min-height: auto; }
  #header .all_menu .sub_nav{ text-align:  left; display: none; padding-top: 12px; }
      #header .all_menu .gnb2 > ul > li{ padding-left: 60px; padding-top: 20px; padding-bottom: 20px; }
      #header .all_menu .gnb2 > ul > li > button:before{ content: ""; width: 10px; height: 10px; border: 2px solid #030fdd; border-radius: 50%; box-sizing: border-box; display: block;
      position: absolute; left: -20px; top: 50%; transform: translate(0,-50%); background-color: #1a39ad;
    }
    #header .all_menu .close_b{ display: block; position: absolute; right: 35px; top: 32px; width: 32px; height: 32px; transform: rotate(45deg); z-index: 10; }
    #header .all_menu .close_b span{ display: block; background-color: #2e3092; position: absolute; }
    #header .all_menu .close_b button{ display: block; }
    #header .all_menu .close_b span:nth-child(1){ width: 100%; height:1px; left: 0; top: 50%; transform: translate(0,-50%); }
    #header .all_menu .close_b span:nth-child(2){ width: 1px; height:100%; left: 50%; top: 0; transform: translate(-50%,0); }
  .main_visual .main_slider .main_line .line01{ width: 200px; }
  .main_visual .main_slider .slide_box > div.on .main_line .line02{width: 140px; }
  .main_visual .main_slider .slide_box > div .wrap_tit strong{ font-size: 80px; line-height: 92px; }
  .main_visual .main_slider .slide_box div .wrap_tit p{ font-size: 15px; line-height: 28px; }
  .main_visual .wrap_btn{ width: 400px; }
  .main_visual .wrap_btn.on:before{ width: 55%; }
 
  .con01 .product .pro_bg strong.st01{ font-size: 100px; line-height: 90px; }
  .con01 .product .pro_bg strong.st02{ font-size: 100px; line-height: 90px;  }
  .con01 .p_wrap{ padding-top: 95px; }
  .con01:before{ left: -50%; }

}


@media (max-width:950px){
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 i{ font-size: 28px;   }
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 em{font-size:50px; }
	.wrap_tit .slo01 i:first-of-type {margin-bottom:  -40px;}
	.wrap_tit .slo01 i:last-of-type { margin-top: -30px;}
    .con01 .swiper-pagination-bullet:nth-child(1):after{ font-size: 22px; }
    .con01 .swiper-pagination-bullet:nth-child(2):after{ font-size: 22px; }
    .con01 .swiper-pagination-bullet:nth-child(3):after{ font-size: 22px; }
    .con01 .swiper-pagination-bullet:nth-child(4):after{ font-size: 22px; }
    .con01 .swiper-pagination-bullet:nth-child(5):after{ font-size: 22px; }
    .con01 .swiper-pagination{ margin-top: 100px; }
}

@media (max-width:850px){
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 i{ font-size: 28px;   }
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 em{font-size:50px; }
	.wrap_tit .slo01 i:first-of-type {margin-bottom:  -10px;}
	.wrap_tit .slo01 i:last-of-type { margin-top: -10px;
  #footer .f_top .f_logo{ float: none; text-align: center; margin-bottom: 35px; }
  #footer .f_top .f_nav{ float: none; width: 100%; }
  #footer .f_top:before{ right: 0; margin: 0 auto; }
  #footer .f_bottom address{ text-align: center; }
  #footer .f_bottom img{ position: static; margin: 0 auto; margin-top: 30px; max-width: 80%; }
  #header .wrap{ padding-top: 25px; }
  #header.on .wrap{ padding-top: 10px; }
  #header .wrap{ height: 76px; }
  #header.on .wrap{ height: 70px; }
  #header{ height: 76px; }
  #header.on{ height: 61px; }
  #header .wrap .logo{ top: 33px; }
  #header .wrap .logo img{ width: 130px; }
  #header.on .wrap .logo{ top: 18px; }
  #header .wrap .menu_btn{ top: 40px; }
  #header.on .wrap .menu_btn{ top: 25px; }
  .con01 .swiper-slide-active .product_img img{ width: 60%; }
   .con01 .swiper-button-next, .swiper-button-prev{ width: 50px; height: 50px; background-size: 100% 100% !important; }
   .con01 .swiper-button-next:hover{  background-size: 100% 100% !important; }
   .con01 .swiper-button-prev:hover{  background-size: 100% 100% !important; }
   .con01 .swiper-button-prev:before{ display: none; }
   .con01 .swiper-button-next:before{ display: none; }
  .con01 .product_img{ height: auto; }
  .con01 .circle span:nth-child(1){ width: 500px; height: 150px; }
  .con01 .circle span:nth-child(2){ width: 300px; height: 105px; }
  .con01 .circle span:nth-child(3){ display: none; }
  .con01 .circle{  height: 358px; }
  .con01 .swiper-wrapper{ height: 350px; }
  
}
 @media (max-width:768px){
	 .industry-card{height:450px}
	 .industry-title{font-size:1.6rem}
	 .card-content{padding:20px}
	 }
@media (max-width:576px){
	.industry-card{height:400px}
	.industry-title{font-size:1.4rem}
	.card-content{padding:15px}
	}
 
@media (max-width:640px){
	.m5{ padding:50px 0}
	.height-100{ height: 60px;}
	.contact-b-z img{ width: 90% !important; height:auto !important;}
	.company-label {top: 53% !important;left: 30% !important;font-size: 14px !important;}
	#header .all_menu .gnb2 > ul > li > button > a{ color: #1a39ad; font-weight: bold; font-size:18px}
	.float-panel-btn{width:42px; height:42px}
	.news-show-title{font-size:22px}
	.app-list-n-item-title{ font-size:18px}
	.sub-nav a{ margin: 0 4px; padding:5px 8px}
	.after-c{ font-size:20px}
	.technology-item-z{ width:100%}
	.technology-item-z video{ width: 100%;}
	.technology-item-r{ width:100%; padding-left:0%}
	.app-list-t-img{ width: 100%;}
	.app-list-t-text{ width: 100%; padding:0%}
	.app-list-t-des{font-size:18px}
	.certificate-n-jt>.swiper-button-prev,.certificate-n-jt>.swiper-button-next{width:40px;height:40px;}
	.certificate-n-jt>.swiper-button-prev{left:0px;}
	.certificate-n-jt>.swiper-button-next{right:0px;}
	.product-display-wrap::before{ width:100px}
	 .con01 .swiper-wrapper{ height: 350px; }
	  .con01 .swiper-button-next, .con01 .swiper-button-prev{ top: 85%;  }
	  .con01 .swiper-button-next, .con01 .swiper-button-prev{ width: 50px; height: 50px; background-size: 100% 100% !important; }
	  .con01 .swiper-button-next:hover{  background-size: 100% 100% !important; }
	  .con01 .swiper-button-prev:hover{  background-size: 100% 100% !important; }
	.con01 .product_img{ height: 450px;}
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 i{ font-size: 28px;   }
	.main_visual .main_slider .slide_box > div .wrap_tit strong.slo01 em{font-size:50px; }
	.wrap_tit .slo01 i:first-of-type {margin-bottom:  -10px;}
	.wrap_tit .slo01 i:last-of-type { margin-top: -10px;}
	.m5-ntext{ margin-left: -100px; left:50%; top: -10; font-size: 14px;}
	.more{width: 180px; font-size: 20px;  }
	.m3-n::before{background:transparent;}
	.m3-n{padding: 50px 0;}
	.con_wrap .inner{ padding: 0 20px;}
	/* .mt-t-rimg img{ width: 100px;} */
	.con_wrap{ padding-top:50px !important}
	.main_visual .main_slider .slide_box > div .wrap_tit strong{ font-size: 50px; line-height: 60px; }
	.main_visual .main_slider .slide_box div .wrap_tit p { font-size: 13px; line-height: 25px;  position: static; margin-top: 20px; }
	.main_visual .main_slider .slide_box .inner{ top: 40%; }
	.main_visual .wrap_btn{ top: 90%; }
	.main_visual .main_slider .main_line{ top: 27%; }
	.main_visual .main_slider .main_line .line01{ width: 150px; }
	.main_visual .main_slider .slide_box > div.on .main_line .line02{ width: 90px; }
	.main_visual .main_slider .main_line .line02{left: -50px; bottom: -20px;}
	.main_visual .wrap_btn .pag span{ font-size: 13px; }
	.main_visual .wrap_btn .pag i{ margin: 0 6px;top:0;  }
	.con01 .product .pro_bg strong.st01{ font-size: 50px; line-height: 60px; }
	.con01 .product .pro_bg strong.st02{ font-size: 30px; line-height: 60px;  }
	.pro-text-n{font-size: 16px;}
	.con01 .btn_wrap{ width: 140px; }
	.con01 .btn_wrap a{ line-height: 44px; font-size: 14px; padding-left: 15px; }
	.con01 .btn_wrap:after{ right: 15px; }
	.con_wrap .title_wrap p br{ display: none; }
	.con_wrap .title_wrap p{ word-break: keep-all;  }
	#footer .f_top .f_nav li a{ font-size: 13px; }
	#footer .f_bottom address{ font-size: 13px; line-height: 25px; }
	#footer .f_bottom address span{ font-size: 12px; }
	#footer .f_bottom img{ width: 280px; }
	#header .wrap{ padding-left: 30px; padding-right: 30px; }
	#header .wrap .logo{ left: 30px; }
	#header .wrap .menu_btn{ right: 30px; }
	.con01 .swiper-pagination-bullet:nth-child(1):after{ font-size: 18px; }
	.con01 .swiper-pagination-bullet:nth-child(2):after{ font-size: 18px; }
	.con01 .swiper-pagination-bullet:nth-child(3):after{ font-size: 18px; }
	.con01 .swiper-pagination-bullet:nth-child(4):after{ font-size: 18px; }
	.con01 .swiper-pagination-bullet:nth-child(5):after{ font-size: 18px; }

	#header .all_menu{ padding-left: 0; }
	#header .all_menu .gnb2 > ul > li > button{ font-size: 16px; }
	#header .all_menu .gnb2 > ul > li > button:before{ width: 8px; height: 8px; }
	#header .all_menu .sub_nav li a{ font-size: 13px; }
	#header .all_menu .close_b{ width: 24px; height:24px; right: 20px; top: 20px; }
	.duct_slide .d_wrap .wrap.img_scale .img img, .duct_slide.main_sec06 .d_wrap .wrap > div.left img{transform: scale(1)}
	

	.m2:before{  right: -780px; top: 60%; }
	.m3::before{left: -700px; top: -120px;}
	.con01 .product_img img{ height:340px}
	
}
@media (max-width: 540px) {
	#sub .sub_visual {height: 300px;}
	#sub .sub_visual img{ height: 300px;}
}
@media (max-width:414px){
.m4{ padding: 30px 0 100px  0;}
  .main_visual .main_slider .main_line .line01{ width: 80px; height: 8px; }
  .main_visual .main_slider .slide_box > div.on .main_line .line02{ width: 40px;  }
  .main_visual .main_slider .main_line .line02{ left: -20px; }
  .main_visual .main_slider .main_line{ top: 25%; }
  .main_visual .wrap_btn{ width: 250px; }
  .main_visual .wrap_btn.on:before{ width:35%; }
  .main_visual .wrap_btn .wrap > button{ height: 32px; width: 32px; }
  .main_visual .wrap_btn .wrap > button.slick-next{ background-size: 100% 100%; }
  .main_visual .wrap_btn{ height: 32px; }
  .main_visual .wrap_btn .wrap > button.slick-next{ right: 20px; }
  .main_visual .wrap_btn .pag{ line-height: 32px; }
  .con01 .swiper-slide-active .product_img img{ width: 90%; }
  .con01 .swiper-button-next, .con01 .swiper-button-prev{ top: 95%;  }
  .con01 .swiper-button-next, .con01 .swiper-button-prev{ width: 50px; height: 50px; background-size: 100% 100% !important; }
  .con01 .swiper-button-next, .con01 .swiper-container-rtl .swiper-button-prev{ right: 0px; }
  .con01 .swiper-button-prev, .con01 .swiper-container-rtl .swiper-button-next{ left: 0px; }
  .con01 .swiper-button-next:hover{  background-size: 100% 100% !important; }
  .con01 .swiper-button-prev:hover{  background-size: 100% 100% !important; }
  .con01 .swiper-button-prev:before{ display: none; }
  .con01 .swiper-button-next:before{ display: none; }
    .con01 .swiper-pagination{ margin-top: 100px; }
    .con_wrap{ padding-top: 80px;}
    .con01:before{ display: none; }
    .con_wrap .inner{ padding: 0 20px; }
    .con04 .list .right_box ul li a .text_box{ padding-left: 12px; }
    #footer .inner{ padding: 40px 20px; }
    #scroll{ right: 20px; bottom: 20px; }
    #footer .f_bottom address{ font-size: 11px; line-height: 20px; }
    #footer .f_top .f_logo img{ width: 110px; }
   
}


@media (max-height:500px){
  #header .all_menu{ padding-bottom: 80px; overflow-y: scroll; }
}