@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
/* @import url("fonts/custom.css"); 字体 */

/* 全局变量 */
:root{
   --max-width: 1600;
   --background-cover: no-repeat center center / cover;
   --background-contain: no-repeat center center / contain;
   --default-color__rgb: 35, 24, 21;
   --default-color: rgba(var(--default-color__rgb), 1);
   --primary-color__rgb: 207, 17, 32;
   --primary-color: rgba(var(--primary-color__rgb), 1);
   /* --font-family: 'Alibaba PuHuiTi', sans-serif; */
}
/* 禁止图片拖拽 */
    img {
      -webkit-user-drag: none;
      user-drag: none;
      user-select: none;
      -webkit-user-select: none;
      pointer-events: auto;
    }
    /* 禁止页面选中复制 */
/* 比例要求 */
/*基于屏幕尺寸自适应字体大小*/
/*超过1920px时，继续按比例增长
html{font-size: calc(100 / 1920 * 100vw);}
.container {max-width: calc(var(--max-width) / 100rem);}
@media (min-width:1600px) and (max-width: 1920px) {
   html{font-size: 100px;} 
}
@media (max-width: 1600px) {
   html{font-size: calc(100 / 1600 * 100vw);}
}*/


/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{max-width: 1920px;margin: 0 auto;}
.container {max-width: calc(var(--max-width) * 1px);}
@media (max-width: 1600px) {
   html{font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width:1024px){
    html{font-size: calc(100 / 1024 * 100vw);}
}
@media (max-width:640px){
    html{font-size: calc(100 / 480 * 100vw);}
}

body {font-family:var(--font-family); line-height: 1.5; color: var(--default-color);font-size: var(--font-size__16);}

.container {width: 87.6%;margin: 0 auto;max-width:1400px;}
.container .container{width:100%}
@media (max-width: 1024px) {
   .container { width: 94%; }
}
.img{max-height:570px}
/* Start
   ========================================================================== */
.item .img_box{border-radius: var(--padding-margin__10);}
.item .img_box img{height: 100%;object-fit: cover;width: 100%;transition: all 0.8s ease;border-radius: var(--padding-margin__10);}
.item:hover .img_box .img{transform: scale(1.05);}

.page_title{font-size: var(--font-size__32);line-height: 1.3;margin:0;margin-top:-0.08rem !important;}

.main-header{position: fixed;top: 0;left: 0;width: 100%;z-index:9999999;transition: 0.3s;}
.main-header.down {transform: translateY(-100%); opacity: 0;}
.main-header .head_wrap{max-width: 1400px;margin: 0 auto;width: 87.6%;position: relative;}
.main-header .head_wrap .logo{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.main-header .head_wrap .logo img{height: 0.6rem;}
.main-header .head_wap{display: none;}
.main-header .head_menu ul li dl dt .head_item{position: relative;}
.main-header .head_menu ul li dl dt .head_item{color: #ffffff;transition: 0.5s;padding: var(--padding-margin__40) var(--padding-margin__20) var(--padding-margin__40) 0;margin: 0 var(--padding-margin__30);font-size: var(--font-size__18);display: block;position: relative;line-height: 1;}
.main-header .head_menu ul li dl dt .head_item::after{content: '';position: absolute;width: 0;height: 0;border-left: 0.05rem solid transparent;border-right: 0.05rem solid transparent;border-top: 0.08rem solid #ffffff;transition: transform 0.5s ease;right: 0;top: 50%;transform: translateY(-50%);}
.main-header .head_menu ul li:hover dl dt .head_item::after{transform: translateY(-50%) rotate(180deg);}
.main-header .head_menu ul li dl dd.head_sub{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: max-content;background-color: #ffffff;border-radius:0 0 0.1rem 0.1rem;overflow: hidden;text-align:left;box-shadow: 0 0.05rem var(--padding-margin__10) rgba(0, 0, 0, 0.1);min-width: 1.2rem;padding: var(--padding-margin__10) 0;margin: 0;max-height: 0;transition: max-height 0.5s ease, opacity 0.3s ease;opacity: 0;pointer-events: none;min-width:220px;}
.main-header .head_menu ul li dl dd.head_sub a{color: var(--default-color);padding: var(--padding-margin__10) var(--padding-margin__20);display: block;transition: all 0.5s ease;}
.main-header .head_menu ul li dl dd.head_sub a:hover{background-color: #f5f5f5;color: var(--primary-color);}

.page_head .main-header{background-color: #ffffff;}
.page_head .main-header .head_menu ul li dl dt .head_item{color: var(--default-color);}
.page_head .main-header .head_menu ul li dl dt .head_item::after{border-top: 0.09rem solid var(--default-color);}

.main-header.head_hover,
.main-header.head_scrolled{background-color: #ffffff;box-shadow: 0 0 var(--padding-margin__10) rgba(0, 0, 0, 0.1);}
.main-header.head_hover .head_menu ul li dl dt .head_item,
.main-header.head_scrolled .head_menu ul li dl dt .head_item{color: var(--default-color);}
.main-header.head_hover .head_menu ul li dl dt .head_item::after,
.main-header.head_scrolled .head_menu ul li dl dt .head_item::after{border-top-color: var(--default-color);}

.main-header .head_menu ul li:hover dl dt .head_item{color: var(--primary-color);}
.main-header .head_menu ul li:hover dl dt .head_item::after{border-top-color: var(--primary-color);}

@media(min-width: 1025px) {
.main-header .head_menu ul li dl.active dd.head_sub{opacity: 1;pointer-events: auto;}
.main-header .head_menu ul li dl dd.head_sub {width: 100vw; padding:0.5rem 0;}
.main-header .head_menu ul li dl dd.head_sub .item {width: 25%;}
.main-header .head_menu ul li dl dd.head_sub .item.auto {width: auto; padding:0 5%;}
.main-header .head_menu ul li dl dd.head_sub .parent {font-size: 0.18rem; line-height: 1.5em; position: relative;}
.main-header .head_menu ul li dl dd.head_sub .parent a {padding:0.5em 0; display: flex; align-items: center;gap:0.5em;}
.main-header .head_menu ul li dl dd.head_sub .parent .node:after {width: 0.5em; height: 0.33em; background: url(../images/down_icon1.png) no-repeat center center;background-size: contain; display: block; content: '';}
.main-header .head_menu ul li dl dd.head_sub .child {margin-top: 0.15rem;}
.main-header .head_menu ul li dl dd.head_sub .child a {display: block; font-size:0.16rem; line-height: 2em; color:#666; padding:0.25em 0;}
.main-header .head_menu ul li dl dd.head_sub .parent a:hover,
.main-header .head_menu ul li dl dd.head_sub .child a:hover {color:var(--primary-color); background-color: transparent;}
}

@media(max-width: 1024px) {
   .main-header .head_wrap{width: 94%;margin: .15rem auto;justify-content: space-between;}
   .main-header .head_wrap .logo{position: relative;transform: translateY(0);}
   .main-header .head_wap{display: flex;flex-direction: column;justify-content: center;gap: 0.06rem;cursor: pointer;z-index: 10;}
   .main-header .head_wap span{display: block;width: 0.3rem;height: 0.03rem;background-color: #ffffff;transition: all 0.3s ease;border-radius: 0.02rem;}
   .main-header .head_wap.active span:nth-child(1){transform: translateY(0.09rem) rotate(45deg);}
   .main-header .head_wap.active span:nth-child(2){opacity: 0;}
   .main-header .head_wap.active span:nth-child(3){transform: translateY(-0.09rem) rotate(-45deg);}
   .main-header .head_menu{position: fixed;top: 0;right: -100%;width: 50%;height: 100vh;background-color: #ffffff;padding: var(--padding-margin__60) var(--padding-margin__30) var(--padding-margin__30);transition: right 0.3s ease;overflow-y: auto;box-shadow: -0.02rem 0 0.1rem rgba(0, 0, 0, 0.1);}
   .main-header .head_menu.open{right: 0;}
   .main-header .head_menu ul{flex-direction: column;}
   .main-header .head_menu ul li dl dt .head_item{color: var(--default-color);padding: var(--padding-margin__30) 0;margin: 0;font-size: var(--font-size__18);}
   .main-header .head_menu ul li dl dt .head_item::after{display: none;}
   .wap-icon__open{display: inline-block;width: 0;height: 0;border-left: 0.06rem solid transparent;border-right: 0.06rem solid transparent;border-top: 0.09rem solid currentColor;transition: transform 0.3s ease;margin-left: 0.1rem;vertical-align: middle;position: relative;top: -0.02rem;}
   .main-header .head_menu ul li dl.active .wap-icon__open  {transform: rotate(180deg);}
   .main-header.head_hover .head_wap span,
   .main-header.head_scrolled .head_wap span,
   .main-header .head_wap.active span{background-color: var(--default-color);}
   .main-header .head_menu ul li dt{display: flex;justify-content: space-between;align-items: center;}
   .main-header .head_menu ul li dl dd.head_sub{position: static;transform: none;width: 100%;box-shadow: none;text-align: left;padding: 0;border-radius: 0;opacity: 1;pointer-events: auto; min-width: 0;}
   .main-header .head_menu.open{padding: var(--padding-margin__140) var(--padding-margin__50) var(--padding-margin__50);}
   .page_head .main-header .head_wap span{background-color: var(--default-color);}
   .main-header .head_menu ul li dl dd.head_sub .child {display: none;}
   .main-header .head_menu ul li dl dd.head_sub .parent {font-size:0.18rem;}
   .main-header .head_menu ul li dl dd.head_sub .parent a {padding:0.5em 0;}
}

.footer-box{padding:var(--padding-margin__150) 0 0 0;}
.footer-box .logo img{height: .6rem;}
.footer-box .footer_menu .menu_item{font-weight: bold;font-size: var(--font-size__20);margin-bottom: var(--padding-margin__20);display: block;}
.footer-box .footer_menu ul li{margin-right: var(--padding-margin__90);}
.footer-box .footer_menu ul li:last-child{margin-right: 0;}
.footer-box .footer_menu .sub_menu{color: #666;line-height: 2;}
.footer-box .footer_menu .sub_menu a{display: block;line-height: 1.3;}
.footer-box .footer_menu .sub_menu a:not(:last-child){margin-bottom: 0.1rem;}
.copyright{color:#666;padding-bottom:var(--padding-margin__45);line-height:1.8}
.copyright pre{font-family:var(--font-family);display:inline;}
.copyright pre {
  white-space: pre-wrap; 
  word-wrap: break-word;
}
.copyright a{color:#666;}
.copyright a:hover{color:var(--primary-color)}
@media(max-width: 1024px) {
.footer-box .footer_menu{margin-top: var(--padding-margin__50);}
}

@media(max-width: 640px) {
.footer-box .footer_menu .sub_menu{display: none;}
}

.home_more{width: 0.26rem;height: 0.26rem;border-radius: 50%;background-color: var(--primary-color);position: relative;margin-right: var(--padding-margin__10);transition: margin-right 0.5s ease;}
.home_more::after{content: '';position: absolute;width: 0.2rem;height: 0.2rem;background-image: url('../images/arrow_r.png');filter: brightness(0) saturate(100%) invert(1);background-position: center;background-size: contain;background-repeat: no-repeat;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.home-ban{ position: relative;}
.home-ban .swiper-slide{height: 72vh;position: relative;}
.home-ban .swiper-slide img{height: 100%;object-fit: cover;width: 100%;}
.home-ban .ban_text{position: absolute;bottom: var(--padding-margin__45);left: 50%;transform: translateX(-50%);color: #ffffff;}
.home-ban .ban_text h2{margin: 0 0 var(--padding-margin__30) 0;line-height: 1.2;font-size: var(--font-size__48);}
.home-ban .ban_text .ban_more{font-size: var(--font-size__18);line-height: 1;}

.home-ban .arrows a{width: 0.4rem; height: 0.4rem; border-radius: 50%; border: 0.01rem solid #ffffff;   z-index: 2;  position: absolute; top: 50%; transform: translateY(-50%);text-indent: -999em;overflow: hidden; margin-top: -0.2rem; cursor: pointer;  }
.home-ban .arrows a:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid #fff;border-top: 2px solid #fff; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.home-ban .arrows a.prev{left: 5%; }
.home-ban .arrows a.next{right: 5%;}
.home-ban .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.home-ban .arrows a:hover{background-color: var(--primary-color); border-color: var(--primary-color);}
.home-ban .arrows a:hover:before{ border-color: #fff;}
@media(max-width: 640px) {
   .home-ban .swiper-slide{height:auto;}
   .home-ban .swiper-slide img{height:300px;}
}

.home_margin{margin: var(--padding-margin__90) auto;}
.home_pad{padding: var(--padding-margin__90) 0;}
.padding_tp30,.padding_tp45{padding: var(--padding-margin__45) 0;}
.home_brief{font-size: var(--font-size__22);line-height: 1.6;margin:var(--padding-margin__45) auto;}
.home_brief .brief_text p{margin: 0;}
.home_brief .brief_text a{color: var(--primary-color);position: relative;padding-right: var(--padding-margin__30);}
.home_brief .brief_text a::after{content: '';position: absolute;width: .24rem;height: .24rem;right: 0;top: 50%;transform: translateY(-50%);background-image: url('../images/arrow_r.png');background-position: center;background-size: contain;background-repeat: no-repeat;}
.home_brief .brief_text a:hover{animation: arrowMove 1s ease-in-out infinite;}
@keyframes arrowMove{0%,100%{padding-right: var(--padding-margin__30);}50%{padding-right: var(--padding-margin__40);}}
.home_brief .brief_text .t2{width: 7.6rem;padding-top:10px;}

.home_title{font-size: var(--font-size__32);margin: 0;line-height:1}
.home_switch .prev,
.home_switch .next{width: 0.4rem;height: 0.4rem;border-radius: 50%;border: .01rem solid #E0E1E1;position: relative;margin-left: var(--padding-margin__20);cursor: pointer;}
.home_switch .prev::after,
.home_switch .next::after{content: '';position: absolute;width: 0.22rem;height: 0.22rem;background-position: center;background-size: auto 0.16rem;background-repeat: no-repeat;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all 0.5s ease;}
.home_switch .prev::after{background-image: url('../images/prev.png');}
.home_switch .next::after{background-image: url('../images/next.png');}
.home_switch .prev:hover::after{background-image: url('../images/prev-on.png');}
.home_switch .next:hover::after{background-image: url('../images/next-on.png');}

.home_service .ser_item{border-radius: var(--padding-margin__10);display: block;overflow: hidden;position: relative;}
.home_service .home_top{margin-bottom: var(--padding-margin__45);}
.home_service .ser_item .img{transform: scale(1);transition: all 0.8s ease;}
.home_service .ser_item:hover .img{transform: scale(1.05);}
.home_service .ser_item h4{position: absolute;bottom: var(--padding-margin__100);left: 50%;transform: translateX(-50%);color: #ffffff;font-size: var(--font-size__26);margin: 0;width: 100%;text-align: center;line-height: 1.2;}
@media (min-width:1024px) {
   .home_service .ser_item .img{height:570px;width: 100%;object-fit:cover;}
}
.home_video{background-color: rgb(238, 238, 239);}
.home_video h2{margin: 0 0 var(--padding-margin__45);text-align: center;font-size: var(--font-size__32);line-height: 1;}
.home_video .video_wrap{position: relative;overflow: hidden;border-radius: var(--padding-margin__10);cursor: pointer;}
.home_video .video_wrap .cover{height: 100%;object-fit: cover;width: 100%;transform: scale(1);transition: all 0.8s ease;max-height:570px;}
.home_video .video_wrap:hover .cover{transform: scale(1.05);}
.home_video .play_btn{position: absolute;top: var(--padding-margin__40);right: var(--padding-margin__50);color: #ffffff;font-size: var(--font-size__18);padding: var(--padding-margin__10) var(--padding-margin__30) var(--padding-margin__10) var(--padding-margin__10);border-radius: var(--padding-margin__50);background-color: var(--primary-color);line-height: 1;}
.home_video .play_btn .play_icon{border-radius: 50%;background-color: #ffffff;width: .35rem;height: .35rem;position: relative;margin-right: var(--padding-margin__10);}
.home_video .play_btn .play_icon::after{content: '';position: absolute;top: 50%;left: 50%;border-top: .08rem solid transparent;border-bottom: .08rem solid transparent;border-left: .14rem solid var(--primary-color);transform: translate(-50%,-50%);}

.latest_news.page_pad{padding-bottom:0;}
.home_service.home_margin{margin-bottom:0;}
.latest_news .news_swiper{margin-top: var(--padding-margin__45);}
.latest_news .news_item{border-radius: var(--padding-margin__10);overflow: hidden;}
/*.latest_news .news_item .news_info{padding: 0 0 var(--padding-margin__50);}*/
.latest_news .news_item .news_info .news_date{color: var(--primary-color);}
.latest_news .news_item .news_info h4{font-size: var(--font-size__22);margin: var(--padding-margin__20) 0 var(--padding-margin__40);font-weight: 400; line-height: 1.5em; height: 3em;}
.latest_news .news_item .news_more{font-size: var(--font-size__18);transition: all 0.5s ease;}
.latest_news .news_item:hover{color: var(--default-color);}
.latest_news .news_item  .more_icon{height: .16rem;width: .4rem;background-image: url('../images/arrow_r.png');background-position: center;background-size: contain;background-repeat: no-repeat;transition: transform 0.3s ease;}
.latest_news .news_item:hover .more_icon{animation: iconMove 1s ease-in-out infinite;}
.latest_news h3{line-height:1}
@keyframes iconMove{0%,100%{transform: translateX(0);}50%{transform: translateX(0.05rem);}}


.latest_news .news_list{margin-top: var(--padding-margin__40);}
.latest_news .news_list .item{width: 32%;}

@media (max-width: 640px) {
.latest_news .news_list .item{width: 100%; margin-bottom: var(--padding-margin__50);}
.home-ban .ban_text h2{font-size: var(--font-size__40);}
.home_title{font-size: var(--font-size__30);}
}

.home_prod{background-color: #EEEEEF;}
.home_prod .prod_left h3:last-of-type{margin-top:10px;}
.home_prod.nobg {background-color: transparent;}
.home_prod .prod_desc{margin: var(--padding-margin__50) 0 2.4rem;font-size: var(--font-size__18);line-height: 1.6;}
.home_prod .home_more{font-size: var(--font-size__18);line-height: 1;}
.home_prod .prod_left .prod_desc{text-align: justify;}
.home_prod .prod_right{overflow: hidden;border-radius: var(--padding-margin__10);}
.home_prod .prod_right img{height: 100%;object-fit: cover;width: 100%;transition: all 0.8s ease;}
.home_prod .prod_right:hover img{transform: scale(1.05);}
.home_about .about_desc{margin-top: var(--padding-margin__50);font-size: var(--font-size__18);text-align: justify;line-height: 1.6;}
.home_about .about_left{width: 18%;}
.home_about .about_right{width: 75%;}
.home_about .about_item{margin-right: .35rem;width: calc(33.33% - .23rem);border-radius: var(--padding-margin__10);overflow: hidden;position: relative;display: block;}
.home_about .about_item:nth-child(3n){margin-right: 0;}
.home_about .about_item .img{height: 100%;object-fit: cover;width: 100%;transform: scale(1);transition: all 0.8s ease;}
.home_about .about_item:hover .img{transform: scale(1.05);}
.home_about .about_item .text_box{position: absolute;top: var(--padding-margin__30);left: var(--padding-margin__30);color: #ffffff;}
.home_about .about_item .about_text{font-size: var(--font-size__18);margin-bottom: var(--padding-margin__40);}
.home_about .about_item h4{margin: 0;font-size: var(--font-size__28);}
.home_about .about_item .more_btn{font-size: var(--font-size__18);line-height: 1;padding: .18rem .28rem;background-color: #ffffff;transition: .5s;position: absolute;left: 50%;transform: translateX(-50%);bottom: .55rem;border-radius: var(--padding-margin__50);}
.home_about .about_item:hover .more_btn{background-color: var(--primary-color);color: #ffffff;}

.home_investment{background-color: rgb(186 40 41);}
.home_investment .investment_wrap{text-align: center;color: #ffffff;}
.home_investment .investment_wrap h3{font-size: var(--font-size__38);margin: 0 0 var(--padding-margin__30);}
.home_investment .investment_wrap .investment_text{font-size: var(--font-size__24);line-height: 1.6;}
.home_investment .investment_wrap .contact_btn{
    text-decoration: underline;
    color: #ffffff;
    transition: all 0.3s ease;
    display: inline-block;
}
.home_investment .investment_wrap .contact_btn:hover{
    transform: translateY(-2px);
}


@media (max-width: 1024px) {
   .home_brief .brief_text .t2{width: 100%;}
   .home_brief .brief_text a{display: block;width: fit-content;}
   .home_prod .prod_right{width: 100%;}
   .home_prod .prod_desc{margin: var(--padding-margin__50) 0;}
   .home_about .about_right{width: 100%;}
   .home_about .about_left{width: 100%;margin-bottom: var(--padding-margin__50);}
}

@media (max-width: 640px) {
   .home_about .about_right .about_item{width: 100%;margin-right: 0;margin-bottom: var(--padding-margin__50);}
   .home_investment .investment_wrap h3{line-height: 1.2;}
}

.pad_100,.pad_90{padding-top: var(--padding-margin__90);}
.mar_90{margin-top:var(--padding-margin__90);}
.mar_45{margin-top:var(--padding-margin__45);}
.page_margin{margin: var(--padding-margin__90) auto;}
.page_pad{padding: var(--padding-margin__90) 0;}
.left{width: 47%;}
.right{width: 47%;}

/*.page_description .description_wrap{border-top: 1px solid var(--default-color);}*/
.description_wrap.container .container{width:100%;}
.page_description .page_title{margin: 0 0 var(--padding-margin__30);}
.page_description .description_desc{text-align: justify;font-size: var(--font-size__18);line-height: 1.8;}
.page_description .description_right,.page_description .description_left{border-radius: var(--padding-margin__10);height: 100%;display: inline-grid;}

.page_description .description_right img,.page_description .description_left img{height: 100%;object-fit: cover;width: 100%;transition: .8s ease;}
.page_description .description_right:hover img,.page_description .description_left:hover img{transform: scale(1.05);}
.page_description .description_desc p{margin: 0;font-size: var(--font-size__18);line-height: 1.8;}
.page_description .description_btn{margin-top: var(--padding-margin__70);color: var(--primary-color);position: relative;line-height: 1;padding-right: .3rem;display: block;width: fit-content;}
.page_description .description_btn::after{content: '';position: absolute;width: .16rem;height: .15rem;background-image: url('../images/arrow_r.png');background-position: center;background-size: contain;background-repeat: no-repeat;right: 0;top: 50%;transform: translateY(-50%);}
.page_description .description_btn:hover{animation: arrowMove 1s ease-in-out infinite;}

/* .page_accordion{background-color: #EEEEEF;} */
.page_accordion .page_title{margin: 0 0 var(--padding-margin__30);}
.page_accordion .accordion_right{border-radius: var(--padding-margin__10);overflow: hidden;position: relative;
    /* 4:3 比例计算：3 ÷ 4 = 75% */
/*    padding-top: 75%;*/
    height: auto !important; /* 覆盖原有height:100% */}
.page_accordion .accordion_right img{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.8s ease;}
@media (min-width: 1024px) {
   .page_accordion .accordion_right{min-height:4rem}
}
.page_accordion .accordion_right:hover img{transform: scale(1.05);}
.page_accordion .accordion_item{padding:var(--padding-margin__15) 0;display: block;}
.page_accordion .accordion_item h3{font-size: var(--font-size__20);font-weight: 400;margin: 0;cursor: pointer;display: flex;align-items: center;transition: all 0.5s ease;}
.page_accordion .accordion_item h3 span{margin-right: var(--padding-margin__10);font-weight: 500;display: inline-block;transition: all 0.5s ease;}
.page_accordion .accordion_item p{margin: 0;max-height: 0;overflow: hidden;transition: max-height 0.3s ease, margin-top 0.5s ease;}
.page_accordion .accordion_item.active h3 span{content: '-';}
.page_accordion .accordion_item.active p{max-height: 200px;margin-top: var(--padding-margin__30);color: #666;}
.page_accordion .accordion_item.active h3,
.page_accordion .accordion_item h3:hover{color: var(--primary-color);}

.softwear_swiper{position: relative;}
.softwear_swiper .content_wrap{position: absolute;top:0;left: 50%;transform: translateX(-50%);line-height: 1;color: #ffffff;height: 100%;}
.softwear_swiper .content_wrap h3{font-size:.38rem;margin: var(--padding-margin__45) 0 0;text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,0.3);}
.softwear_swiper .content_wrap .home_more{position: absolute;left: 0;bottom: var(--padding-margin__50);}

.h_server .home_service.home_margin{margin-bottom:var(--padding-margin__90);margin-top:var(--padding-margin__120)}
.page_company{padding-bottom:.45rem;}
.contact_model{padding:var(--padding-margin__45) auto;}
.page_company .page_title{text-align: center;margin-bottom:.90rem}
.page_company .company_list{margin-top: var(--padding-margin__45);}
.page_company .item{margin-top: var(--padding-margin__40);width: 48%;display: flex;}
.page_company .item:nth-child(-n+2) {margin-top: 0;}
.page_company .item .icon{ width: 0.6rem; height: 0.6rem; border-radius: 50%; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; margin-right: var(--padding-margin__20);flex-shrink: 0;}
.page_company .item .icon img{ max-width: 0.35rem;}
.page_company .item .name{font-size: var(--font-size__24);margin-bottom: var(--padding-margin__20);}
.page_company .item .desc{font-size: var(--font-size__16); line-height: 1.875; color: #666;}

.page_salesperson{margin-bottom: var(--padding-margin__90);}
.page_salesperson .page_title{text-align: center;margin-bottom: var(--padding-margin__45);}
/*.page_salesperson .salesperson_list{margin-top: var(--padding-margin__80);}*/
.page_salesperson .salesperson_item{width: 30%;}
.page_salesperson .salesperson_item .name{font-size: var(--font-size__24);margin-bottom: var(--padding-margin__10);}
.page_salesperson .salesperson_item .position{margin-bottom: var(--padding-margin__20);}
.page_salesperson .salesperson_item .phone{margin-bottom: var(--padding-margin__10);}
.page_salesperson .salesperson_item .btn{margin-top: var(--padding-margin__20);color: #ffffff;line-height: 1;padding: .08rem .24rem;border-radius: var(--padding-margin__50);background-color: var(--primary-color);width: fit-content;display: block;}

.page_contact .contact_left .list {display: none; justify-content: space-between; gap:5%; margin-top:45px;    flex-wrap: wrap;}
.page_contact .contact_left .list .salesperson_item{margin-bottom: var(--padding-margin__50); width: 45%;}
.page_contact .contact_left .list .salesperson_item .name{font-size: var(--font-size__24);margin-bottom: var(--padding-margin__10);}
.page_contact .contact_left .list .salesperson_item .position{margin-bottom: var(--padding-margin__20);}
.page_contact .contact_left .list .salesperson_item .phone{margin-bottom: var(--padding-margin__10);}
.page_contact .contact_left .list .salesperson_item .btn{margin-top: var(--padding-margin__20);color: #ffffff;line-height: 1;padding:.05rem .24rem;border-radius: var(--padding-margin__50);background-color: var(--primary-color);width: fit-content;display: inline-block;}

.page_contact .contact_left .tit{font-weight:600;font-size: var(--font-size__26);margin-bottom: var(--font-size__20);}
.page_contact .contact_form .form_row{display: flex;gap: var(--padding-margin__30);margin-bottom: var(--padding-margin__30);}
.page_contact .contact_form .form_group{flex: 1;}
.page_contact .contact_form label{display: block;font-size: var(--font-size__16);margin-bottom: var(--padding-margin__10);}
.page_contact .contact_form input,
.page_contact .contact_form textarea{width: 100%;padding: .15rem .2rem;border: 1px solid #E1E2E2;border-radius: .08rem;font-size: var(--font-size__16);background-color: #ffffff;transition: border-color 0.3s ease;}
.page_contact .contact_form input:focus,
.page_contact .contact_form textarea:focus{outline: none;border-color: var(--primary-color);background-color: #ffffff;}
.page_contact .contact_form textarea{resize: none;min-height: 120px;}
.page_contact .contact_form .form_checkbox{display: flex;align-items: center;gap: var(--padding-margin__10);margin: var(--padding-margin__30) 0;}
.page_contact .contact_form .form_checkbox input{width: auto;margin: 0;}
.page_contact .contact_form .form_checkbox label{margin: 0;font-size: var(--font-size__14);}
.page_contact .contact_form .form_btn{background-color: var(--primary-color);color: #ffffff;border: none;padding:.05rem .24rem;border-radius: var(--padding-margin__100);font-size: var(--font-size__18);cursor: pointer;transition: all 0.3s ease;display: block;margin-left: auto;}
.page_contact .contact_form .form_btn:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.15);}
.page_contact .contact_right{width: 55%;}
.contactus .contact_left,.contactus .contact_right{width:100%;}
.contactus .contact_left{margin-bottom:45px;text-align:center;}
.contactus .contact_form{margin-bottom: var(--padding-margin__90);}
.page_contact .contact_form .form_checkbox{display: flex;align-items: center;gap: var(--padding-margin__10);margin: var(--padding-margin__30) 0;position: relative;}
.page_contact .contact_form .form_checkbox input{position: absolute;opacity: 0;}
.page_contact .contact_form .form_checkbox label{margin: 0;font-size: var(--font-size__14);display: flex;align-items: center;cursor: pointer;position: relative;}
.page_contact .contact_form .form_checkbox label::before{content: '';width: .24rem;height: .24rem;border: 2px solid #E1E2E2;border-radius: .04rem;margin-right: .12rem;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;flex-shrink: 0;}
.page_contact .contact_form .form_checkbox input:checked + label::before{background-color: var(--primary-color);border-color: var(--primary-color);}
.page_contact .contact_form .form_checkbox input:checked + label::after{content: '✓';position: absolute;color: #ffffff;font-size: .14rem;font-weight: bold;left: .07rem;top: 50%;transform: translateY(-50%);}
.page_contact .contact_form .agree{font-size: var(--font-size__14);margin-top: var(--padding-margin__20);}

.white_bg{background-color: #ffffff;}
.default_bg{background-color: #EEEEEF;}


.page_about{background-color: rgb(186 40 41);color: #ffffff;}
.page_about .page_title{margin: 0 0 var(--padding-margin__50);}
.page_about .about_desc{font-size: var(--font-size__18);line-height: 1.6;}
.page_about .about_more{font-size: var(--font-size__18);line-height: 1;margin-top: var(--padding-margin__120);color: #ffffff;}
.page_about .about_more .home_more{background-color: #ffffff;}
.page_about .about_more .home_more::after{filter: none;}
.page_about .about_right{border-radius: var(--padding-margin__10);overflow: hidden;}
.page_about .about_right img{height: 100%;object-fit: cover;width: 100%;transition: all 0.8s ease;}
.page_about .about_right:hover img{transform: scale(1.05);}

.page_prod h2{font-size: var(--font-size__32);margin: 0 0 var(--padding-margin__45);line-height:1}
.page_prod h3{font-size: var(--font-size__28);margin: var(--padding-margin__20) 0 0;line-height: 1;font-weight: 400;}
.page_prod .prod_item{display: block;margin: var(--padding-margin__60) var(--padding-margin__50) 0 0;width: calc(33.33% - var(--padding-margin__40));}
.page_prod .prod_item:nth-child(-n+3) {
    margin-top: 0;
}
.page_prod.page_margin{margin-bottom:0}
.page_prod .prod_item:nth-child(3n){margin-right: 0;}
.page_prod .prod_item .img_box{padding:30px;border-radius: var(--padding-margin__10);transition:height .4s ease;width:100%;overflow: hidden;background:#f2f5f5; aspect-ratio: 1;height:2.9rem;}
.page_prod .prod_item:hover .img_box{height:2.42rem;transition:height .4s ease}
.page_prod .prod_item:hover h3{color:var(--default-color);}
/*.page_prod .prod_item:hover */
.page_prod .prod_item .img_box img{height: 100%;object-fit: contain;width: 100%;transition: .8s;}
/*.page_prod .prod_item:hover .img_box img{transform: scale(1.05);}*/
.page_prod .more_btn,
.page_assembly .more_btn{color: #ffffff;font-size: var(--font-size__20);margin:var(--padding-margin__45) auto;line-height: 1;width: 20%;background-color: var(--primary-color);border-radius: var(--padding-margin__50);padding: .16rem 0;text-align: center;cursor: pointer;}
.page_prod .more_btn{margin-top:var(--padding-margin__45);margin-left:auto;margin-right:auto;margin-bottom:0}
.page_prod .prod_item:nth-child(n+7){display: none;}
.page_prod.show_all .prod_item:nth-child(n+7){display: block;}
/*.page_prod.show_all .more_btn{display: none;}*/
.page_assembly .assembly_item:nth-child(n+7){display: none;}
.page_assembly.show_all .assembly_item:nth-child(n+7){display: flex;}
.page_assembly.show_all .more_btn{display: none;}
/* 收起状态按钮样式 */
.page_prod .more_btn.on,
.page_assembly .more_btn.on{background-color: #ffffff;color: var(--primary-color);border: 1px solid var(--primary-color);}

.page_case .case_swiper{margin: var(--padding-margin__45) -10px 0 -10px;overflow: hidden; }
.page_case .case_item .img_box{margin-bottom: var(--padding-margin__20);height:292px;transition: .5s; }
.page_case .case_item img { width: 100%; height: auto; display: block; }
/*.page_case .case_item:hover .img_box{height:271px;}*/
.page_case .case_item:hover .img_box img {transform: scale(1.05);}
.page_case .case_item h3{font-size: var(--font-size__28);margin: 0;line-height: 1;font-weight: 400;}
.page_case .case_item:hover h3{color:var(--default-color)}
.page_case .case_item {margin: 0 10px;}


.page_assembly .assembly_list{margin-top: var(--padding-margin__50);}
.page_assembly .assembly_item,.page_assembly a{transition: 3s all; border-radius: var(--padding-margin__10);overflow: hidden;margin-right: var(--padding-margin__30);width: calc(33.33% - .2rem);transition: .5s;margin-top: var(--padding-margin__50);cursor: default;}
.page_assembly .assembly_item:nth-child(-n+3),.page_assembly a:nth-child(-n+3){margin-top:0;}
.page_assembly .assembly_item:nth-child(3n),.page_assembly a:nth-child(3n){margin-right: 0;}
.page_assembly .assembly_item .img_box,.page_assembly a .img_box{flex-shrink: 0;}
.page_assembly .assembly_item .img_box,.page_assembly a .img_box{background-color: #fff;padding-bottom:88%;overflow: hidden;position: relative;transition:all .5s;font-size: var(--font-size__18);border-radius:var(--padding-margin__10);}
.page_assembly .assembly_item .img_box img,.page_assembly a .img_box img{object-fit:cover;position: absolute; left:0; top:0;}
.page_assembly .assembly_item .info_box,.page_assembly a .info_box{/* background-color: #DBDCDC; */padding-top: var(--padding-margin__30);}
.page_assembly .assembly_item h3,.page_assembly a h3{font-size: var(--font-size__20);margin:0;line-height: 1.25em;color:var(--default-color);font-weight: bold;}
.page_assembly .assembly_item .desc,.page_assembly a .desc{font-size: var(--font-size__18);color:#555; margin-top:var(--padding-margin__10);max-height: 0; transition:all .5s ease; line-height: 1.75em;}
.page_assembly .assembly_item:hover .info_box,.page_assembly a:hover .info_box{color: var(--primary-color);}
.page_assembly .assembly_item:hover,.page_assembly a:hover{border-color: var(--primary-color);}
.page_assembly .assembly_item:hover .img_box,.page_assembly a:hover .img_box{border-radius:var(--padding-margin__10) var(--padding-margin__10) 0 0; padding-bottom:calc(88% - 9em);}
.page_assembly .assembly_item:hover h3,.page_assembly a:hover h3{color:var(--default-color)}
.page_assembly .assembly_item:hover .img_box img,.page_assembly a:hover .img_box img{transform: scale(1);}
.page_assembly .assembly_item:hover .desc,.page_assembly a:hover .desc{ max-height: 9em;height:9em;}
.page_assembly #toofew  .assembly_item .img_box{padding-bottom:initial;}
.page_assembly #toofew   .assembly_item:hover .desc,.page_assembly #toofew   .assembly_item .desc{max-height:unset}
/* ========== 新增 一行四列样式 ========== */
/* 原有3列布局隔离，不受四列影响 */
.page_assembly .assembly_list:not(.assembly_list_4col) a:nth-child(-n+3){margin-top:0;}
.page_assembly .assembly_list:not(.assembly_list_4col) a:nth-child(3n){margin-right: 0;}

/* ========== 四列修复CSS 核心改动：使用flex-wrap + gap 彻底规避宽度计算bug ========== */
.page_assembly .assembly_list_4col {
    display: flex;
    flex-wrap: wrap;
    gap: var(--padding-margin__30); /* 统一使用gap控制间距，替代margin-right */
}
.page_assembly .assembly_list_4col a {
    width: calc(25% - var(--padding-margin__30) * 3 / 4);
    margin-top: var(--padding-margin__50);
    margin-right: 0 !important; /* 清除原有margin-right冲突 */
}
/* 第一行4个取消上边距 */
.page_assembly .assembly_list_4col a:nth-child(-n+4) {
    margin-top: 0;
}

.page_workmanship{background-color: #EEEEEF;}
.page_workmanship .page_title{margin: 0 0 var(--padding-margin__45);}
.page_workmanship .workmanship_desc{font-size: var(--font-size__18);}
.page_workmanship .workmanship_desc pre{font-size: var(--font-size__18);line-height:2.4;font-family:var(--font-family);margin:-10px 0;}
.page_workmanship .workmanship_desc p{margin: 0 0 var(--padding-margin__15);}
.page_workmanship .left img{height: 100%;object-fit: contain;width: 100%;transition: all 0.8s ease;}
.page_workmanship .left:hover img{transform: scale(1.05);}


.page_workmanship .item .img_box {position: relative;}
.page_workmanship .item .img_box img{object-fit:contain;max-height:5rem;}
.page_workmanship .item li {position: absolute; transform: translate(-50%,-50%); z-index: 5; cursor: default;}
.page_workmanship .item li:before {position: absolute; left:0; top:0; width: 100%; height: 100%; border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 1); display: block; content: ''; animation: point 1.5s linear 0s infinite;}
.page_workmanship .item .point {border-radius: 50%; color:#fff; font-size:0.22rem; width:1.35em; height: 1.35em; background-color: rgba(var(--primary-color__rgb), 1); display: flex; align-items: center; justify-content: center; z-index: 5; font-weight: bold; position: relative; transition: all 0.5s;}
.page_workmanship .item .name {background-color: #fff;border-radius:4px; padding:0 1.5em; height: 2.5em; display: flex; align-items: center; justify-content: center; position: absolute; left:50%; top:50%; transform: translateY(-50%); white-space: nowrap; z-index: 2; opacity: 0; visibility: hidden;transition: all 1s;}
.page_workmanship .item li:hover{z-index: 10;}
.page_workmanship .item li:hover .point {transform: rotate(360deg);}
.page_workmanship .item li:hover .name {opacity: 1; visibility: visible;}
.page_workmanship .item:hover .img_box img {transform: none;}


.unit_model .unit_section:nth-child(2n) .unit_wrap{flex-direction: row-reverse;}
.unit_model .unit_wrap .unit_more{margin-top: var(--padding-margin__50);}
.unit_section .page_title{margin: 0 0 var(--padding-margin__50);}
.unit_model .unit_wrap .unit_desc{font-size: var(--font-size__18);line-height: 1.8;}
.unit_model .unit_wrap .img_box {position: relative;}
.unit_model .unit_wrap .img_box:after {padding-bottom:calc(520/672*100%); display: block; content:'';}
.unit_model .unit_wrap .img_box img {position: absolute;}
.product_list .product_left{width: 24%;border-radius: var(--padding-margin__10);position: sticky;top: var(--padding-margin__110);padding:0 var(--padding-margin__20) 0 0;height: fit-content;}
.product_list .product_left h2{font-size: var(--font-size__24);line-height: 1;margin: 0;}
.product_list .category_list{margin: var(--padding-margin__20) 0;}
.product_list .category_list a{display: block;padding: var(--padding-margin__10) 0;border-radius: .05rem;transition: all 0.5s ease;}
.product_list .category_list a:hover,
.product_list .category_list a.active{background-color: #EEEEEF;color: var(--primary-color);padding: var(--padding-margin__10);}
.product_list .product_right{width: 74%;}
.product_list .product_item{border-radius: var(--padding-margin__10);border: .01rem solid #ddd;margin:0 var(--padding-margin__30) var(--padding-margin__30) 0;width: calc(33.33% - var(--padding-margin__20));text-align: center;display: block;padding-bottom: var(--padding-margin__30);}
.product_list .product_item:nth-child(3n){margin-right: 0;}
.product_list .product_item .img_box{0 var(--padding-margin__10) var(--padding-margin__10);height: 2.6rem;}
.product_list .product_item .img_box .img{object-fit: contain;}
.product_list .product_item .btn{background-color: var(--primary-color);color: #ffffff;border-radius: .05rem;padding: .12rem 0;line-height: 1;width: 70%;margin: 0 auto var(--padding-margin__20);opacity: 0;transition: all 0.5s ease;}
.product_list .product_item .title{font-size: var(--font-size__20);margin: 0;font-weight: 400;color: var(--default-color);}
.product_list .product_item:hover .btn{opacity: 1;}
.product_list .product_item .btn .icon{width: .18rem;height: .18rem;background-image: url('../images/arrow_r.png');background-position: center;background-size: contain;background-repeat: no-repeat;margin-left: var(--padding-margin__10);filter: brightness(0) saturate(100%) invert(1);}

.page_processing .page_title{margin: 0 0 var(--padding-margin__45);text-align: center;}
.page_processing .processing_item{width: 30%;}
.page_processing .processing_item:nth-child(3n){margin-right: 0;}
.page_processing .processing_item h3{font-size: var(--font-size__28);margin: 0 0 var(--padding-margin__20);line-height: 1;text-align: center;}
.page_processing .processing_item .processing_desc{font-size: var(--font-size__18);line-height: 1.6;}

.page_application .page_title{margin: 0 0 var(--padding-margin__45);line-height: 1;}
.page_application .application_item{margin-right: .46rem;width: calc(33.33% - .31rem);margin-top: var(--padding-margin__30);}
.page_application .application_item:nth-child(-n+3){margin-top:0;}
.page_application .application_item:nth-child(3n){margin-right: 0;}
.page_application .slick-list{margin: 0 -0.23rem;}
.page_application .slick-list .application_item{margin:0 0.23rem;}
/* .page_application .slick-list .application_item:nth-child(3n){margin-right:  .23rem;} */
.page_application h3{margin-bottom:0;line-height:1}
/* 图片容器 固定宽高比，统一高度核心 */
.page_application .application_item .img_box {
  width: 100%;
  position: relative;
  /* 图片 423.06 × 283.03 比例 */
  padding-top: 66.90%;
  overflow: hidden;
}
.page_application .application_item .img_box .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 铺满容器，不变形，超出裁剪 */
  transition: transform 0.3s ease;
}

.select_model .select_model_fex {
  display: flex;
  gap: var(--padding-margin__60);
}
/* 左侧图片区域 占30%宽度 */
.select_model .select_model_img {
  width: 30%;
  flex-shrink: 0; /* 固定宽度，不会被挤压缩小 */
}
.select_model .select_model_img img {
  display: block;
  width: 100%;
  height: auto;
}

/* 右侧参数文字区域 占剩余70% */
.select_model_fex .select_model_box {
  flex: 1;
}

/* ========== 移动端响应式适配 ========== */
/* 平板 992px以下 改为上下堆叠 */
@media (max-width: 992px) {
  .select_model .container {
    flex-direction: column;
    gap: var(--padding-margin__40);
  }
  .select_model .select_model_img {
    width: 100%;
  }
  .page_contact .contact_left .list .salesperson_item{width: 100%;}
  .page_workmanship .item .name{font-size: 0.12rem;}
}
.select_model .page_title{margin: 0 0 .24rem;}
.select_model .tabs{gap: .17rem;margin-bottom: var(--padding-margin__30);}
.select_model .tab{color: #898987;font-size: var(--font-size__18);padding: 5px 10px;border-radius: var(--padding-margin__50);border: solid 0.02rem #898987;line-height: 1;cursor: pointer;}
.select_model .tab.active{border-color: var(--default-color);color: var(--default-color);}
.select_model .model_item .data{width: 48%;line-height:45px;font-size: var(--font-size__18);}
.select_model .model_content{margin-bottom: var(--padding-margin__45);}
.select_model .model_tip{font-size: var(--font-size__16);line-height: calc(.37rem / var(--font-size__14));margin:-10px 0;}

@keyframes point {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
.page_feature .feature_list{margin-top: var(--padding-margin__50);}
.page_feature .feature_list pre {
    font-size: var(--font-size__18);
    line-height: 2.4;
    font-family: var(--font-family);
    margin: -10px 0;
   white-space: pre-wrap;
}
.page_feature .feature_list pre span{position:relative;display:block;padding-left:30px;line-height: 1.3;
    margin: .2rem 0;
}
.page_feature .feature_list pre span:before{position:absolute;left:0;top:3px;background: url('../images/dui.png') no-repeat;content:'';width:24px;height:24px;background-size:90%;}
.page_feature .feature_item .icon{background-image: url('../images/dui.png');background-position: center;background-size: contain;background-repeat: no-repeat;width: .16rem;height: .16rem;margin-right: var(--padding-margin__10);}
.page_feature .feature_item .text{font-size: var(--font-size__18);line-height: 1;}
.page_feature .feature_item{margin-bottom: var(--padding-margin__30);}
.page_feature .feature_item:last-child{margin-bottom: 0;}
.page_feature .item .img_box {position: relative;}
.page_feature .left{position: relative;z-index: 10;}
.page_feature .item li {position: absolute; transform: translate(-50%,-50%); z-index: 5; cursor: default;}
.page_feature .item li:before {position: absolute; left:0; top:0; width: 100%; height: 100%; border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 1); display: block; content: ''; animation: point 1.5s linear 0s infinite;}
.page_feature .item .point {border-radius: 50%; color:#fff; font-size:0.22rem; width:1.35em; height: 1.35em; background-color: rgba(var(--primary-color__rgb), 1); display: flex; align-items: center; justify-content: center; z-index: 5; font-weight: bold; position: relative; transition: all 0.5s;}
.page_feature .item .name {background-color: #fff;border-radius:4px; padding:0 1.5em; height: 2.5em; display: flex; align-items: center; justify-content: center; position: absolute; left:50%; top:50%; transform: translateY(-50%); white-space: nowrap; z-index: 2; opacity: 0; visibility: hidden;transition: all 1s;pointer-events: none;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.page_feature .item li:hover{z-index: 10;}
.page_feature .item li:hover .point {transform: rotate(360deg);}
.page_feature .item li:hover .name {opacity: 1; visibility: visible;pointer-events: auto;}
.page_feature .item:hover .img_box img {transform: none;}
.page_advantage .advantage_list{margin-top: var(--padding-margin__45);}
.page_advantage .advantage_list pre {
    font-size: var(--font-size__18);
    line-height:1.3;
    font-family: var(--font-family);
    margin: -10px 0;
   white-space: pre-wrap;
}
.page_advantage .advantage_list pre span{position:relative;display:block;padding-left:20px;margin-bottom:.2rem;}
.page_advantage .advantage_list pre span:before{position:absolute;left:0;top:10px;width: 0.05rem;height: 0.05rem;background-color: #211c18;content:'';}

.page_advantage .advantage_item{padding: var(--padding-margin__20);border-bottom: .01rem solid #ededed;position: relative;font-size: var(--font-size__18);line-height: 1;}
.page_advantage .advantage_item::before{content: '';position: absolute;width: 0.05rem;height: 0.05rem;background-color: #211c18;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;}
.page_advantage .item:hover .img_box .img {transform: scale(1);}
.zoomContainer{ z-index:100;}

@media(max-width:1024px){
  .page_feature .item .name{top: 100%;transform: translateX(-50%);height: auto;font-size: 0.12rem;}
}
@media(max-width:768px){
.zoomContainer{ display:none;}
}

.prod_features .features_inner{max-width: 9.5rem;width: 100%;}
.prod_features .features_wrap{margin-top: var(--padding-margin__30);}
.prod_features .features_item{padding: var(--padding-margin__10) 0;font-size: var(--font-size__18);align-items: baseline;}
.prod_features .features_item .icon{background-image: url('../images/dui.png');background-position: center;background-size: contain;background-repeat: no-repeat;width: .16rem;height: .16rem;margin-right: var(--padding-margin__10);flex-shrink: 0;}

.page_contact .page_title{text-align: center;margin-bottom: var(--padding-margin__45);}

.news_page .news_inner{border-top: 1px solid var(--default-color);}
.news_page .page_title{margin-bottom: var(--padding-margin__20);}
.news_page .news_list{margin: var(--padding-margin__45) 0;}
.news_page .news_item{margin-right: var(--padding-margin__60);margin-top: var(--padding-margin__60);width: calc(33.33% - var(--padding-margin__40));padding-bottom: var(--padding-margin__40);border-bottom: .01rem solid #f2f2f2;}
.news_page .news_item:nth-child(-n+3){margin-top:0;}
.news_page .news_item:nth-child(3n){margin-right: 0;}
.news_page .news_item .img_box{border-radius: 0;margin-bottom: var(--padding-margin__40);}
.news_page .news_item .news_title{font-size: var(--font-size__24);line-height: calc(.34rem / var(--font-size__24));margin-bottom: var(--padding-margin__30);}
.news_page .news_item .news_desc{color: #666666;line-height: calc(.32rem / var(--font-size__16));margin-bottom: var(--padding-margin__30);}
.news_page .news_item .news_date{color: #999999;}

.news_silie{color:var(--default-color)}
.news_silie .news_item .news_info{ flex: 1; /* 自动撑开，所有卡片底部平齐 */
    display: flex;
    flex-direction: column;}
.news_silie .news_item{width: calc(25% - var(--padding-margin__30));padding-bottom:0;border-bottom:0;margin-right:var(--padding-margin__40);margin-top:var(--padding-margin__40);flex-direction: column; /* 垂直弹性布局，底部自动对齐 */}
.news_silie .news_item:nth-child(-n+3){margin-top:auto;}
.news_silie .news_item:nth-child(-n+4){margin-top:0;}
.news_silie .news_item:nth-child(3n){margin-right: auto;}
.news_silie .news_item:nth-child(4n){margin-right:0;}
.news_silie .news_item .news_desc{margin-bottom:0;font-size:var(--font-size__18);line-height:1.6;color:var(--default-color);flex: 1; /* 描述文字自适应高度，不挤压标题 */}
.news_silie .news_item .img_box{margin-bottom:var(--padding-margin__10);flex-shrink: 0; /* 图片区域固定高度，不压缩 */}
.news_silie .news_item .news_title{margin-bottom:var(--padding-margin__20);font-size: var(--font-size__28);font-weight:bold;}
.news_silie .news_item:hover .news_title{color:var(--default-color)}

.news_details .news_details_inner{border-top: 1px solid var(--default-color);}
.news_details .detail_wrap{max-width: 10rem;margin: 0 auto;}
.news_details .detail_title{text-align: center;font-size: var(--font-size__36);margin-bottom: var(--padding-margin__30);font-weight: 500;}
.news_details .detail_time{color: #999999;}
.news_details .detail_time .icon{width: 0.14rem;height: 0.14rem;background-image: url('../images/time.png');background-position: center;background-size: contain;background-repeat: no-repeat;margin-right: var(--padding-margin__10);}
.news_details .detail_content{border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;padding-top: var(--padding-margin__60);padding-bottom: var(--padding-margin__50);margin-top: var(--padding-margin__50);margin-bottom: var(--padding-margin__40);}
.news_details .detail_content{color: #666666;font-size: var(--font-size__18);}
.news_details .detail_content img{margin: 0 auto;}
.news_details .detail_nav{color: #666666;font-size: var(--font-size__18);}
.news_details .detail_nav .next{text-align: right;}
.news_details .detail_nav a{margin-top: var(--padding-margin__10);display: block;}

.details_inner{border-top: 1px solid var(--default-color);}
.details_inner .detail_title{text-align: center;font-size: var(--font-size__32);margin: 0 0 var(--padding-margin__50);}

.page_position .filter_box{background-color: #f5f5f5;margin: var(--padding-margin__45) 0;padding: var(--padding-margin__40);}
.page_position .filter_item .label{margin-right: var(--padding-margin__40);font-size: var(--font-size__18);padding: var(--padding-margin__10) 0;}
.page_position .filter_item{margin-bottom: var(--padding-margin__30);}
.page_position .filter_item:last-child{margin-bottom: 0;}
.page_position .select_item{padding: var(--padding-margin__10) var(--padding-margin__20);border-radius: var(--padding-margin__50);cursor: pointer;font-size: var(--font-size__18);}
.page_position .select_item:hover{color: var(--primary-color);}
.page_position .select_item.active{background-color: var(--primary-color);color: #fff;}
.page_position .select_box{overflow-x: auto;}
.page_position .input_box input{background-color: #ffffff;border: solid 0.01rem #e5e5e5;padding: var(--padding-margin__10) var(--padding-margin__20);width: 3.6rem;line-height: 1;border-radius: 0;}
.page_position .input_box a{width: 0.65rem;background-color: var(--primary-color);}
.page_position .input_box a img{width: 0.23rem;height: 0.23rem;}

.page_position .position_list{margin: var(--padding-margin__40) 0 var(--padding-margin__45);}
.page_position .position_table{border-top: 2px solid var(--primary-color);}
.page_position .position_header{display: flex;background-color: var(--primary-color);color: #fff;}
.page_position .position_col,.page_position .position_cell{padding: var(--padding-margin__20) var(--padding-margin__20);font-size: var(--font-size__16);text-align: center;}
.page_position .position_col{font-size: var(--font-size__16);font-weight: 500;}
.page_position .col_name,.page_position .cell_name{flex: 3;text-align: left;padding-left: var(--padding-margin__150);}
.page_position .col_category,.page_position .cell_category{flex: 2;}
.page_position .col_location,.page_position .cell_location{flex: 1.5;}
.page_position .col_time,
.page_position .cell_time{flex: 1.5;position: relative;padding-right: var(--padding-margin__50);}
.page_position .position_row{display: flex;align-items: center;border-bottom: 1px solid #e8e8e8;color: var(--default-color);text-decoration: none;transition: all 0.3s ease;position: relative;}
.page_position .position_row:hover{background-color: #f8f8f8;}
.page_position .position_cell{display: block;}
.page_position .position_row::after{content: '';position: absolute;right: var(--padding-margin__20);top: 50%;transform: translateY(-50%);width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #999;transition: border-color 0.3s ease;}
.page_position .position_row:hover::after{border-left-color: var(--primary-color);}

@media (max-width: 1024px){
    .page_position .position_table{overflow-x: auto;}
    .page_position .position_header,.page_position .position_row{min-width: 700px;}
    .page_position .filter_item .label{margin-bottom: var(--padding-margin__30);}
    .page_position .input_box input{padding: var(--padding-margin__20);}
    .page_position .select_item{white-space: nowrap;}
}

@media (max-width: 640px){
    .page_position .position_col,.page_position .position_cell{padding: var(--padding-margin__20) var(--padding-margin__20);font-size: var(--font-size__14);}
    .page_position .col_name,.page_position .cell_name{padding-left: var(--padding-margin__20);}
}

.recruitment_details .recruitment_wrap{border-top: 1px solid var(--default-color);}
.recruitment_details .recruitment_top{padding-bottom: var(--padding-margin__50);border-bottom: 1px solid #e8e8e8;}
.recruitment_details .recruitment_top .title{margin-right: var(--padding-margin__110);font-weight: 600;font-size: var(--font-size__32);}
.recruitment_details .recruitment_top .salary{color: var(--primary-color);font-weight: 600;font-size: var(--font-size__32);}
.recruitment_details .recruitment_top .info_i{color: #999999;margin-right: var(--padding-margin__40);}
.recruitment_details .recruitment_top .info_i .icon{width: .16rem;height: .18rem;margin-right: var(--padding-margin__10);background-repeat: no-repeat;background-size: contain;background-position: center;}
.recruitment_details .recruitment_top .info_i .icon_location{background-image: url('../images/location.png');}
.recruitment_details .recruitment_top .info_i .icon_time{background-image: url('../images/time.png');}
.recruitment_details .recruitment_top .info_i .icon_work{background-image: url('../images/work.png');}
.recruitment_details .recruitment_top .top_info{margin-top: var(--padding-margin__30);}
.recruitment_details .content{margin: var(--padding-margin__60) 0;color: #333333;font-size: var(--font-size__18);line-height: 2;}
.recruitment_details .btn_wrap{width: fit-content;border: solid 0.01rem var(--primary-color);padding: var(--padding-margin__10) var(--padding-margin__30);color: var(--primary-color);transition: all 0.5s ease;cursor: pointer;}
.recruitment_details .btn_wrap:hover{background-color: var(--primary-color);color: #fff;}
.recruitment_details .btn_wrap .icon{width: .2rem;height: .2rem;margin-right: var(--padding-margin__10);transition: all 0.5s ease;}
.recruitment_details .btn_wrap:hover .icon{filter: brightness(0) saturate(100%) invert(1);}

.deliver_popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 9999;display: none;align-items: center;justify-content: center;}
.deliver_popup .popup_wrap{border-radius: var(--padding-margin__10);background-color: #f8f8f8;position: relative;padding: var(--padding-margin__50) var(--padding-margin__60);width: 35vw;}
.deliver_popup .close_btn{width: 0.4rem;height: 0.4rem;background-color: #f9fafc;box-shadow: 0rem 0.02rem 0.15rem 0rem rgba(0, 0, 0, 0.1);border-radius: 50%;position: absolute;top: -0.2rem;right: -0.2rem;cursor: pointer;}
.deliver_popup .close_btn::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.15rem;height: 0.15rem;background-image: url('../images/close.png');background-size: contain;background-position: center;background-repeat: no-repeat;}
.deliver_popup .title{text-align: center;font-size: var(--font-size__26);margin-bottom: var(--padding-margin__30);}
.deliver_popup .label{font-size: var(--font-size__18);text-align: right;flex-shrink: 0;width: .8rem;margin-right: .15rem;}
.deliver_popup .form_item{margin-bottom: .14rem;}
.deliver_popup .btn{width: fit-content;margin: 0 auto;color: #fff;background-color: var(--primary-color);font-size: var(--font-size__18);line-height: 1;padding: .14rem var(--padding-margin__70);margin-top: var(--padding-margin__30);cursor: pointer;display: block;}
.deliver_popup .form_item .input,.deliver_popup .form_item .upload_wrap{background-color: #ffffff;border-radius: 0.05rem;font-size: var(--font-size__18);padding: .15rem;line-height: 1;width: 100%;border: none;}
.deliver_popup .form_item .upload_input{width: 100%;border: none;}
.deliver_popup .form_item .upload_btn img{width: 0.22rem;height: 0.23rem;object-fit: contain;flex-shrink: 0;}
.deliver_popup .form_item .upload_btn{padding: 0 var(--padding-margin__50);border-left: solid 0.01rem #ebebeb;cursor: pointer;}

.about_page {overflow: hidden;}
.about_page .about_top{border-top: 1px solid var(--default-color);}
.about_page .about_top .about_desc{margin-top: var(--padding-margin__45);font-size: var(--font-size__18);line-height: 2;overflow-y: auto;text-align: justify;padding-right: var(--padding-margin__20);}
.about_page .about_top .about_desc::-webkit-scrollbar{width: 0.03rem;}
.about_page .about_top .about_desc::-webkit-scrollbar-track{background: #f2f2f2;}
/* .about_page .about_top .about_desc::-webkit-scrollbar-thumb{background: var(--primary-color);} */
.about_page .about_top .about_desc p{margin-bottom: var(--padding-margin__20);}



.History {overflow: hidden;background: #f2f2f2;}
.History .page_title{text-align: center;}
.History .list{margin-top: var(--padding-margin__45);}
.History .slider { position: relative; }
.History .slider:after {position: absolute;content: "";left: 0;top: 50%;width: 100%;height: 1px;background: var(--primary-color)}
.History .slick-list { overflow: hidden; /* margin: 0 0.6rem; */ }
.History .main { position: relative; transition: 0.3s 0.5s; }
.History .main .year {position: absolute;z-index: 5;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 0.5rem;height: 0.5rem;border-radius: 50%;border: 0.02rem solid var(--primary-color);background: #f2f2f2; cursor: pointer;}
.History .main .year aside { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%);   font-weight: bold; font-size: 0; transition: 0.3s; }
.History .main .txt {position: absolute;top: 100%;left: 50%;width: 100%;transform: translateX(-50%);font-size: var(--font-size__18);color: #333;}
.History .main .txt p{ margin: 0; line-height: 1.75;}
.History .main .pic { position: relative; text-align: center; border-radius: 50%; overflow: hidden; }
.History .main .pic .Ispic {padding-bottom: 100%;}
.History .History-title{ width: 100%; margin: 0 auto;font-size: var(--font-size__18);color: #333;text-align: center; margin-top: 0.4rem;}
.History .History-title p{ margin: 0; line-height: 1.75;}

.History .slider li.slick-current .year aside{ font-size: var(--font-size__32);}
.History .slider li:has(+ .slick-current) .year,
.History .slider li.slick-current + li .year{width: 0.8rem;height: 0.8rem;}
.History .slider li:has(+ .slick-current) .year aside,
.History .slider li.slick-current + li .year aside{ font-size: var(--font-size__18);}

.History .slider li .year:hover{ background:var(--primary-color); }
.History .slider li .year:hover aside{ color: #fff;}

.History .slick-arrow { position: absolute; width: 0.5rem; height: 0.5rem; top: 50%; margin-top: -0.25rem; border-radius: 50%; background: var(--primary-color); background-size: 0.1rem auto; z-index: 10; transition: 0.3s; font-size: 0; overflow: hidden; }
.History .slick-arrow::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.15rem;height: 0.15rem;background-image: url('../images/prev.png');background-size: contain;background-position: center;background-repeat: no-repeat; filter: brightness(0) saturate(100%) invert(1);}
.History .slick-next::after{background-image: url('../images/next.png');}

@media (min-width:1025px) {
.History .slider { width: 100%;  }
.History .slick-prev { left: 0%; }
.History .slick-next { right: 0%; }
.History .slider li:not(.slick-current) .Ispic, 
.History .slider li:not(.slick-current) .txt { opacity: 0; }
.History .slider li:not(.slick-current) .pic{}
.History .slider li:not(.slick-current) .year aside:after {position: absolute;content: "";bottom: 0rem;left: 50%;margin-left: -0.1rem;width: 0.2rem;height: 0.2rem;background: #fff;border-radius: 50%;border: 0.05rem solid var(--primary-color);display: none;}
.History .slider li.slick-current .year {background: var(--primary-color);color: #fff;border-color: transparent;width: 2rem;height: 2rem;}
.History .slider li:not(.slick-current) .main { }
}

@media (max-width:1024px) {
.History .slick-prev { left: 0rem; }
.History .slick-next { right: 0rem; }
.History .slick-list{ margin: 0 0.3rem;}
.History .main .year{width: 0.3rem; height: 0.3rem;}
.History .slider li:has(+ .slick-current) .year,
.History .slider li.slick-current + li .year{width: 0.62rem;height: 0.62rem;}
.History .slider li:has(+ .slick-current) .year aside,
.History .slider li.slick-current + li .year aside{font-size: var(--font-size__16);}
.History .slider li.slick-current .year {background: var(--primary-color);color: #fff;border-color: transparent;width: 1.1rem;height: 1.1rem;}
.History .slider li.slick-current .year aside{font-size: var(--font-size__24);}
}




.about_course{position: relative;}
.about_course .page_title{text-align: center;}
.about_course .course_swiper{margin-top: var(--padding-margin__45);}
.about_course .course_text{max-height: 400px;overflow-y: auto;direction: rtl;user-select: none;-webkit-user-select: none;}
.about_course .course_text::-webkit-scrollbar{width: 0.01rem;}
.about_course .course_text::-webkit-scrollbar-track{background: #f2f2f2;}
/* .about_course .course_text::-webkit-scrollbar-thumb{background: var(--primary-color);} */
.about_course .course_text .year,
.about_course .course_text .date,
.about_course .course_text .text{direction: ltr;}
.about_course .course_text .year{font-size: var(--font-size__32);line-height: 1;margin-bottom: var(--padding-margin__10);color: var(--primary-color);font-weight: 500;}
.about_course .course_text .date{font-weight: 500;font-size: var(--font-size__20);margin-bottom: var(--padding-margin__30);}
.about_course .course_text .text{font-size: var(--font-size__18);line-height: 2;}
.about_course .course_text{padding-left: var(--padding-margin__50);width: 52%;}
.about_course .years_swiper{margin-top: var(--padding-margin__45);padding-bottom: 0.1rem;overflow: visible;position: relative;}
.about_course .years_swiper::before{content: '';position: absolute;bottom: .1rem;left: 0;right: 0;height: 0.01rem;background-color: #e8e8e8;}
.about_course .years_swiper .swiper-slide{cursor: pointer;transition: .5s;text-align: center;font-weight: 500;font-size: var(--font-size__20);padding-bottom: var(--padding-margin__30);position: relative; font-weight: bold;}
.about_course .years_swiper .swiper-slide.active{color: var(--primary-color);}
.about_course .years_swiper .swiper-slide.active::after{background-color: var(--primary-color);}
.about_course .years_swiper .swiper-slide::after{content: '';position: absolute;bottom:-0.08rem;left: 50%;transform: translateX(-50%);width: .16rem;height: 0.16rem;background-color: #999999;border-radius: 50%;z-index: 1;}
.about_course .years_swiper .swiper-slide.active::before{content: '';position: absolute;bottom:-0.13rem;left: 50%;transform: translateX(-50%);width: .26rem;height: 0.26rem;background-color: #999999;border-radius: 50%;z-index: 0;opacity: 0.1;}
.about_course .nav_arrow{position: absolute;top: 50%;transform: translateY(-50%);width: inherit;z-index: 1;}
.about_course .nav_arrow .prev,
.about_course .nav_arrow .next{width: 0.5rem;height: 0.5rem;border: solid 0.01rem #e8e8e8;border-radius: 50%;cursor: pointer;position: absolute;transition: all 0.5s ease;}
.about_course .nav_arrow .prev::after,
.about_course .nav_arrow .next::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.15rem;height: 0.15rem;background-image: url('../images/prev.png');background-size: contain;background-position: center;background-repeat: no-repeat;}
.about_course .nav_arrow .next::after{background-image: url('../images/next.png');}
.about_course .nav_arrow .prev{right: 101%;}
.about_course .nav_arrow .next{left: 101%;}
.about_course .nav_arrow .prev:hover,
.about_course .nav_arrow .next:hover{background-color: var(--primary-color);}
.about_course .nav_arrow .prev:hover::after,
.about_course .nav_arrow .next:hover::after{filter: brightness(0) saturate(100%) invert(1);}


.about_culture .page_title{text-align: center;}
.about_culture .box{margin-top: var(--padding-margin__45);}
.about_culture .img_box{overflow: hidden;  border-radius: var(--padding-margin__10);}
.about_culture .right li{border-bottom: 1px solid #f4f4f4;padding: .3rem 0;cursor: pointer;position: relative}
.about_culture .right li:first-child{padding-top: 0;}
.about_culture .right li .btn{position: absolute;right: .2rem;top: 50%;transform: translateY(-50%);width: .2rem;height: .2rem}
.about_culture .right li .btn::before{content: '';position: absolute;width: .19rem;height: 0.03rem;background: #cbcbcb;left: 0%;top: 0%;margin: 0.08rem 0 0 0}
.about_culture .right li .btn::after{content: '';position: absolute;height: .19rem;width: 0.03rem;background: #cbcbcb;left: 0%;top: 0%;margin: 0 0 0 0.08rem}
.about_culture .right li .tit{font-size: var(--font-size__26); font-weight: 500; }
.about_culture .right li .desc{display: none;font-size: var(--font-size__18); margin-top: .2rem;padding-left: .38rem;line-height: 2;position: relative}
.about_culture .right li .desc i{position: absolute;width: .26rem;height: .26rem;left: 0;top: 50%; transform: translateY(-50%);}
.about_culture .right li .desc i img{width: 100%}
.about_culture .right li.active .desc{display: block;}
.about_culture .right li.active .btn::before{background: var(--primary-color)}
.about_culture .right li.active .btn::after{opacity: 0}
@media(min-width:1025px){
.about_culture .left{width: 43%;}
.about_culture .right{width: 50%}
}



.about_vision .page_title{text-align: center;}
.about_vision .vision_list{margin-top: var(--padding-margin__45);}
.about_vision .vision_item{position: relative;margin-top:var(--padding-margin__40);width: 48.5%;color: #fff;border-radius: 0.15rem; overflow: hidden;}
.about_vision .vision_item:nth-child(-n+2){margin-top:0;}
.about_vision .vision_item .vision_info{position: absolute;padding: var(--padding-margin__40);max-width: 100%; left: 0;bottom: 0;z-index: 2;transition: all 0.3s;display: flex; flex-direction: column; align-items: flex-start;}
.about_vision .vision_item::after{content: '';position: absolute;top: 0;left: 0;background-image: linear-gradient(0deg, #00000050,transparent);height: 100%;width: 100%;}
.about_vision .vision_item .vision_info .icon img{width: .47rem;height: .43rem;object-fit: contain;}
.about_vision .vision_item .vision_info .tit{font-weight: bold;font-size: var(--font-size__20);margin: var(--padding-margin__10) 0; position: relative; left:0; transform: translateX(0); transition:all 0.3s;}
.about_vision .vision_item .vision_info .tet {white-space: nowrap;}
.about_vision .vision_item:hover .vision_info {left:50%; bottom:50%; transform: translate(-50%,50%);}
.about_vision .vision_item:hover:after {background:rgba(0, 0, 0, 0.4);}
.about_vision .vision_item:hover .tit {font-size: var(--font-size__24); left:50%; transform: translateX(-50%);}
.about_vision .vision_item:hover .tet {font-size: var(--font-size__18); }

.page_about .about_more:hover .home_more,
.home_prod .prod_more:hover .home_more,
.home-ban .ban_text .ban_more:hover .home_more,
.unit_model .unit_wrap .unit_more:hover .home_more {margin-right: var(--padding-margin__20);}

.expand_page .page_description .description_desc{}
.expand_btn{color: #fff;background-color: var(--primary-color);padding: .05rem var(--padding-margin__20);width: fit-content;border-radius: var(--padding-margin__50);display: block;}
.expand_btn:hover{color: #fff;}

.expand_fishery .page_title{text-align: center;}
.expand_fishery .sub_tit{text-align: center;margin: var(--padding-margin__20) 0;font-size: var(--font-size__18);}
.expand_fishery .fishery_swiper{margin-top: var(--padding-margin__20);}
.expand_fishery .swiper-slide{border-radius: var(--padding-margin__20);display: flex;flex-direction: column;color: var(--default-color);overflow: hidden;transition: .5s;}
.expand_fishery .swiper-slide .img_box{margin-bottom: var(--padding-margin__10);overflow: hidden;position: relative;padding-bottom:90%;transition:all .5s;flex-shrink: 0;}
.expand_fishery .swiper-slide .img_box img{object-fit:cover;position: absolute; left:0; top:0;}
.expand_fishery .swiper-slide:hover .img_box{padding-bottom:calc(100% - 15em);}
.expand_fishery .swiper-slide:hover .img_box img{transform:scale(1)}
.expand_fishery .swiper-slide .content_wrap{border-radius: var(--padding-margin__10);flex: 1;overflow: hidden;display: flex;flex-direction: column;}
.expand_fishery .swiper-slide h3{margin: 0;padding: var(--padding-margin__10) 0;font-size: var(--font-size__24);flex-shrink: 0;font-weight:normal;}
.expand_fishery .swiper-slide .desc_wrap{overflow: hidden;flex: 1;}
.expand_fishery .swiper-slide .desc_wrap .desc{font-size: var(--font-size__18);color:var(--default-color); max-height: 0; transition:all .5s ease; line-height: 1.75em;overflow: hidden;color:#555}
.expand_fishery .swiper-slide:hover .desc_wrap .desc{ max-height: 10.4em;height:10.4em }
.expand_fishery .swiper-slide.force-hover .img_box{padding-bottom:calc(100% - 10.4em);}
.expand_fishery .swiper-slide.force-hover .desc_wrap .desc{max-height: 10.4em;}
.expand_fishery .swiper-slide.no-transition,
.expand_fishery .swiper-slide.no-transition *{transition: none !important;}
.expand_fishery .swiper-slide .expand_btn{opacity: 0;transition: .5s;}
.expand_fishery .swiper-slide:hover .expand_btn{opacity: 1;}
.expand_fishery .swiper-slide .more {width: 0.5rem; height: 0.5rem; background: url(../images/down_arrow.svg) no-repeat center center;background-size: contain; margin:0 auto; display: none;}
.expand_fishery .swiper-slide.has-more:hover .more {display: block;}
.expand_fishery .swiper-slide .more:hover {opacity: 0.6;}
.expand_fishery .home_top{margin-top:-.45rem;}

.expand_page .unit_model .expand_btn{margin-top: var(--padding-margin__50);}
.expand_page .unit_model .model_title{text-align: center;}
.expand_page .unit_model .sub_tit{text-align: center;margin: var(--padding-margin__20) 0;margin-bottom:var(--padding-margin__45);}


@media (max-width: 1024px) {
   .pad_100{padding-top: var(--padding-margin__180);}
   .page_description .description_right{width: 100%;}
   .page_description .description_left{width: 100%;margin-bottom: var(--padding-margin__50);}
   .left{width: 100%;margin-bottom: var(--padding-margin__50);}
   .right{width: 100%;}
   .softwear_swiper .content_wrap h3{font-size: var(--font-size__72);}
   .page_contact .contact_right{width: 100%;}
   .page_assembly .assembly_item{width: calc(50% - .2rem);margin-right: var(--padding-margin__30);}
   .page_assembly .assembly_item:nth-child(3n){margin-right: var(--padding-margin__30);}
   .page_assembly .assembly_item:nth-child(2n){margin-right: 0;}
   .product_list .product_left{top: var(--padding-margin__190);}
   .product_list .product_item .img_box{height: 2rem;}
   .page_application .application_item{width: calc(50% - .08rem);margin-right: var(--padding-margin__30);}
   .page_application .application_item:nth-child(2n){margin-right: var(--padding-margin__30);}
   .page_application .application_item:nth-child(2n){margin-right: 0;}
   .news_details .detail_wrap{max-width: 100%;width: 94%;}
   .deliver_popup .popup_wrap{width: 60%;}
   .about_course .nav_arrow{display: none;}
   .popup-box__video .close{right: 0.2rem;}
}

@media (max-width: 640px) {
   .softwear_swiper .content_wrap h3{margin: var(--padding-margin__50) 0 0;font-size: var(--font-size__40);}
   .page_company .item{ width: 100%;}
   .page_salesperson .salesperson_item{width: 50%;}
   .page_contact .contact_form .form_row{flex-direction: column;gap: var(--padding-margin__20);}
   .page_contact .contact_form .form_btn{width: 100%;}
   .page_prod .prod_item{width: 100%;margin-right: 0;}
   .page_prod .more_btn,
   .page_assembly .more_btn{width: 50%;}
   .page_assembly .assembly_item{width: 100%;margin-right: 0; height: auto;}
   .page_assembly .assembly_item .desc{ height: auto;}
   .product_list .product_left{position: static;width: 100%;margin-bottom: var(--padding-margin__50);}
   .product_list .category_list{margin-left: 0;}
   .product_list .product_right{width: 100%;}
   .product_list .product_item{width: calc(50% - .08rem);margin: 0 var(--padding-margin__30) var(--padding-margin__50) 0;}
   .product_list .product_item:nth-child(3n){margin-right: var(--padding-margin__30);}
   .product_list .product_item:nth-child(2n){margin-right: 0;}
   .product_list .product_item .img_box{height: 1.5rem;}
   .select_model .model_item .data{width: 100%;}
   .prod_features .features_inner{margin: 0 var(--padding-margin__10);}
   .news_page .news_item{width: 100%;margin-right: 0;}
   .news_details .detail_nav .next{text-align: left;margin-top: var(--padding-margin__40);}
   .deliver_popup .popup_wrap{width: 90%;}
   .about_vision .vision_item{width: 100%;}
   .page_title{font-size: var(--font-size__28);}
   .popup-box__video .close{top: 34vh;}
}

#language {position: absolute; right: 0; top:50%; transform: translateY(-50%);}
#language span {display: block; background: url(../images/language_01.svg) no-repeat left center; background-size: 1em auto; line-height: 1em; padding:1em calc(26em/20) 1em calc(34em/20); position: relative; white-space:nowrap; cursor: pointer; color: #fff; filter: brightness(0) invert(1); }
#language span:after {width:calc(20em/20); height:calc(15em/20);  background:url(../images/language_arrow_01.svg) no-repeat center center;  background-size: contain;  position:absolute; right: 0; top:50%; transform: translateY(-50%); display:block; content:''; filter: brightness(0) invert(1); }
#language ul {line-height: 2em; position: absolute; top: 100%; left:50%; min-width: 100%; transform: translateX(-50%); z-index: 5; background-color: #fff; box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.1); text-align: center; padding:0.5em 1.5em; display: none;}
#language li {border-bottom: 1px solid rgba(0,0,0,0.1);}
#language li:last-child {border-bottom: none;}
#language li a {white-space: nowrap; display: block; padding:0.5em;}

.main-header.head_hover #language span,
.main-header.head_scrolled #language span{ filter: none;color: #333;}
.main-header.head_hover #language span:after,
.main-header.head_scrolled #language span:after{ filter: none;}

.page_head .main-header #language span{filter: none;color: #333;}
.page_head .main-header #language span:after{ filter: none;}
@media (max-width: 1024px) {
    #language {right: 0.5rem; font-size: 0.18rem;}
}
/*toofew*/

@media (min-width: 641px) {
    #toofew {gap:0.5rem;}
    #toofew .assembly_item{border:none;flex-direction: row; width: 100%;justify-content: space-between; margin-right: 0;align-items: flex-start;}
    #toofew .assembly_item{margin-top:0;}
    #toofew .assembly_item .img_box {width: 47%;flex: initial; overflow: hidden; position: relative;}
    #toofew .assembly_item .img_box:after {display: block; content: ''; padding-bottom: 58.08%;}
    #toofew .assembly_item .img_box img {object-fit: cover;}
    #toofew .assembly_item .info_box {width: 47%;flex: initial;background: none; padding:0;text-align: justify;}
    #toofew .assembly_item h3 {font-size: var(--font-size__32);  line-height: 1.25em; margin: 0 0 var(--padding-margin__30);font-weight:bold;}
    #toofew .assembly_item .desc { font-size: var(--font-size__18);  line-height: 1.8;}
    #toofew .assembly_item:nth-child(2n){flex-direction: row-reverse;}
    #toofew .assembly_item:hover .img_box{border-radius:var(--padding-margin__10);}

}
@media (max-width: 640px) {
.page_assembly #toofew .assembly_item .img_box{padding-bottom:58%}
}
#toofew .assembly_item:hover .img_box img{transform:scale(1.05)}
.zoomWindow {transform: translateX(calc(-100% + 90px));}
@media (max-width: 1024px) {
    .zoomWindow {transform: translateY(-100%);}
}

.page_margin_bottom{margin-bottom:var(--padding-margin__90);}
.margin_top90{margin-top:var(--padding-margin__90);}
.content-text{line-height:1.8;font-size:var(--font-size__18);}


/*模板左图右文*/
.RighInfo002519-div{float: left; width: 56%;font-size:16px;line-height:2;}
.RighInfo002519-img{float: right;width: 40%;margin-top: 6px;margin-left: 25px;margin-bottom: 10px;}

.RighInfo002519-table{ display: table; width: 100%; table-layout: fixed;padding:3% 0}
.RighInfo002519-table .RighInfo002519-div{ float: none; display: table-cell; vertical-align: middle; padding-left: 25px;}
.RighInfo002519-table .RighInfo002519-img{ float: none; display: table-cell; vertical-align: middle; margin: 0;}
.RighInfo002519-div_left{padding-right:5% !important;padding-left:0 !important;}
.RighInfo002519-div_right{padding-left:5% !important;padding-right:0 !important;}

.RighInfo002519-table2 .RighInfo002519-div,.RighInfo002519-table2 .RighInfo002519-img{vertical-align: top;}
@media screen and (max-width:768px ){
.RighInfo002519-table .RighInfo002519-div,
.RighInfo002519-table .RighInfo002519-img{ display: block; width: 100%; margin: 2% 0;}
.RighInfo002519-div_left,.RighInfo002519-div_right{padding:0 !important;}
}

/*
 .PicList002323 一行3列
 */
.PicList002323{margin: 0 auto;}
.PicList002323 .tit{ height:31px; line-height:31px; padding-left:16px; color:#6e6e6e; font-size:20px; position: relative;}
.PicList002323 .tit:before{display: block; content: ""; position: absolute; top: 50%; left: 0; width: 9px; height: 19px; background: url(../images/PicList002323-icon.png) no-repeat; margin-top: -9px;}
.PicList002323 .list{ overflow: hidden;}
.PicList002323 .auto{overflow: hidden;}
.PicList002323 ul{margin: 0 -2%;}
.PicList002323 ul li{float: left;width: 48%;margin: 20px 2% 0 2%;text-align: center;list-style-type:none;}
.PicList002323 ul li div{position: relative; overflow: hidden;}
.PicList002323 ul li figure{ position:absolute; left:0; top:0; right:0; bottom:0; transition:0.3s;}
.PicList002323 ul li h3{font-size: var(--font-size__28);margin: var(--padding-margin__10) 0 var(--padding-margin__20);line-height: 1;text-align: center;}
 .PicList002323 ul li p{font-size: var(--font-size__18);line-height: 1.6;}
.PicList002323 ul li a:hover figure{transform: scale(1.05);}
.PicList002323 ul li a:hover h3{ color: #0075b8;}
@media screen and (min-width:768px ){
.PicList002323 ul li{width:31.334%;}
.PicList0023233 ul li{width:48%;}
.PicList0023232 ul li{width:48%;}
}
@media screen and (min-width:1024px ){
.PicList002323 ul li{width:23%; }
.PicList0023233 ul li{width:29.3%; }
.PicList0023232 ul li{width:48%; }

}

/* 外层区块基础间距 */
.news_tip{color: var(--default-color);font-size:var(--font-size__20);}
.news_silies {
  color: var(--default-color);
}
.news_silies .container {
  text-align: center;
}
.news_silies .page_title {
  
  font-size: var(--font-size__32);
  font-weight: bold;
}
.news_silies .news_tip {
   margin-top: var(--padding-margin__20);
  font-size: var(--font-size__18);
  line-height: 1.6;
  margin-bottom: var(--padding-margin__45);
}
/* 新闻列表：gap控制行列间距，彻底不用清除边距 */
.news_silies .news_list {
  display: flex;
  flex-wrap: wrap;
  /* 行间距 | 列间距 */
  gap: var(--padding-margin__60);
  margin-top:var(--padding-margin__45);
}

/* 单条新闻卡片 */
.news_silies .news_item {
  display: flex;
  flex-direction: column;
  /* 一行4列：(100% - 3个列间距) / 4 */
  width: calc((100% - var(--padding-margin__60) * 3) / 4);
}

/* 图片容器 固定780:453比例 */
.news_silies .news_item .img_box {
  width: 100%;
  position: relative;
  padding-top: 58.08%;
  overflow: hidden;
  flex-shrink: 0;
  margin-bottom: var(--padding-margin__10);
}
.news_silies .news_item .img_box .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 文字区域自适应，同行卡片底部平齐 */
.news_silies .news_info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.news_silies .news_info .news_title {
  font-size: var(--font-size__28);
  font-weight: bold;
  margin-bottom: var(--padding-margin__20);
  line-height: 1.4;
}
.news_silies .news_info .news_desc {
  font-size: var(--font-size__18);
  line-height: 1.6;
  color: var(--default-color);
  flex: 1;
}

/* hover交互 */
.news_silies .news_item:hover .news_title {
  color: var(--default-color);
}

/* ========== 响应式 自动切换列数 ========== */
/* 1200px以下：3列，间距缩小 */
@media (max-width: 1200px) {
  .news_silies .news_list {
    gap: var(--padding-margin__40);
  }
  .news_silies .news_item {
    width: calc((100% - var(--padding-margin__40) * 2) / 3);
  }
}

/* 768px以下平板：2列 */
@media (max-width: 768px) {
  .news_silies .news_item {
    width: calc((100% - var(--padding-margin__40)) / 2);
  }
}

/* 480px以下手机：单列铺满 */
@media (max-width: 480px) {
  .news_silies .news_item {
    width: 100%;
  }
}

.img-clip {
  overflow: hidden;
}

/* .data容器内表格全局强制重置，覆盖编辑器自带样式，全部加!important */
/* .data容器内表格全局强制重置，覆盖编辑器自带样式，全部加!important */
.data table {
    width: 100% !important;
    border: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.18rem !important;
    font-weight: normal !important;
    font-family: inherit !important;
    line-height: 1.7 !important;
    color: #333 !important;
}
.data table tr {
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
.data table td, .data table th {
    border: none !important;
    background: transparent !important;
    padding: 0.1rem 0.08rem !important;
    margin: 0 !important;
    font-size: 0.18rem !important;
    font-weight: normal !important;
    font-family: inherit !important;
    line-height: inherit !important;
    color: #333 !important;
    vertical-align: middle !important;
}
/* td内部p、span标签重置 */
.data table td p, .data table th p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: normal !important;
    line-height: inherit !important;
    color: inherit !important;
}
.data table td span, .data table th span {
    font-size: inherit !important;
    font-weight: normal !important;
    color: inherit !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 强制定义第二列右对齐 */
.data table td:nth-child(2) {
    text-align: right !important;
}
/* 清除可能遗留单元格底色、下划线 */
.data table td u, .data table th u {
    text-decoration: none !important;
}
.data table td strong, .data table th strong {
    font-weight: 700 !important;
}



.four-pic-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.four-pic-list .list-item {
    width: calc((100% - 0.9rem) / 4);
}
/* 图片容器 1:1正方形 */
.four-pic-list .list-item .pic-box {
    width: 100%;
    padding-top: 70%;
    position: relative;
    overflow: hidden;
    border-radius: 0.08rem;
}
.four-pic-list .list-item .pic-box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.four-pic-list .list-item .pic-box img:hover {
    transform: scale(1.05);
}
/* 标题样式 统一0.18rem字号 */
.four-pic-list .list-item .list-title {
    font-size: 0.18rem;
    text-align: center;
    margin: 0.1rem 0 0;
    font-weight: normal;
    color: #333;
    line-height: 1.5;
}

/* 平板 1024px以内 2列 */
@media (max-width: 1024px) {
    .four-pic-list .list-item {
        width: calc((100% - 0.3rem) / 2);
    }
}
/* 手机 640px以内 单列 */
@media (max-width: 640px) {
    .four-pic-list .list-item {
        width: 100%;
    }
}


.two-col-text {
    display: flex;
    gap: 0.45rem;
}
.two-col-text .col-item {
    flex: 1;
}
.two-col-text .col-title {
    font-size: 0.36rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
    line-height: 1.3;
    margin-top:0;
}
.two-col-text .col-desc {
    font-size: 0.18rem;
    line-height: 1.7;
    color: #333;
    margin: 0;
}
/*移动端自动单列堆叠*/
@media (max-width:640px) {
    .two-col-text {
        flex-direction: column;
        gap: 0.3rem;
    }
}


/* 20260825 */
img,.img_box{border-radius: 0.1rem;}
.logo img,.home-ban img{border-radius: 0;}