.padding{ padding-top:120px; padding-bottom:120px;transition-duration: 0.3s; }
.main_padding{ padding-top:80px; padding-bottom:100px;transition-duration: 0.3s; }
.detail_padding{ padding-top: 200px; padding-bottom: 150px;transition-duration: 0.3s; }
.padding-bottom-80{ padding-bottom:80px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--mc);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}
.block80{  height: 80px;}
html{height: 100%;}

.btn a{ font-size: 16px; color:var(--mc); display:inline-flex; justify-content: space-between; grid-gap: 24px; align-items: center; border:var(--mc) solid 1px; border-radius:8px; padding: 10px 24px; transition-duration: 0.3s;  }
.btn a:hover{ color:var(--bg); background:var(--mc); }


.index_banner {position: relative;overflow: hidden; aspect-ratio: 192/84; margin-top: 81px; }

.index_banner .banner_swiper{ height: 100%; }
.index_banner .banner_swiper .swiper-slide{ position: relative;width: 100%;overflow:hidden; background: #000; height: 100%; }
.index_banner .banner_swiper .swiper-slide img.bg{width: 100%;object-fit: cover; opacity: 1;}
.index_banner .banner_swiper .swiper-slide .info{ width: var(--width) ; position:absolute;left: 50%; top:55%;  transition-duration: 0.3s; z-index: 33; transform: translate(-50%, -50%); transition-delay:0.5s; }
.index_banner .banner_swiper .swiper-slide .info img.logo{ height:32px; margin: 0 auto;}
.index_banner .banner_swiper .swiper-slide .info h3{ font-size: 60px; padding-top: 24px; line-height: 1.2; font-weight: bold; color:#fff; margin-bottom: 24px;  }
.index_banner .banner_swiper .swiper-slide .info p{ color: #fff; font-size: 18px; line-height: 1.4; width: 56%;  margin-bottom: 50px;}
.index_banner .banner_swiper .swiper-slide .info .more a{ border-bottom: #fff solid 2px; letter-spacing: 3px; padding: 10px 0px;color: #fff;transition-duration: 0.3s;}
.index_banner .banner_swiper .swiper-slide .info .more a:hover{ border-bottom:var(--mc) solid 2px;color: var(--mc);}
.index_banner .banner_swiper .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.index_banner .banner_swiper .swiper-slide .info.white h2{color: #fff; }
.index_banner .banner_swiper .swiper-slide .info.white h3{color: #fff;}
.index_banner .banner_swiper .swiper-slide .info.white p{color: #fff;}
.index_banner .banner_swiper .swiper-slide-active .info > * {  opacity: 1; transform: none;}
.index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
.index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
.index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
.index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
.index_banner .banner_swiper .swiper-slide video{width: 100%; height: 100%; object-fit: cover; opacity: 0.9; animation: breathe 10s ease-in-out;}
.index_banner .banner_swiper .banner-pagination{ right: 50px; bottom: 40px; text-align: left; width: auto; left: auto; }
.index_banner .banner_swiper .banner-pagination .swiper-pagination{ background: #f00;}
.index_banner .banner_swiper .swiper-pagination-bullet{ background: #fff; height: 3px; border-radius: 10px; transition-duration: 0.3s;  margin: 5px;width: 150px!important; opacity: 0.5}
.index_banner .banner_swiper .swiper-pagination-bullet-active{ background: #fff; width: 150px!important; opacity: 1;}
.index_banner .banner_swiper .swiper-pagination-fraction{ font-size: 32px; color: #fff; position: absolute; right: 0px; bottom: 20px;}
.index_banner .banner_swiper .swiper-button-prev:after{display: none}
.index_banner .banner_swiper .swiper-button-next:after{display: none}
.index_banner .banner_swiper .swiper-button-prev{ font-size: 36px; background: rgba(0,0,0,0.1); color: #fff; padding: 30px 10px;border-radius: 3px;}
.index_banner .banner_swiper .swiper-button-next{ font-size: 36px; background: rgba(0,0,0,0.1); color: #fff; padding: 30px 10px;border-radius: 3px;}














.index_about{ padding-bottom: 0;}
.index_about .title{ text-align: center; padding-left: 20%; padding-right: 20%; padding-bottom: 24px; position: relative;}
.index_about .title h2{ font-size:32px;color: var(--mc); }
.index_about .title h3{ position: absolute; z-index: -1; left: 50%; font-family: 'HarmonyOS Sans'; transform: translateX(-50%); top: -16px;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8e8e8), to(rgba(0,0,0, 0.0)));
    line-height: 1;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    font-weight: bold;}


.index_about .content{ text-align: center;  width:820px; margin: 0 auto; margin-bottom: 32px;}
.index_about .content p{ color: #999; font-size: 18px;}

.index_about .img{ position: relative; margin-bottom: 40px;}
.index_about .img .data{ position: absolute; top: 10%; right: 10%; z-index: 2;}
.index_about .img .data .item{ display: flex; grid-gap: 60px; justify-content: space-between; border-bottom: #fff solid 1px; padding-top: 10px; padding-bottom: 10px;}
.index_about .img .data .item:last-child{border-bottom: none}
.index_about .img .data .item{ color: #fff;}
.index_about .img .data .item .name{ width: 130px; text-align: left; line-height: 1; font-size: 18px; padding-top: 10px; font-weight: 500;}
.index_about .img .data .item h3{ width: 240px; text-align: right; line-height: 1;}
.index_about .img .data .item h3 strong{ font-size:50px; font-family: 'HarmonyOS Sans'; line-height: 1; display: inline-block; margin-right: 5px;}
.index_about .more{ }
.index_about .more a{ display: flex; justify-content: center; align-items: center; grid-gap: 32px;}
.index_about .more a span{ color: #666; }
.index_about .more a .icon{ border-radius: 50%;  border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
.index_about .more a .icon i{ line-height: 1;}
.index_about .more a:hover span{ color: var(--mc)}
.index_about .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }




.index_product{ padding-bottom: 0; border-bottom: #ececec solid 1px;}
.index_product .title{ text-align: center; padding-left: 20%; padding-right: 20%; padding-bottom: 24px; position: relative;}
.index_product .title h2{ font-size:32px;color: var(--mc); }
.index_product .title h3{ position: absolute; z-index: -1; left: 50%; font-family: 'HarmonyOS Sans'; transform: translateX(-50%); top: -16px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8e8e8), to(rgba(0,0,0, 0.0)));line-height: 1;-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;font-size: 60px;font-weight: bold;}
.index_product .content{ margin-bottom: 40px; }

.index_product .tabs-wrapper {overflow: hidden;}
.index_product .tabs-header {display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;position: relative; justify-content: center}
.index_product .tabs-header::-webkit-scrollbar { display: none; }
.index_product .tabs-header li {flex-shrink: 0;padding: 14px 14px;list-style: none;cursor: pointer;font-size: 16px;color: #666;position: relative;white-space: nowrap;transition: color 0.3s;user-select: none;-webkit-user-select: none;}
.index_product .tabs-header li.active {color: var(--mc);font-weight: 600;}
.index_product .tabs-header li.active::after {content: '';position: absolute;bottom: 0;left: 20%;right: 20%;height: 3px;background: var(--mc);border-radius: 2px 2px 0 0;animation: slideIn 0.3s ease;}
@keyframes slideIn {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}
.index_product .tabs-body {position: relative;overflow: hidden;width: 100%;  transition: height 0.35s ease;background: #f9f9f9; padding-bottom: 30px;}
.index_product .tabs-item {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;visibility: hidden;transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;transform: scale(0.95) translateY(10px);}
.index_product .tabs-item.active {position: relative;     /* 激活时变 relative，撑开高度 */opacity: 1;visibility: visible;transform: scale(1) translateY(0);z-index: 1;}
.index_product .tabs-item-inner {width: 100%; position: relative;}
.index_product .tabs-item-inner .product-next,.index_product .tabs-item-inner .product-prev{ width: 50px; height: 50px; position: absolute ; transform: translateY(-50%); background: #fff; line-height: 1; font-size: 18px; color: #333; border: #ddd solid 1px; top: 50%; z-index: 4; border-radius: 50%; opacity: 0.8; display: flex; justify-content: center; align-items: center; transition-duration: 0.3s; }
.index_product .tabs-item-inner .product-next:hover,.index_product .tabs-item-inner .product-prev:hover{  background: var(--mc);color: #fff; border: var(--mc) solid 1px; }
.index_product .tabs-item-inner .product-next{ right: 30px;}
.index_product .tabs-item-inner .product-prev{ left: 30px;}

.index_product .tabs-item-inner .swiper-button-disabled{ background: #fff;}

.index_product .swiper .swiper-pagination{ display: flex; justify-content: center; align-items: center; grid-gap: 6px;}
.index_product .swiper .swiper-pagination-bullet{ width: 6px; height: 6px;}
.index_product .swiper .swiper-pagination-bullet-active{ width: 10px; height: 10px; border: #333 solid 2px; background: #fff;}


.index_product .tabs-item.active .tabs-item-inner {animation: contentFloat 0.6s ease;}
@keyframes contentFloat {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.index_product .more{ padding-bottom: 40px;}
.index_product .more a{ display: flex; justify-content: center; align-items: center; grid-gap: 32px;}
.index_product .more a span{ color: #666;}
.index_product .more a .icon{ border-radius: 50%; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
.index_product .more a .icon i{ line-height: 1;}
.index_product .more a:hover span{ color: var(--mc)}
.index_product .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }



.auto-indicator {text-align: center;padding: 8px;font-size: 12px;color: #999;background: #fafafa;border-top: 1px solid #eee;}
.auto-indicator span {display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #ddd;margin: 0 3px;transition: background 0.3s, transform 0.3s;}
.auto-indicator span.active {background: #1890ff;transform: scale(1.3);}
.index_product .swiper{ padding-bottom: 30px;-webkit-mask: linear-gradient(-90deg, transparent 0%, #fff 15%, #fff 85%, transparent 100%);
    mask: linear-gradient(-90deg, transparent 0%, #fff 15%, #fff 85%, transparent 100%);}




.index_product .swiper-slide .item{ padding: 30px 30px;}
.index_product .swiper-slide .item .img { aspect-ratio:10/8; display: flex; justify-content: center; align-items: center; }
.index_product .swiper-slide .item .img img{ width: 100%; transition-duration: 0.3s;}
.index_product .swiper-slide .item:hover img{ transform: scale(1.1); }
.index_product .swiper-slide .item h4{ font-size: 14px; line-height: 1.4; color: #666; padding-top: 20px; text-align: center; font-weight: normal}

/*.tabs-item .list{  background: #f9f9f9; display: grid; grid-template-columns: repeat(6, 1fr); padding: 50px;}*/
/*.tabs-item .list .item{ padding: 30px 30px;}*/
/*.tabs-item .list .item .img { aspect-ratio:10/8; display: flex; justify-content: center; align-items: center; }*/
/*.tabs-item .list .item img{ width: 100%; transition-duration: 0.3s;}*/
/*.tabs-item .list .item:hover img{ transform: scale(1.1); }*/
/*.tabs-item .list .item h4{ font-size: 14px; line-height: 1.4; color: #666; padding-top: 20px; text-align: center; font-weight: normal}*/




.auto-indicator {text-align: center;padding: 8px;font-size: 12px;color: #999;background: #fafafa;border-top: 1px solid #eee;}
.auto-indicator span {display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #ddd;margin: 0 3px;transition: background 0.3s;}
.auto-indicator span.active {background: #1890ff;}

.index_product  .morelist{justify-content: center; grid-gap: 24px; align-items: center; display: flex; }
.index_product  .morelist a{ font-size: 16px; color:#999; display:inline-flex;  background:#ececec; border-radius:3px; padding: 12px 30px;  }
.index_product  .morelist a:hover{ font-size: 16px; color:#fff; display:inline-flex;  background: var(--mc); border-radius:3px; padding: 12px 30px;  }




.index_honor { background:url("../images/bg25.jpg") no-repeat center; background-size: cover;}
.index_honor .pagewidth{ padding-bottom: 30px;background: url("../images/jiangbei.png") no-repeat left bottom;}
.index_honor .title{ display: grid; grid-template-columns: repeat(2,1fr); align-items: center; margin-bottom: 64px; position: relative; }
.index_honor .title .name{ position: relative;}
.index_honor .title .name h2{ font-size:32px;color:#fff;  }
.index_honor .title .name h3{ position: absolute;text-transform: uppercase; z-index: 2; left: 0%; opacity: 0.2; font-family: 'HarmonyOS Sans'; top: -16px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8e8e8), to(rgba(0,0,0, 0.0)));line-height: 1;-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;font-size: 60px;font-weight: bold;}
.index_honor .title .data{ display: grid; grid-template-columns: repeat(5,1fr); align-items: center; grid-gap: 30px; }
.index_honor .title .data .item{text-align: right}
.index_honor .title .data h3 strong{ color: #fff; font-weight: bold; font-size: 48px; line-height: 1.2}
.index_honor .title .data h3 span{ color: #fff; font-size: 18px; font-weight: bold; padding-left: 5px;}
.index_honor .title .data p{ color: #fff; font-size: 18px; opacity: 0.7}
.index_honor .content{ padding-left: 240px; position: relative;}
.index_honor .content .swiper{ padding-bottom: 140px;}

.index_honor .content .swiper-slide .item .img{ margin-bottom: 4px;aspect-ratio: 2/3;}
.index_honor .content .swiper-slide .item .img img{ width: 100%; height: 100%; object-fit: contain;}
.index_honor .content .swiper-slide .item p{  font-size: 14px; height: 32px; line-height: 1.2; color: #6e2a2b; text-align: center;  }
.index_honor .content .swiper-slide .item{ background: linear-gradient(135deg, rgba(255,255,255,0.8) 0, rgba(255,255,255,0.5) 10%,rgba(255,255,255,0.5) 90%, rgba(255,255,255,0.8) 100%);padding: 36px;}
.index_honor .content .swiper-button-prev:after{ display: none;  }
.index_honor .content .swiper-button-next:after{ display: none;  }
.index_honor .content .swiper-button-prev{ position: absolute; color:var(--mc); font-size: 24px; background: #fff; transition-duration: 0.3s; right:70px; left: auto; top: auto; bottom: 50px; border-radius: 40px; height:48px; width: 48px; display: flex; justify-content: center; align-items: center }
.index_honor .content .swiper-button-next{ position: absolute; color:var(--mc); font-size: 24px; background:#fff; transition-duration: 0.3s; right: 0px; left: auto; top: auto; bottom: 50px; border-radius: 40px; height:48px; width: 48px; display: flex; justify-content: center; align-items: center }
.index_honor .content .swiper-button-prev i,.index_honor .content .swiper-button-next i{ line-height: 1;}
.index_honor .content .swiper-button-prev:hover ,.index_honor .content .swiper-button-next:hover{  background:var(--mc); color: #fff;}



.index_news .title{ text-align: center; padding-left: 20%; padding-right: 20%; padding-bottom: 24px; position: relative;}
.index_news .title h2{ font-size:32px;color: var(--mc); }
.index_news .title h3{ position: absolute; z-index: -1; left: 50%; font-family: 'HarmonyOS Sans'; transform: translateX(-50%); top: -16px;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8e8e8), to(rgba(0,0,0, 0.0)));
    line-height: 1;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    font-weight: bold;}



.index_news .content{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:32px; margin-bottom: 40px;}
.index_news .item{  display:grid; align-items: center; background: #f7f7f7;transition-duration: 0.3s; }
.index_news .item .img{border-radius: 3px; overflow: hidden; }
.index_news .item .img img{ width:100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }
.index_news .item:hover .img img{ transform: scale(1.1); }
.index_news .item .info{ padding: 24px; }
.index_news .item .info h2{ height: 60px;}
.index_news .item .info h2 a{color:#111;line-height:1.2; font-size:18px; font-weight:normal;transition-duration: 0.3s;  }
.index_news .item:hover .info h2 a{color:var(--mc); }

.index_news .item .info h2{ line-height:1.2; margin-bottom:10px; }
.index_news .item .info .description { color: #999; font-size: 14px; }
.index_news .item .bottom{ display: flex; justify-content: space-between; align-items: center; padding:26px 24px; border-top:#ececec solid 1px }
.index_news .item .bottom .date{ color: #999; font-size: 14px; display: flex; justify-content: center; align-items: center; gap: 6px;}
.index_news .item .bottom .more a{ border-radius: 50%; transition-duration: 0.3s; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
.index_news .item .bottom .more a i{ line-height: 1; transition-duration: 0.3s;}
.index_news .item .bottom .more a:hover{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }


.index_news .more a{ display: flex; justify-content: center; align-items: center; grid-gap: 32px;}
.index_news .more a span{ color: #666; }
.index_news .more a .icon{ border-radius: 50%; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
.index_news .more a .icon i{ line-height: 1;}
.index_news .more a:hover span{ color: var(--mc)}
.index_news .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }




.crumbs{ background: #fefefe; padding-top: 30px; padding-bottom: 30px;}
.crumbs .pagewidth{ color: #333; }
.crumbs .pagewidth span{ color: #999;}
.crumbs .pagewidth a i{ color: #333;}
.crumbs .pagewidth a{ color: #999;}
.crumbs .pagewidth a:hover{ color:var(--mc); }

.detail_banner{overflow: hidden; position: relative; margin-top: 81px;}
.detail_banner img{ width: 100%;}
.detail_banner .parallax-bg{object-fit: cover;width: 100%;}


.about_content_1 .pagewidth{display: grid; grid-template-columns:2fr 3.5fr; grid-gap: var(--gg);}
.about_content_1 .pagewidth .title h3{color: #999; font-weight: normal; font-size: 18px; line-height: 1.2; margin-bottom: 24px;}
.about_content_1 .pagewidth .title h2{color: #333; font-weight: normal; font-size: 44px; line-height: 1.2}
.about_content_1 .pagewidth .content .html{ color: #999; font-size: 18px; margin-bottom: 32px;}
.about_content_1 .pagewidth .content .data{ display: grid; grid-template-columns:repeat(4,1fr); ; border-top: #ececec solid 2px; border-bottom: #ececec solid 2px;}
.about_content_1 .pagewidth .content .data .item{ padding-bottom: 20px;padding-top: 20px; }
.about_content_1 .pagewidth .content .data h3{ line-height: 1; display: flex; justify-content: left; align-items: center}
.about_content_1 .pagewidth .content .data h3 strong{ line-height: 1; font-weight: bold; font-size: 36px; color: var(--mc); }
.about_content_1 .pagewidth .content .data h3 span{ font-weight:normal; color: #999;position: relative; font-size: 14px; }
.about_content_1 .pagewidth .content .data p{ color: #999; }
.about_content_1 .pagewidth .content .brand{ margin-bottom: 32px;}
.about_content_1 .pagewidth .content .brand .one{ background:var(--sc); line-height: 1.5;  color: #6e2a2b;  text-align: center; padding-top: 20px; padding-bottom: 20px; border-radius: 6px; margin-bottom: var(--gg)}
.about_content_1 .pagewidth .content .brand .one p{ font-size: 16px;}
.about_content_1 .pagewidth .content .brand .one h4{  font-size: 28px; }
.about_content_1 .pagewidth .content .brand .row{ display: grid; grid-template-columns:repeat(3,1fr); grid-gap: var(--gg); }
.about_content_1 .pagewidth .content .brand .row .item{ background:#f9f9f9; border-radius: 6px; padding: 24px;}
.about_content_1 .pagewidth .content .brand .row .item h4{ font-size: 28px; line-height: 1; margin-bottom: 16px;}
.about_content_1 .pagewidth .content .brand .row .item h5{ font-size: 18px;  line-height: 1; margin-bottom: 24px; font-weight: normal}
.about_content_1 .pagewidth .content .brand .row .item p{ color: #666; line-height: 1; }



.about_content_2 { background: #fcdb00;}
.about_content_2 .pagewidth {  padding-bottom: 40px;}
.about_content_2 .pagewidth .title h2{color: #6e2a2b; font-weight: normal; font-size: 18px; line-height: 1.2; margin-bottom: 24px;}
/*.about_content_2 .pagewidth .content{display: grid; grid-template-columns:repeat(3,1fr); grid-gap: var(--gg);}*/
/*.about_content_2 .pagewidth .content .item{ background: #f9f9f9; border-radius: 12px; text-align: center; padding: 40px; transition-duration: 0.3s;}*/
/*.about_content_2 .pagewidth .content .item .icon{border-radius: 50%; height: 100px; width: 100px;background: #fff; display: flex; justify-content: center; align-items: center; font-size: 48px; color: #999; margin: 0 auto; margin-bottom: 32px;transition-duration: 0.3s;}*/
/*.about_content_2 .pagewidth .content .item .icon i { line-height: 1;}*/
/*.about_content_2 .pagewidth .content .item h3{ font-size: 24px; color:#333; margin-bottom: 12px; transition-duration: 0.3s;}*/
/*.about_content_2 .pagewidth .content .item .html p{ color: #999; font-size: 18px; line-height: 1.4}*/
/*.about_content_2 .pagewidth .content .item:hover{ transform: translateY(-5px) }*/
/*.about_content_2 .pagewidth .content .item:hover .icon{ background: var(--mc); color: #fff;}*/
/*.about_content_2 .pagewidth .content .item:hover h3{ color: var(--mc); }*/
/*.about_content_2 .pagewidth .content img{ width: 100%;}*/

.about_content_2{ background: url("../images/aboutbg6.jpg") no-repeat bottom right  #fcdb00;}
.about_content_2 .content {  display: grid; grid-template-columns: repeat(2, 1fr); }
.about_content_2 .svg p{ color: #fff; font-size: 14px; text-align: center; transform: translateY(-30px); position: relative}

.about_content_2 .svg { width: 100%; height: auto; display: block; text-align: right}
.about_content_2 .svg svg { width: 100%; height: auto;}
.about_content_2 .svg svg path { transition: fill 0.3s ease, opacity 0.3s ease, transform 0.2s ease, filter 0.3s ease; transform-origin: center; cursor: pointer;}
.about_content_2 .svg svg path:hover { opacity: 0.85; filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.2));}
.about_content_2 .svg svg path.active-path { filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5)); opacity: 1; stroke: #d4000b; stroke-width: 1.5;}
.about_content_2 .st1 { fill: #ee8005; }
.about_content_2 .st0 { fill: #efbe0c; }
.about_content_2 .layer-text { font-family: "Microsoft YaHei", sans-serif; transform: translateY(4px); font-size: 13px;  fill: #6e2a2b; text-anchor: middle; dominant-baseline: middle; pointer-events: none; user-select: none; letter-spacing: 0.3px;}
.about_content_2 .layer-text[data-index="0"] { fill: #ffffff;}
.about_content_2 .layer-text[data-index="1"] { fill: #ffffff;}
.about_content_2 .layer-text[data-index="2"] { fill: #ffffff;}
.about_content_2 .layer-text[data-index="3"] { fill: #ffffff;}



.about_content_2 .svg svg path.active-path + .layer-text { fill: #ffffff;}


.about_content_2 .info { position: relative; min-height: 260px; }
.about_content_2 .info .item { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none;}
.about_content_2 .info .item.active { opacity: 1; transform: translateY(0); pointer-events: auto;}
.about_content_2 .info .item h3 { padding-top:80px;  font-size: 48px; padding-bottom: 32px; margin-bottom: 24px; position: relative; line-height: 1; color: #6e2a2b; letter-spacing: 1px;}
.about_content_2 .info .item h3:after { content: ""; position: absolute; left: 0; bottom: 0px; width: 50px; height: 3px; background: #6e2a2b; transition: width 0.3s ease;}
.about_content_2 .info .item.active h3:after { width: 70px;}
.about_content_2 .info .item p { font-size: 24px; line-height: 1.6; color: #6e2a2b; font-weight: 400;}
.about_content_2 .info .item .row{ display: flex; justify-content: left; grid-gap:50px;}


.about_content_3 {  background: url("../images/bg25.jpg") no-repeat center; background-size: cover;}

.about_content_3 .pagewidth{  padding-bottom: 30px;}

.about_content_3 .title{ display: grid; grid-template-columns: repeat(2,1fr); align-items: center; margin-bottom: 64px; }
.about_content_3 .title h2{color:#fff; font-weight: normal; font-size: 18px; line-height: 1.2; margin-bottom: 24px;}
.about_content_3 .title .data{ display: grid;grid-template-columns: repeat(5,1fr);align-items: center; grid-gap: 60px; }
.about_content_3 .title .data .item{text-align: right}
.about_content_3 .title .data h3 strong{ color:#fff; font-weight: bold; font-size: 48px; line-height: 1.2}
.about_content_3 .title .data h3 span{ color:#fff; font-size: 18px; font-weight: bold; padding-left: 5px;}
.about_content_3 .title .data p{ color:#fff; font-size: 16px; }
.about_content_3 .content{ padding-left: 240px; position: relative; background: url("../images/jiangbei.png") no-repeat left bottom;}
.about_content_3 .content .swiper{ padding-bottom: 140px;}
.about_content_3 .content .swiper-slide .item .img{ margin-bottom: 12px;aspect-ratio: 2/3;}
.about_content_3 .content .swiper-slide .item .img img{ width: 100%; height: 100%; object-fit: contain;}
.about_content_3 .content .swiper-slide .item p{  font-size: 14px; line-height: 1.6; height:48px; color: #333; text-align: center;}
.about_content_3 .content .swiper-slide .item{ background: linear-gradient(135deg, rgba(255,255,255,0.8) 0, rgba(255,255,255,0.5) 10%,rgba(255,255,255,0.5) 90%, rgba(255,255,255,0.8) 100%);padding: 36px;}
.about_content_3 .content .swiper-button-prev:after{ display: none;  }
.about_content_3 .content .swiper-button-next:after{ display: none;  }
.about_content_3 .content .swiper-button-prev{ position: absolute; color:var(--mc); font-size: 24px; background: rgba(255,255,255,0.7); transition-duration: 0.3s; right:70px; left: auto; top: auto; bottom: 50px; border-radius: 40px; height:48px; width: 48px; display: flex; justify-content: center; align-items: center }
.about_content_3 .content .swiper-button-next{ position: absolute; color:var(--mc); font-size: 24px; background: rgba(255,255,255,0.7);  transition-duration: 0.3s; right: 0px; left: auto; top: auto; bottom: 50px; border-radius: 40px; height:48px; width: 48px; display: flex; justify-content: center; align-items: center }
.about_content_3 .content .swiper-button-prev i,.about_content_3 .content .swiper-button-next i{ line-height: 1;}
.about_content_3 .content .swiper-button-prev:hover ,.about_content_3 .content .swiper-button-next:hover{ background: rgba(255,255,255,1); color: var(--mc);}


.about_content_4{background: #eeeeee;}
.about_content_4 .title{ margin-bottom: 64px; }
.about_content_4 .title h2{color: #999; font-weight: normal; font-size: 18px; line-height: 1.2; margin-bottom: 24px;}
.about_content_4 .pagewidth{background:url("../images/map.png") no-repeat  center; background-size: contain; }
.about_content_4 .content{position: relative;height: 600px; width: 1240px; margin: 0 auto;}
.about_content_4 .content .logo{ width:160px; height: 160px; position: absolute; left: 50%; top:35%; transform: translate(-50%,-50%); border-radius: 12px; background: #fee100; display: flex; justify-content: center; align-items: center;}
.about_content_4 .content .logo img{ width: 70%;}
.about_content_4 .content .item{ border-radius: 8px; background: #fff; transition-duration: 0.3s; border: #ececec solid 1px;padding: 10px; position: absolute; }
.about_content_4 .content .item:after{content: ""; position: absolute;border: 8px solid transparent; border-bottom-width: 0; left: 50%; transform: translateX(-50%); border-top-color: #fff; bottom: -8px;}
.about_content_4 .content .item img{ width: 100%; transform: scale(0.9); transition-duration: 0.3s;}
.about_content_4 .content .item span{ border-radius: 55px; height:24px; width: 24px;   background: #fee100; position: absolute; left: 50%;  bottom: -30px;transform: scale(1, 0.6)  translateX(-50%);}
.about_content_4 .content .item span:before{content: ""; border-radius: 55px; height:24px; width: 26px;   border: #fee100 solid 1px;padding: 2px; background:none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.about_content_4 .content .item:hover img{transform: scale(1.1)}
.about_content_4 .content .item1 { left: 20px; top: 90px; width: 120px; transform: scale(1);}
.about_content_4 .content .item2 { left: 220px; top: 10px; width: 120px;  transform: scale(0.8);}
.about_content_4 .content .item3 { left: 460px; top: -20px; width: 120px;  transform: scale(0.7);}
.about_content_4 .content .item4 { left: 740px; top: -30px; width: 120px;  transform: scale(1);}
.about_content_4 .content .item5 { left: 980px; top: 60px; width: 120px;  transform: scale(0.8);}
.about_content_4 .content .item6 { left: 150px; top: 170px; width: 120px;  transform: scale(0.7);}
.about_content_4 .content .item7 { left: 320px; top: 110px; width: 120px;  transform: scale(0.9);}
.about_content_4 .content .item8 { left: 800px; top: 100px; width: 120px;  transform: scale(0.7);}
.about_content_4 .content .item9 { left: 1000px; top: 210px; width: 120px;  transform: scale(1);}
.about_content_4 .content .item10 { left: 920px; top: 360px; width: 120px;  transform: scale(0.8);}
.about_content_4 .content .item11 { left: 40px; top:280px; width: 120px;  transform: scale(0.7);}
.about_content_4 .content .item12 { left: 210px; top: 280px; width: 120px;  transform: scale(1);}
.about_content_4 .content .item13 { left: 380px; top: 240px; width: 120px;  transform: scale(0.9);}
.about_content_4 .content .item14 { left: 440px; top: 390px; width: 120px;  transform: scale(0.8);}
.about_content_4 .content .item15 { left: 740px; top: 210px; width: 120px;  transform: scale(0.7);}
.about_content_4 .content .item16 { left: 1040px; top: 350px; width: 120px;  transform: scale(0.6);}
.about_content_4 .content .item17 { left: 270px; top: 400px; width: 120px;  transform: scale(0.7);}
.about_content_4 .content .item18 { left: 610px; top: 340px; width: 120px; transform: scale(0.9); }
.about_content_4 .content .item19 { left: 110px; top: 380px; width: 120px;  transform: scale(0.7);}
.about_content_4 .content .item20 { left: 770px; top:320px; width: 120px;  transform: scale(0.7);}






.channel_product .tabs-wrapper {overflow: hidden;}
.channel_product .tabs-header {display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;position: relative; justify-content: right; border-bottom: #ececec solid 1px; margin-bottom: 40px;}
.channel_product .tabs-header::-webkit-scrollbar { display: none; }
.channel_product .tabs-header li {flex-shrink: 0;padding: 14px 14px;list-style: none;cursor: pointer;font-size: 16px;color: #666;position: relative;white-space: nowrap;transition: color 0.3s;user-select: none;-webkit-user-select: none;}
.channel_product .tabs-header li.active {color: var(--mc);font-weight: 600;}
.channel_product .tabs-header li.active::after {content: '';position: absolute;bottom: 0;left: 20%;right: 20%;height: 3px;background: var(--mc);border-radius: 2px 2px 0 0;animation: slideIn 0.3s ease;}
.channel_product .tabs-body {position: relative;overflow: hidden;width: 100%;transition: height 0.35s ease; }
.channel_product .tabs-item {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;visibility: hidden;transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;transform: scale(0.95) translateY(10px);}
.channel_product .tabs-item.active {position: relative;  opacity: 1;visibility: visible;transform: scale(1) translateY(0);z-index: 1;}
.channel_product .tabs-item-inner {width: 100%;display: flex;align-items: center;justify-content: center;}
.channel_product .tabs-item.active .tabs-item-inner {animation: contentFloat 0.6s ease;}










.channel_product{background: #f7f7f7;}
.channel_product .title{ font-size: 44px; line-height: 1.2; color: #333;}

.channel_product .box{background: #fff; display: grid; grid-template-columns: 4fr 6fr;}
.channel_product .box .info{ padding: 60px; position: relative;}

.channel_product .box .info h2{ font-size: 28px; font-weight: normal;}
.channel_product .box .info p{ color: #999; font-size: 18px;}
.channel_product .box .info .adv{ position: absolute;bottom: 60px; left: 60px; right: 60px;}
.channel_product .box .info .adv ul{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: #ddd solid 1px; }
.channel_product .box .info .adv ul li{ padding-left: 20px; position: relative; color: #999;}
.channel_product .box .info .adv ul li::after{content:""; position: absolute; left: 0px; top:50%; transform: translateY(-50%); width: 6px; height: 6px; background: #000;  border-radius: 8px;}

.channel_product .box .info .adv .more a{ display: flex; justify-content: left; align-items: center; grid-gap: 32px;}
.channel_product .box .info .adv .more a span{ color: #666; }
.channel_product .box .info .adv .more a .icon{ border-radius: 50%;border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
.channel_product .box .info .adv .more a .icon i{ line-height: 1;}
.channel_product .box .info .adv .more a:hover span{ color: var(--mc)}
.channel_product .box .info .adv .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }
.channel_product .box .img img{width: 100%;}



.list_product_info h2{text-align: center; font-size: 44px; line-height: 1; font-weight: normal; color: #333; margin-bottom: 24px; padding-top: 50px;}
.list_product_info p{ color: #999; margin-bottom: 48px;text-align: center;}
.list_product_info .img img{ width: 100%;}


.list_product_list{ padding-top:100px;}
.list_product_list h2{text-align: center; font-size: 44px; line-height: 1.2; font-weight: normal; color: #333; margin-bottom: 48px;}
.list_product_list .content{ position: relative;}
.list_product_list .swiper-slide .item{ border: 1px solid #ddd; padding-top: 60px; padding-bottom:60px; position: relative; overflow: hidden;}
.list_product_list .swiper-slide .item .bigimg{ position: absolute; width: 100%; height: 100%;transform: scale(1.1);  left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 3; opacity: 0; transition-duration: 0.3s}
.list_product_list .swiper-slide .item .bigimg img{ width: 100%; height: 100%; object-fit: cover; }
.list_product_list .swiper-slide .item:hover .bigimg{opacity: 1; transform: scale(1);}
.list_product_list .swiper-slide .item .img{ width: 60%; margin: 0 auto; margin-bottom: 32px; overflow: hidden;}
.list_product_list .swiper-slide .item .img img{ width: 100%; transition-duration:0.3s;}
.list_product_list .swiper-slide .item:hover .img img{ width: 100%;transform: scale(1.1);}
.list_product_list .swiper-slide .item .info{ text-align: center}
.list_product_list .swiper-slide .item .info p{ color: #999;}
.list_product_list .swiper-slide .item .info h4{ font-size: 24px; font-weight: normal}
.list_product_list .swiper-slide .item .info .more a{ color: #999; display: flex; justify-content: center; align-items: center; grid-gap: 6px;}
.list_product_list .swiper-slide .item .info .more a:hover{color: var(--mc)}
.list_product_list .swiper{ padding-bottom: 70px;}
.list_product_list .swiper .swiper-pagination{ display: flex; justify-content: center; align-items: center; grid-gap: 6px;}
.list_product_list .swiper .swiper-pagination-bullet{ width: 6px; height: 6px;}
.list_product_list .swiper .swiper-pagination-bullet-active{ width: 10px; height: 10px; border: #333 solid 2px; background: #fff;}
.list_product_list .content .swiper-button-next:after{ display: none; }
.list_product_list .content .swiper-button-prev:after{ display: none; }
.list_product_list .content .swiper-button-prev{border-radius: 50px; height: 50px; top: 44%; width: 50px; border: #ddd solid 1px; font-size: 20px; color: #999; left: -70px;}
.list_product_list .content .swiper-button-next{border-radius: 50px; height: 50px; top: 44%; width: 50px; border: #ddd solid 1px; font-size: 20px; color: #999; right: -70px;}

.list_product_photo{ padding-top:100px;}
.list_product_photo h2{text-align: center; font-size: 44px; line-height: 1; font-weight: normal; color: #333; margin-bottom: 24px;}
.list_product_photo p{ color: #999; text-align: center;}

.list_product_photo .content{ padding-top: 48px; padding-bottom: 40px;}
.list_product_photo .swiper-slide{width: auto;}
.list_product_photo .swiper-slide .item{ position: relative; }
.list_product_photo .swiper-slide .item p{ position: absolute; left: 30px; bottom: 30px; line-height: 1; color: #fff;}
.list_product_photo .swiper-slide .item .img{ overflow: hidden;}
.list_product_photo .swiper-slide .item .img img{ height: 500px; transition-duration: 0.3s;}
.list_product_photo .swiper-slide .item .img:hover img{  transform: scale(1.1);}


.list_product_photo .content .swiper-button-next:after{ display: none; }
.list_product_photo .content .swiper-button-prev:after{ display: none; }
.list_product_photo .content .swiper-button-prev{border-radius: 50px; height: 50px; top: 44%; width: 50px; background: rgba(255,255,255,0.3); font-size: 20px; color: #fff; left:40px;}
.list_product_photo .content .swiper-button-next{border-radius: 50px; height: 50px; top: 44%; width: 50px; background: rgba(255,255,255,0.3); font-size: 20px; color: #fff; right: 40px;}
.list_product_photo .content .swiper-button-prev:hover ,.list_product_photo .content .swiper-button-next:hover{ background: rgba(255,255,255,0.6);}






.list_news_top{ padding-top: 50px; padding-bottom: 50px; background: #f7f7f7}
.list_news_top .title h2{ font-size: 32px; font-weight: normal; color: #666; text-align: center; margin-bottom: 30px;}
.list_news_top .content .box{ display: grid;grid-template-columns: repeat(2, 1fr); align-items: center; background: #fff;}
.list_news_top .content .box .img img{width: 100%;}
.list_news_top .content .box .img{border-radius: 3px; overflow: hidden; aspect-ratio:3/2;}
.list_news_top .content .box .img img{ width:100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }
.list_news_top .content .box:hover .img img{ transform: scale(1.1); }


.list_news_top .content .box .info{ padding: 50px;}
.list_news_top .content .box .info .date{ color: #999;margin-bottom: 36px;}
.list_news_top .content .box .info h2{ line-height: 1.3; font-weight: normal;  margin-bottom: 36px;}
.list_news_top .content .box .info h2 a{ line-height: 1.3; color: #333;}
.list_news_top .content .box .info h2 a:hover{color: var(--mc);}
.list_news_top .content .box .info .more a{ display: flex; justify-content: left; align-items: center; grid-gap: 32px;}
.list_news_top .content .box .info .more a span{ color: #666; }
.list_news_top .content .box .info .more a .icon{ border-radius: 50%; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
.list_news_top .content .box .info .more a .icon i{ line-height: 1;}
.list_news_top .content .box .info .more a:hover span{ color: var(--mc)}
.list_news_top .content .box .info .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }


.list_news_top .swiper{ padding-bottom: 70px;}
.list_news_top .swiper .swiper-pagination{ display: flex; justify-content: center; align-items: center; grid-gap: 6px;}
.list_news_top .swiper .swiper-pagination-bullet{ width: 6px; height: 6px;}
.list_news_top .swiper .swiper-pagination-bullet-active{ width: 10px; height: 10px; border: #333 solid 2px; background: #fff;}

.list_news .cate ul{ display: flex; justify-content: left; grid-gap: 50px;}
.list_news .cate ul li a{ color: #999; display: block; height: 50px; line-height: 50px;}
.list_news .cate ul li a.active{ color: var(--mc); position: relative }
.list_news .cate ul li a.active:after{position: absolute; left:0px; right:0px; bottom:5px; transition-duration: 0.3s; height: 2px; background:var(--mc); content: ''; }
.list_news .cate .search_box i{ color: var(--mc); }


.list_news{ }
.list_news .cate{ padding-bottom: 60px; display: flex; justify-content: space-between; align-items: center}
.list_news .cate .layui-input{ font-size: 14px;}
.list_news .article-list{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:32px;}
.list_news .item{margin-bottom: 20px; display:grid; align-items: center; background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.0); transition-duration: 0.3s; border-bottom: #ddd solid 1px; padding-bottom: 40px;}
.list_news .item .img{border-radius: 3px; overflow: hidden;  margin-bottom: 24px;aspect-ratio:3/2;}
.list_news .item .img img{ width:100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }
.list_news .item:hover .img img{ transform: scale(1.1); }
.list_news .item .info{ height:120px;}
.list_news .item .info h2 a{color:#111;line-height:1.2; font-size:18px; font-weight:normal;transition-duration: 0.3s;  }
.list_news .item:hover .info h2 a{ color: var(--mc); }
.list_news .item .info h2{ line-height:1.2; margin-bottom:10px; }
.list_news .item .bottom{ display: flex; justify-content: space-between; align-items: center; }
.list_news .item .bottom .date{ font-size: 14px; color: #999; display: flex; justify-content: center; align-items: center; gap: 6px;}


.list_news .item .bottom .more a{ border-radius: 50%;  border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
.list_news .item .bottom .more a i{ line-height: 1;}
.list_news .item .bottom .more a:hover{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }




.layer-box{ width: 1120px; display: grid; grid-template-columns: 500px auto; grid-gap:72px; padding: 40px; }
.layer-box .img{ border: #ececec solid 1px;}
.layer-box .img img{ width:100%; }
.layer-box .img .swiper-pagination-bullet-active{ background: var(--mc)}
.layer-box .info{ padding-top: 30px;}
.layer-box .info h2{ font-size: 32px; color: #111; font-weight: normal; line-height: 1; padding-bottom: 20px; position: relative; }
.layer-box .info .description{ color: #666;}






















.mobile_detail_menu{ display: none}
.detail_menu_wrapper {min-height: 80px;background: #fff;}
.detail_menu{  position: relative; z-index: 199; background:rgba(255,255,255,0.9); border-bottom: #dddddd solid 1px;  -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); }
.detail_menu.fixed { position: fixed; top: 113px; left: 0; right: 0; animation: slideDown 0.3s ease;}
.detail_menu .pagewidth{}
.detail_menu ul{display: flex; justify-content:space-between;}
.detail_menu ul li{ width: 100% }
.detail_menu ul li a{ display:block;height:80px; line-height:80px;color:#333;  text-align: center; transition-duration: 0.3s;}
.detail_menu ul li a.active{ color: var(--mc); position: relative; font-weight: 500;}
.detail_menu ul li a.active:after{position: absolute; left: 0px; right: 0px; bottom:-1px; transition-duration: 0.3s; height: 2px; background:var(--mc); content: ''; }
.detail_menu ul li a:hover{  color:var(--mc); }
.detail_menu ul li a.active:hover{ color:var(--mc); }
.detail_menu ul li a.active{}



.detail_menu_pro {}
.detail_menu_pro > ul{  }
.detail_menu_pro ul{ }
.detail_menu_pro ul li{ }
.detail_menu_pro a { color:#fff; font-weight: normal; display: block; text-align: center; }
.detail_menu_pro ul {margin: 0;padding: 0;list-style: none;  }
.detail_menu_pro ul li.current-menu-item { background:rgba(0,0,0,0.1); }
.detail_menu_pro > ul > li { display: block;float: left;position: relative; display: block; }
.detail_menu_pro > ul > li a i{display: inline-block; transition-duration: 0.3s}
.detail_menu_pro > ul > li a:hover i{transform:rotate(180deg)}
.detail_menu_pro ul li.active a{color:var(--mc); font-weight: 500;   }
.detail_menu_pro ul li.active:after{position: absolute; left: 35px; right: 35px; bottom:0px; transition-duration: 0.3s; height: 2px; background:var(--mc); content: ''; }
.detail_menu_pro ul li:hover a{color:var(--mc);}
.detail_menu_pro > ul > li > ul { background:rgba(255,255,255,1) ;position: absolute; visibility: hidden; display: block;  opacity: 0; top:91px; width: 100%;margin-left:-50%; z-index: 999; right: 0px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); padding-top: 12px; padding-bottom: 12px; left: 50%; -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); will-change: backdrop-filter; border-radius:3px; transition-duration:0.3s; }
.detail_menu_pro > ul > li:hover > ul { visibility:visible; opacity: 1; top: 81px; -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px);}
.detail_menu_pro > ul > li:hover p{ opacity: 1; }
.detail_menu_pro > ul > li:hover img{ opacity: 1; }
.detail_menu_pro > ul > li > ul > li { position: relative; width: 100%;}
.detail_menu_pro > ul > li > ul > li a{ color:#333!important; font-size:15px; padding: 0; display:block; }
.detail_menu_pro > ul > li > ul > li a:hover{ color:var(--mc)!important; background:#f1f4f8!important;  }
.detail_menu_pro > ul > li a p{  font-size: 12px; color: #333; opacity: 0.5; height: 16px; line-height: 1em; }
.detail_menu_pro > ul > li a img{ display: block; width: 32px; height: 32px; margin:5px auto; margin-bottom: 5px; opacity: 0.5;}
.detail_menu_pro > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 20px;}
.detail_menu_pro > ul > li > ul > li:hover > ul { display:block;background-color: #333; }
.detail_menu_pro > ul > li > ul > li a{ height: 50px; line-height: 50px;}





.show_news{ background: #fafbfd;}
.show_news .pagewidth{ position: relative; }
.show_news .pagewidth .back{ position: absolute; left: 0px; top: 0px; z-index: 4;}
.show_news .pagewidth .back a{ display: block; width: 56px;height: 56px; transition-duration: 0.3s; border-radius: 40px; display:flex; justify-content: center; align-items: center; color: #fff; background: var(--mc); font-size: 24px;}
.show_news .pagewidth .back a:hover{ transform: scale(1.1); }
.show_news .content{ padding-left: 15%; padding-right: 15%; position: relative}
.show_news .title h1{ text-align: left; font-weight: normal; font-size: 40px; line-height: 1.1; margin-bottom: 24px; }
.show_news .info{ padding-bottom: 24px; text-align: left; color: #666; display: flex; justify-content: left; align-items: center; grid-gap:50px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #ddd solid 1px;}
.show_news .description{ text-align: left; color: #808080; padding: 30px; margin-bottom: 32px; background: #f0f0f0; border-radius: 12px; }
.show_news .html{ margin-bottom: 30px;}
.show_news .html h3{ font-size: 24px; font-weight: bold; margin-bottom: 12px; padding-top: 24px;}
.show_news .html p {line-height: 1.8; font-size: 18px; margin: 0 0 10px;text-align: left;}
.show_news .html p:has(img){ text-align: center;}
.show_news .html img {display: inline-block;height:auto!important;max-width: 100%!important;min-width: 100%!important;}
.show_news .html table {border-collapse: collapse;width: 100%; margin-top: 20px;}
.show_news .html table td {padding:12px;font-size: 16px;color: #333;border: 1px solid #ececec;}
.show_news .html table tr:nth-child(2n) {background: #f5f5f5}
.show_news .html table td p{ margin: 0;}
.show_news .other{ border-top:#ddd solid 1px; padding-top:30px;}
.show_news .other p{ margin-bottom:10px; color:#333;}
.show_news .other p a{ color:#333; }
.show_news .other p a:hover{color:var(--mc);}
.show_news .other p.left{text-align: left;}
.show_news .other p.right{text-align: left;}



.list_job{background: #f7f7f7;}
.list_job .pagewidth { display: grid; grid-template-columns: 2fr 8fr; grid-gap: var(--gg);}
.list_job .filter{ background: #fff;}
.list_job .filter h2{ font-size: 18px; font-weight:normal; padding-top: 10px; line-height: 1; margin-bottom: 12px; position: relative; }
.list_job .filter{ padding: 20px;background: #fff; margin-bottom: 20px; margin-bottom: 20px;}
.list_job .filter .types{ padding-top: 10px; padding-bottom: 10px; display: grid; grid-template-columns: repeat(2, 1fr); border-bottom: #ececec solid 1px; padding-bottom: 30px; margin-bottom: 20px; }
.list_job .filter .types li{ margin-bottom: 8px;}
.list_job .filter .types li a{color: #666; }
.list_job .filter .types li.active a{ color: var(--mc); }
.list_job .filter .types li.name{grid-column: span 2; font-size: 14px; color: #999}
.list_job .filter .types:last-child{border-bottom: none}


.list_job .content .layui-collapse{border: none;}
.list_job .content .layui-colla-item{border: none; background: #fff; padding:30px; margin-bottom: 20px; border-radius: 4px; position: relative; margin-bottom: var(--gg) }
.list_job .content .layui-colla-title{ height: auto; line-height: auto;  padding: 0; background: #fff; }
.list_job .content .layui-colla-item.layui-show h2{ color: var(--mc); }
.list_job .content .layui-colla-title h2{ font-size: 24px; font-weight: normal; line-height: 1.2; margin-bottom: 10px; display: flex; justify-content:left; align-items: center; grid-gap: var(--gg) }
.list_job .content .layui-colla-title h2 strong{ font-weight: normal; line-height: 1;  }
.list_job .content .layui-colla-title h2 span{ }
.list_job .content .layui-colla-item .ri-add-large-line{ position: absolute; transition-duration: 0.3s; right: 5px; top: 50%; transform: translateY(-50%) rotate(0deg); background:#f6f8fa; height: 36px; width: 36px; border-radius: 30px; display: flex; justify-content: center; align-items: center; color: #666; font-size: 18px; }
.list_job .content .layui-colla-item.layui-show .ri-add-large-line{transform: translateY(-50%) rotate(45deg); background: var(--mc);  color: #fff; }
.list_job .content .layui-colla-title .desc{ font-size: 16px; color: #999; display: flex; justify-content: left; align-items: center; grid-gap: 12px; }
.list_job .content .layui-colla-title .desc span.add{line-height: 1; font-size: 14px; background:#ececec ; color:var(--mc); display: inline-block; padding:5px 10px; border-radius: 3px;}

.list_job .content .layui-colla-title .layui-icon{ display: none}
.list_job .content .layui-colla-content{ margin-top: 20px; padding: 0; padding-top: 20px;}
.list_job .content .layui-colla-content h3{color: var(--mc); font-size: 17px; font-weight: normal }
.list_job .content .jobemail{ font-size: 20px; font-weight: 500;color:var(--mc); padding:20px  40px;}
.list_job .content .loadmore-nodata{ background: #; text-align: center; padding: 50px; text-align: center; color: #999;}


.contact_content_1{ background: #f7f7f7;}
.contact_content_1 .pagewidth{ display: grid; grid-template-columns:repeat(2,1fr) ; grid-gap: var(--gg); }
.contact_content_1 .box{ z-index: 2; background: #fff; padding: 32px; border: #ececec solid 1px;}
.contact_content_1 .box { align-items: center;transition-duration: 0.3s;}
.contact_content_1 .box:hover{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1)}
.contact_content_1 .box .img{ width: 100%;  overflow: hidden; margin-bottom: 32px;}
.contact_content_1 .box .img img{ width: 100%;  object-fit: cover; transition-duration: 0.3s}
.contact_content_1 .box:hover .img img{ width: 100%; height: 100%;  transform: scale(1.05); }
.contact_content_1 .box .info h2{ font-size: 24px; font-weight: normal; margin-bottom: 16px;}
.contact_content_1 .box .info ul{}
.contact_content_1 .box .info ul li { display: grid;margin-bottom: 16px; grid-template-columns: 30px auto; align-items: center; grid-gap: 10px;  line-height: 1;}
.contact_content_1 .box .info ul li span{ border: #333 solid 1px; height: 28px; width: 28px; border-radius: 50%; align-items: center; justify-content: center; display: flex; }
.contact_content_1 .box .info ul li:first-child p{ }
.contact_content_1 .box .info ul li:last-child{ margin-bottom: 0;font-weight: bold; font-size: 18px;}
.contact_content_1 .pagewidth.two{ margin-bottom: 32px;}
.contact_content_1 .pagewidth.full{ display: grid; grid-template-columns:repeat(1,1fr) ; grid-gap: var(--gg); }

.contact_content_1 .box.full  h3{ font-size: 24px; font-weight: normal; margin-bottom: 16px;}
.contact_content_1 .box.full  img{ width: 140px;}
.contact_content_1 .box.full .code{ display: grid; grid-template-columns: repeat(6,1fr) ; grid-gap: var(--gg)}
.contact_content_1 .box.full .code .item{ text-align: center; padding-top: 10px; padding-bottom: 10px;}
.contact_content_1 .box.full .code .item p{ text-align: center;  color: #666; padding-top: 10px;}


.contact_content_2{ background: #fff;}
.contact_content_2 .pagewidth .box{ display: grid; grid-template-columns: repeat(2,1fr) ; grid-gap:80px; align-items: center }

.contact_content_2 .img{ width: 100%; aspect-ratio: 1; overflow: hidden; }
.contact_content_2 .img img{ width: 100%; height: 100%; object-fit: cover; }

.contact_content_2 .info{}
.contact_content_2 .info h3{ font-size: 32px; line-height: 1; font-weight: normal; margin-bottom: 24px;}
.contact_content_2 .info p{line-height: 1; font-weight: normal; margin-bottom: 100px;}

.contact_content_2 .info .more a{ display: flex; justify-content: left; align-items: center; grid-gap: 32px;}
.contact_content_2 .info .more a span{ color: #666; }
.contact_content_2 .info .more a .icon{ border-radius: 50%; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
.contact_content_2 .info .more a .icon i{ line-height: 1; }
.contact_content_2 .info .more a:hover span{ color: var(--mc)}
.contact_content_2 .info .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }




.contact_content_2 .info .more a{ display: flex; justify-content: left; align-items: center; grid-gap: 32px;}
.contact_content_2 .info .more a span{ color: #666; transition-duration: 0.3s;}
.contact_content_2 .info .more a .icon{ border-radius: 50%; transition-duration: 0.3s; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
.contact_content_2 .info .more a .icon i{ line-height: 1; transition-duration: 0.3s;}
.contact_content_2 .info .more a:hover span{ color: var(--mc)}
.contact_content_2 .info .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }



/*.custom-info-window {position: relative;background: #fff;border-radius: 8px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);min-width: 460px;max-width: 460px;font-size: 14px;line-height: 1.6;}*/
/*.custom-info-window::after {content: '';position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));}*/
/*.info-close-btn {position: absolute;top: 12px;right: 12px;width: 20px;height: 20px;cursor: pointer;opacity: 0.5;transition: opacity 0.2s;display: flex;align-items: center;justify-content: center;}*/
/*.info-close-btn:hover {opacity: 1;}*/
/*.info-close-btn::before,*/
/*.info-close-btn::after {content: '';position: absolute;width: 14px;height: 2px;background: #666;border-radius: 1px;}*/
/*.info-close-btn::before {transform: rotate(45deg);}*/
/*.info-close-btn::after {transform: rotate(-45deg);}*/
/*#info-template {display: none;}*/
/*.info-content{ display: grid; grid-template-columns: 40% 60%; align-items: center; }*/
/*.info-content .info-logo{background: #0163b2; padding: 30px 20px;}*/
/*.info-content .info-logo img{ width: 100%;}*/
/*.info-content .info-add{ padding-left: 20px; font-size: 15px; color: #666; line-height: 1.6}*/







.list_culture .item{ display: grid; grid-template-columns: 70% auto; align-items: center;}
.list_culture .item .img img{  width: 100%;}
.list_culture .item .info{ padding: 100px; padding-bottom: 140px;}
.list_culture .item .info p{ font-size: 20px; color: var(--mc); }
.list_culture .item .info h3{ font-size: 36px; font-weight: bold; border-bottom: var(--mc) solid 4px; line-height: 1; margin-bottom: 24px; padding-bottom: 24px; }
.list_culture .item .info h4 p{ font-size: 22px; font-weight: normal; color: #111; line-height: 1.2}

.list_culture .item:nth-child(2n){ grid-template-columns: auto 70% ;}
.list_culture .item:nth-child(2n) .img{order: 2;}
.list_culture .item:nth-child(2n) .info{order: 1;}
.list_cooperation_a .title{ padding-bottom: 32px;}



.list_cooperation_b .title{ padding-bottom: 32px;}
.list_cooperation_b{ position: relative; padding-bottom: 0!important;}
.list_cooperation_b #container { width: 100%; height: 80vh; position: relative;}
.list_cooperation_b .custom-info-window { position: relative; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); padding: 20px 24px; min-width: 320px; max-width: 360px; font-size: 14px; line-height: 1.6;}
.list_cooperation_b .custom-info-window::after { content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));}
.list_cooperation_b .custom-info-window .row{ display: grid; grid-template-columns:auto 100px; align-items: self-end; grid-gap: 24px;}
.list_cooperation_b .custom-info-window .row .wechat img{ width: 100%;}
.list_cooperation_b .info-close-btn { position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; cursor: pointer; opacity: 0.5; transition: opacity 0.2s; display: flex; align-items: center; justify-content: center;}
.list_cooperation_b .info-close-btn:hover { opacity: 1;}
.list_cooperation_b .info-close-btn::before,.info-close-btn::after { content: ''; position: absolute; width: 14px; height: 2px; background: #666; border-radius: 1px;}
.list_cooperation_b .info-close-btn::before { transform: rotate(45deg);}
.list_cooperation_b .info-close-btn::after { transform: rotate(-45deg);}
.list_cooperation_b .info-label { color: #999; font-size: 13px; margin-bottom: 8px; letter-spacing: 1px;}
.list_cooperation_b .info-content { color: #333; font-size: 15px; font-weight: 500; line-height: 1.6; word-break: break-all;}
.list_cooperation_b .info-contact { margin-top: 12px; display: flex; align-items: center; gap: 6px; color: #333; font-size: 14px;}
.list_cooperation_b .info-contact-icon { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center;}
.list_cooperation_b .info-contact-icon svg { width: 100%; height: 100%;}
.list_cooperation_b .info-contact a { color: #333; text-decoration: none; transition: color 0.2s;}
.list_cooperation_b .info-contact a:hover { color: #0066cc;}
.list_cooperation_b .info-divider { height: 1px; background: #eee; margin: 12px 0;}
.list_cooperation_b .info-extra { margin-top: 10px; padding-top: 10px; border-top: 1px solid #f0f0f0;}
.list_cooperation_b .info-extra-item { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 13px; color: #666;}
.list_cooperation_b .info-extra-icon { width: 14px; height: 14px; color: #999;}
.list_cooperation_b #info-template { display: none;}
.list_cooperation_b .location-sidebar { position: absolute; top: 220px; left: 20px; width: 280px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); padding: 16px; z-index: 100; max-height: calc(100vh - 40px); overflow-y: auto;}
.list_cooperation_b .location-sidebar h3 { font-size: 16px; color: #222; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.list_cooperation_b .location-item { padding: 10px 12px; border-radius: 8px; cursor: pointer; transition: all 0.2s; margin-bottom: 6px; border: 2px solid transparent;}
.list_cooperation_b .location-item:hover { background: #f5f7fa;}
.list_cooperation_b .location-item.active { background: #fef4f4; border-color: var(--mc); }
.list_cooperation_b .location-item .loc-name { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 2px;}
.list_cooperation_b .location-item .loc-addr { font-size: 12px; color: #999; line-height: 1.4;}



.list_service .pagetitle h1{ font-size: 32px;}
.list_service .pagehtml{ margin-bottom: 30px;}
.list_service .pagehtml h3{ font-size: 24px; font-weight: bold; margin-bottom: 12px; padding-top: 24px;}
.list_service .pagehtml p {line-height: 1.8; font-size: 18px; margin: 0 0 10px;text-align: left;}
.list_service .pagehtml p:has(img){ text-align: center;}
.list_service .pagehtml img {display: inline-block;height:auto!important;max-width: 100%!important;}
.list_service .pagehtml table {border-collapse: collapse;width: 100%; margin-top: 20px;}
.list_service .pagehtml table td {padding:12px;font-size: 16px;color: #333;border: 1px solid #ececec;}
.list_service .pagehtml table tr:nth-child(2n) {background: #f5f5f5}
.list_service .pagehtml table td p{ margin: 0;}




















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

}

@media screen and (max-width: 1600px) {
    .about_content_3 .title{ display: grid; grid-template-columns: 4fr 8fr; align-items: center; margin-bottom: 64px; }
    .index_honor .title{ display: grid; grid-template-columns: 4fr 8fr; align-items: center; }
}
@media screen and (max-width: 1440px) {
    .about_content_3 .title .data h3 strong{ font-size: 40px; }


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


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

    .padding{ padding-top: 40px; padding-bottom: 40px;}
    .index_banner {position: relative;overflow: hidden; aspect-ratio: 192/84}
    .index_banner { margin-top: 51px;}
    .index_banner .banner_swiper{ height: 100%;}
    .index_banner .banner_swiper .swiper-slide{ position: relative;width: 100%;overflow:hidden; background: #000; height: 100% }
    .index_banner .banner_swiper .swiper-slide img.bg{height: 100%;width: 100%;object-fit: cover; opacity: 1;}
    .index_banner .banner_swiper .swiper-slide .info{ width: var(--width) ; position:absolute;left: 50%; top:55%;  transition-duration: 0.3s; z-index: 33; transform: translate(-50%, -50%); transition-delay:0.5s; }
    .index_banner .banner_swiper .swiper-slide .info img.logo{ height:32px; margin: 0 auto;}
    .index_banner .banner_swiper .swiper-slide .info h3{ font-size: 60px; padding-top: 24px; line-height: 1.2; font-weight: bold; color:#fff; margin-bottom: 24px;  }
    .index_banner .banner_swiper .swiper-slide .info p{ color: #fff; font-size: 18px; line-height: 1.4; width: 56%;  margin-bottom: 50px;}
    .index_banner .banner_swiper .swiper-slide .info .more a{ border-bottom: #fff solid 2px; letter-spacing: 3px; padding: 10px 0px;color: #fff;transition-duration: 0.3s;}
    .index_banner .banner_swiper .swiper-slide .info .more a:hover{ border-bottom:var(--mc) solid 2px;color: var(--mc);}
    .index_banner .banner_swiper .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
    .index_banner .banner_swiper .swiper-slide .info.white h2{color: #fff; }
    .index_banner .banner_swiper .swiper-slide .info.white h3{color: #fff;}
    .index_banner .banner_swiper .swiper-slide .info.white p{color: #fff;}
    .index_banner .banner_swiper .swiper-slide-active .info > * {  opacity: 1; transform: none;}
    .index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
    .index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
    .index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
    .index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
    .index_banner .banner_swiper .swiper-slide video{width: 100%; height: 100%; object-fit: cover; opacity: 0.9; animation: breathe 10s ease-in-out;}

    .index_banner .banner_swiper .banner-pagination{ left: 20px; right: 20px; bottom: 0px; text-align: center; width: auto; left: 20px; }
    .index_banner .banner_swiper .banner-pagination .swiper-pagination{ background: #f00;}
    .index_banner .banner_swiper .swiper-pagination-bullet{ background: #fff; height: 3px; border-radius: 10px; transition-duration: 0.3s;  margin: 5px;width: 20px!important; opacity: 0.5}
    .index_banner .banner_swiper .swiper-pagination-bullet-active{ background: #fff; width:20px!important; opacity: 1;}
    .index_banner .banner_swiper .swiper-pagination-fraction{ font-size: 16px; color: #fff; position: absolute; right: 0px; bottom: 20px; font-weight: bold; display: none}


    .index_banner .banner_swiper .swiper-button-prev{ font-size: 36px; top: 30%; background: rgba(0,0,0,0.1); color: #fff; padding: 30px 10px;border-radius: 3px;}
    .index_banner .banner_swiper .swiper-button-next{ font-size: 36px; top: 30%; background: rgba(0,0,0,0.1); color: #fff; padding: 30px 10px;border-radius: 3px;}





    .index_about .title{ text-align: center; padding-left: 0%; padding-right: 0%; padding-bottom: 12px; position: relative;}
    .index_about .title h2{ font-size:24px;color: var(--mc); text-align: left }
    .index_about .title h3{ position: absolute; z-index: -1; left: 0%; font-family: 'HarmonyOS Sans'; transform: translateX(0%); top: -6px;
        background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8e8e8), to(rgba(0,0,0, 0.0)));
        line-height: 1;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        font-size: 36px;
        font-weight: bold;}


    .index_about .content{ text-align: left;  text-align: justify;  width:auto; margin: 0 auto; padding-bottom: 40px;}
    .index_about .content p{ color: #999; font-size: 14px;}
    .index_about .img .data{ right: 30px; top: 30px; left: 20px; }
    .index_about .img .data .item h3 strong{ font-size: 36px;}
    .index_about .img{ position: relative;}
    .index_about .img img{ aspect-ratio: 1/0.4; object-fit: cover;}


    .index_product .title{ text-align: center; padding-left: 0%; padding-right: 0%; padding-bottom: 12px; position: relative;}
    .index_product .title h2{ font-size:24px;color: var(--mc); }
    .index_product .title h3{ position: absolute; z-index: -1; left: 50%; font-family: 'HarmonyOS Sans'; transform: translateX(-50%); top: -6px;
        background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8e8e8), to(rgba(0,0,0, 0.0)));
        line-height: 1;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        font-size: 36px;
        font-weight: bold;}


    .index_honor { background:url("../images/bg25.jpg") no-repeat bottom left; background-size: cover;}
    .index_honor .pagewidth{ padding-bottom: 30px;background: url("../images/jiangbei.png") no-repeat center bottom; background-size: 100px auto;}

    .index_honor .title{ display: block; justify-content: space-between; align-items: center; margin-bottom: 32px; position: relative; }
    .index_honor .title .name{ margin-bottom: 24px;}
    .index_honor .title .name h2{ font-size:24px; }
    .index_honor .title .name h3{ font-size: 36px; top: -6px;}
    .index_honor .title .data{ width: 100%; display: grid; grid-template-columns: repeat(3,1fr); justify-content: initial; align-items: center; grid-gap:0px; }
    .index_honor .title .data .item{text-align: left}
    .index_honor .title .data h3 strong{ color: #fff; font-weight: bold; font-size: 36px; line-height: 1.2}
    .index_honor .title .data h3 span{ color: #fff; font-size: 15px; font-weight: bold; padding-left: 5px;}
    .index_honor .title .data p{ color: #fff; font-size: 15px; opacity: 0.7}
    .index_honor .content{ padding-left: 0px; position: relative;}
    .index_honor .content .swiper{ padding-bottom: 140px;}
    .index_honor .content .swiper-slide .item .img{ margin-bottom: 24px;}
    .index_honor .content .swiper-slide .item .img img{ width: 100%;}
    .index_honor .content .swiper-slide .item p{  font-size: 14px; line-height: 1.2; color: #fff; text-align: center;  }
    .index_honor .content .swiper-slide .item{ background: linear-gradient(135deg, rgba(255,255,255,0.8) 0, rgba(255,255,255,0.5) 10%,rgba(255,255,255,0.5) 90%, rgba(255,255,255,0.8) 100%);padding: 18px;}
    .index_honor .content .swiper-button-prev:after{ display: none;  }
    .index_honor .content .swiper-button-next:after{ display: none;  }
    .index_honor .content .swiper-button-prev{ position: absolute; color: #fff; font-size: 24px; background: rgba(255,255,255,0.5); transition-duration: 0.3s; right:auto; left: auto; top: auto; bottom: 50px; border-radius: 40px; height:48px; width: 48px; display: flex; justify-content: center; align-items: center }
    .index_honor .content .swiper-button-next{ position: absolute; color: #fff; font-size: 24px; background: rgba(255,255,255,0.5); transition-duration: 0.3s; right: 0px; left: auto; top: auto; bottom: 50px; border-radius: 40px; height:48px; width: 48px; display: flex; justify-content: center; align-items: center }
    .index_honor .content .swiper-button-prev i,.index_honor .content .swiper-button-next i{ line-height: 1;}
    .index_honor .content .swiper-button-prev:hover ,.index_honor .content .swiper-button-next:hover{ background: rgba(255,255,255,0.7);}





    .index_news .title{ text-align: center; padding-left: 0%; padding-right: 0%; padding-bottom: 12px; position: relative;}
    .index_news .title h2{ font-size:24px;color: var(--mc); }
    .index_news .title h3{ position: absolute; z-index: -1; left: 50%; font-family: 'HarmonyOS Sans'; transform: translateX(-50%); top: -6px;
        background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8e8e8), to(rgba(0,0,0, 0.0)));
        line-height: 1;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        font-size: 36px;
        font-weight: bold;}


    .index_news .content{ display: grid;grid-template-columns: repeat(1, 1fr);grid-gap:20px;}
    .index_news .item{  display:grid; align-items: center; background: #f7f7f7;transition-duration: 0.3s; }
    .index_news .item .img{border-radius: 3px; overflow: hidden; }
    .index_news .item .img img{ width:100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }
    .index_news .item .info{ padding: 24px; }
    .index_news .item .info h2{ height: 40px;}
    .index_news .item .info h2 a{color:#111;line-height:1.2; font-size:18px; font-weight:normal;transition-duration: 0.3s;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;  }
    .index_news .item .info h2{ line-height:1.2; margin-bottom:10px; }
    .index_news .item .info .description { color: #999; font-size: 14px; }
    .index_news .item .bottom{ display: flex; justify-content: space-between; align-items: center; padding:16px 24px; border-top:#ddd solid 1px;}
    .index_news .item .bottom .date{ color: #999; font-size: 14px; display: flex; justify-content: center; align-items: center; gap: 6px;}
    .index_news .item .bottom .more a{ border-radius: 50%; transition-duration: 0.3s; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
    .index_news .item .bottom .more a i{ line-height: 1; transition-duration: 0.3s;}
    .index_news .item .bottom .more a:hover{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }







    .crumbs{ background: #fefefe; padding-top: 30px; padding-bottom: 30px;}
    .crumbs .pagewidth{ color: #333; }
    .crumbs .pagewidth span{ color: #999;}
    .crumbs .pagewidth a i{ color: #333;}
    .crumbs .pagewidth a{ color: #999;}
    .crumbs .pagewidth a:hover{ color:var(--mc); }

    .detail_banner{overflow: hidden; position: relative; margin-top: 51px;}
    .detail_banner img{ width: 100%;}
    .detail_banner .parallax-bg{object-fit: cover;width: 100%;}


    .about_content_1 .pagewidth{display: block;   grid-gap: var(--gg);}
    .about_content_1 .pagewidth .title{ margin-bottom: 32px;}
    .about_content_1 .pagewidth .title h3{color: #999; font-weight: normal; font-size: 16px; line-height: 1.2; margin-bottom: 24px;}
    .about_content_1 .pagewidth .title h2{color: #333; font-weight: normal; font-size: 32px; line-height: 1.2}
    .about_content_1 .pagewidth .content .html{ color: #999; font-size: 14px; margin-bottom: 32px;}
    .about_content_1 .pagewidth .content .data{ display: grid; grid-template-columns:repeat(4,1fr); ; border-top: #ececec solid 2px; border-bottom: #ececec solid 2px;}
    .about_content_1 .pagewidth .content .data .item{ padding-bottom: 20px;padding-top: 20px; }
    .about_content_1 .pagewidth .content .data h3{ line-height: 1; display: flex; justify-content: left; align-items: center}
    .about_content_1 .pagewidth .content .data h3 strong{ line-height: 1; font-weight: bold; font-size: 36px; color: var(--mc); margin-right: 5px; }
    .about_content_1 .pagewidth .content .data h3 span{ font-weight:normal; color: #999;position: relative; font-size: 14px; }
    .about_content_1 .pagewidth .content .data p{ color: #999; }

    .about_content_2 .pagewidth{ }
    .about_content_2 .pagewidth .title{ margin-bottom: 32px;}
    .about_content_2 .pagewidth .title h2{color: #6e2a2b; font-weight: normal; font-size: 15px; line-height: 1.2; margin-bottom: 24px;}
    .about_content_2 .info .item .row{  grid-gap:20px;}

    .about_content_3 { background:url("../images/bg25.jpg") no-repeat bottom left; background-size: cover;}
    .about_content_3 .title{ display: block; justify-content: space-between; align-items: center; margin-bottom: 32px; }
    .about_content_3 .title h2{font-weight: normal; font-size: 15px; line-height: 1.2; margin-bottom: 24px;}
    .about_content_3 .title .data{ width: 100%; display: grid; grid-template-columns: repeat(3,1fr); justify-content: initial; align-items: center; grid-gap:0px; }
    .about_content_3 .title .data .item{text-align: left}
    .about_content_3 .title .data h3 strong{ color: #fff; font-weight: bold; font-size: 36px; line-height: 1.2}
    .about_content_3 .title .data h3 span{ color: #fff; font-size: 15px; font-weight: bold; padding-left: 5px;}
    .about_content_3 .title .data p{ color: #fff; font-size: 15px; opacity: 0.7}
    .about_content_2 .svg p{ color: #6e2a2b; font-size: 12px; }

    .about_content_3 .content{ padding-left: 0px; position: relative; background: url("../images/jiangbei.png") no-repeat center bottom; background-size: 100px auto;}
    .about_content_3 .content .swiper{ padding-bottom: 140px;}
    .about_content_3 .content .swiper-slide .item .img{ margin-bottom: 24px;}
    .about_content_3 .content .swiper-slide .item .img img{ width: 100%;}
    .about_content_3 .content .swiper-slide .item p{  font-size: 14px; line-height: 1.2; color: #fff; text-align: center;  }
    .about_content_3 .content .swiper-slide .item{ background: linear-gradient(135deg, rgba(255,255,255,0.8) 0, rgba(255,255,255,0.5) 10%,rgba(255,255,255,0.5) 90%, rgba(255,255,255,0.8) 100%);padding: 18px;}
    .about_content_3 .content .swiper-button-prev:after{ display: none;  }
    .about_content_3 .content .swiper-button-next:after{ display: none;  }
    .about_content_3 .content .swiper-button-prev{ position: absolute; color: #fff; font-size: 24px; background: rgba(255,255,255,0.5); transition-duration: 0.3s; right:auto; left: auto; top: auto; bottom: 50px; border-radius: 40px; height:48px; width: 48px; display: flex; justify-content: center; align-items: center }
    .about_content_3 .content .swiper-button-next{ position: absolute; color: #fff; font-size: 24px; background: rgba(255,255,255,0.5); transition-duration: 0.3s; right: 0px; left: auto; top: auto; bottom: 50px; border-radius: 40px; height:48px; width: 48px; display: flex; justify-content: center; align-items: center }
    .about_content_3 .content .swiper-button-prev i,.about_content_3 .content .swiper-button-next i{ line-height: 1;}
    .about_content_3 .content .swiper-button-prev:hover ,.about_content_3 .content .swiper-button-next:hover{ background: rgba(255,255,255,0.7);}


    .about_content_4{background: #eeeeee;}
    .about_content_4 .title{ margin-bottom: 32px; }
    .about_content_4 .title h2{color: #999; font-weight: normal; font-size: 15px; line-height: 1.2; margin-bottom: 24px;}
    .about_content_4 .pagewidth{background: none; background-size: contain; }
    .about_content_4 .content{position: relative;height: auto; display: grid; grid-template-columns: repeat(6,1fr); grid-gap:12px;}
    .about_content_4 .content .logo{ display: none}
    .about_content_4 .content .item{ border-radius: 8px; background: #fff; transition-duration: 0.3s; border: #ececec solid 1px;padding: 10px; position: initial; }
    .about_content_4 .content .item:after{  display: none}
    .about_content_4 .content .item img{ width: 100%; transform: scale(0.9); transition-duration: 0.3s;}
    .about_content_4 .content .item span{ display: none}
    .about_content_4 .content .item:hover img{transform: scale(1.1)}
    .about_content_4 .content .item1 { left: 20px; top: 90px; width: 120px; transform: scale(1);}
    .about_content_4 .content .item2 { left: 220px; top: 10px; width: 120px;  transform: scale(0.8);}
    .about_content_4 .content .item3 { left: 460px; top: -20px; width: 120px;  transform: scale(0.7);}
    .about_content_4 .content .item4 { left: 740px; top: -30px; width: 120px;  transform: scale(1);}
    .about_content_4 .content .item5 { left: 980px; top: 60px; width: 120px;  transform: scale(0.8);}
    .about_content_4 .content .item6 { left: 150px; top: 170px; width: 120px;  transform: scale(0.7);}
    .about_content_4 .content .item7 { left: 320px; top: 110px; width: 120px;  transform: scale(0.9);}
    .about_content_4 .content .item8 { left: 800px; top: 100px; width: 120px;  transform: scale(0.7);}
    .about_content_4 .content .item9 { left: 1000px; top: 210px; width: 120px;  transform: scale(1);}
    .about_content_4 .content .item10 { left: 920px; top: 360px; width: 120px;  transform: scale(0.8);}
    .about_content_4 .content .item11 { left: 40px; top:280px; width: 120px;  transform: scale(0.7);}
    .about_content_4 .content .item12 { left: 210px; top: 280px; width: 120px;  transform: scale(1);}
    .about_content_4 .content .item13 { left: 380px; top: 240px; width: 120px;  transform: scale(0.9);}
    .about_content_4 .content .item14 { left: 440px; top: 390px; width: 120px;  transform: scale(0.8);}
    .about_content_4 .content .item15 { left: 740px; top: 210px; width: 120px;  transform: scale(0.7);}
    .about_content_4 .content .item16 { left: 1040px; top: 350px; width: 120px;  transform: scale(0.6);}
    .about_content_4 .content .item17 { left: 270px; top: 400px; width: 120px;  transform: scale(0.7);}
    .about_content_4 .content .item18 { left: 610px; top: 340px; width: 120px; transform: scale(0.9); }
    .about_content_4 .content .item19 { left: 110px; top: 380px; width: 120px;  transform: scale(0.7);}
    .about_content_4 .content .item20 { left: 770px; top:320px; width: 120px;  transform: scale(0.7);}
    .about_content_4 .content .item{ transform: scale(1);  width: auto;height: auto}


    .channel_product{background: #f7f7f7;}
    .channel_product .title{ font-size: 32px; line-height: 1.2; color: #333; margin-bottom: 12px;}
    .channel_product .box{background: #fff; display: block; grid-template-columns: 4fr 6fr;}
    .channel_product .box .info{ padding:30px; position: relative;}

    .channel_product .box .info h2{ font-size: 24px; font-weight: normal;}
    .channel_product .box .info p{ color: #999; font-size: 15px;}
    .channel_product .box .info .adv{ position: initial;bottom: 60px; left: 60px; right: 60px;}
    .channel_product .box .info .adv ul{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ddd solid 1px; }
    .channel_product .box .info .adv ul li{ padding-left: 20px; position: relative; color: #999;}
    .channel_product .box .info .adv ul li::after{content:""; position: absolute; left: 0px; top:50%; transform: translateY(-50%); width: 6px; height: 6px; background: #000;  border-radius: 8px;}

    .channel_product .box .info .adv .more a{ display: flex; justify-content: left; align-items: center; grid-gap: 32px;}
    .channel_product .box .info .adv .more a span{ color: #666; }
    .channel_product .box .info .adv .more a .icon{ border-radius: 50%;  border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
    .channel_product .box .info .adv .more a .icon i{ line-height: 1;}
    .channel_product .box .info .adv .more a:hover span{ color: var(--mc)}
    .channel_product .box .info .adv .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }
    .channel_product .box .img img{width: 100%;}
    .channel_product .tabs-header li{ font-size: 14px;}
    .channel_product .tabs-header.pagewidth{width: auto; margin: 0 auto; margin-bottom: 24px;}

    .list_product_info{  padding-top: 0px;}
    .list_product_info h2{text-align: left; font-size: 24px; line-height: 1.2; font-weight: normal; color: #333; margin-bottom: 24px;}
    .list_product_info p{ color: #999; margin-bottom: 24px;text-align: left;}
    .list_product_info .img img{ width: 100%;}


    .list_product_list{ padding-top:40px;}
    .list_product_list h2{text-align: center; font-size: 24px;  font-weight: normal; color: #333; margin-bottom: 24px;}
    .list_product_list .content{ position: relative;}
    .list_product_list .swiper-slide .item{ border: 1px solid #ddd; padding-top: 60px; padding-bottom:60px; position: relative}
    .list_product_list .swiper-slide .item .bigimg{ position: absolute; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 3; opacity: 0; transition-duration: 0.3s}
    .list_product_list .swiper-slide .item .bigimg img{ width: 100%; height: 100%; object-fit: cover; }
    .list_product_list .swiper-slide .item:hover .bigimg{opacity: 1;}
    .list_product_list .swiper-slide .item .img{ width: 60%; margin: 0 auto; margin-bottom: 32px;}
    .list_product_list .swiper-slide .item .img img{ width: 100%;}
    .list_product_list .swiper-slide .item .info{ text-align: center}
    .list_product_list .swiper-slide .item .info p{ color: #999;}
    .list_product_list .swiper-slide .item .info h4{ font-size: 24px; font-weight: normal}
    .list_product_list .swiper-slide .item .info .more a{ color: #999; display: flex; justify-content: center; align-items: center; grid-gap: 6px;}
    .list_product_list .swiper-slide .item .info .more a:hover{color: var(--mc)}
    .list_product_list .swiper{ padding-bottom: 40px;}
    .list_product_list .swiper .swiper-pagination{ display: flex; justify-content: center; align-items: center; grid-gap: 6px;}
    .list_product_list .swiper .swiper-pagination-bullet{ width: 6px; height: 6px;}
    .list_product_list .swiper .swiper-pagination-bullet-active{ width: 10px; height: 10px; border: #333 solid 2px; background: #fff;}
    .list_product_list .content .swiper-button-next:after{ display: none; }
    .list_product_list .content .swiper-button-prev:after{ display: none; }
    .list_product_list .content .swiper-button-prev{border-radius: 50px; height: 50px; top: 44%; width: 50px; border: #ddd solid 1px; font-size: 20px; color: #999; left: 20px;}
    .list_product_list .content .swiper-button-next{border-radius: 50px; height: 50px; top: 44%; width: 50px; border: #ddd solid 1px; font-size: 20px; color: #999; right: 20px;}

    .list_product_photo{ padding-top:50px;}
    .list_product_photo h2{text-align: center; font-size: 24px; line-height: 1; font-weight: normal; color: #333; margin-bottom: 12px;}
    .list_product_photo p{ color: #999; text-align: center; line-height: 1.5; }

    .list_product_photo .content{ padding-top: 24px; padding-bottom: 20px;}


    .list_product_photo .content .swiper-button-next:after{ display: none; }
    .list_product_photo .content .swiper-button-prev:after{ display: none; }
    .list_product_photo .content .swiper-button-prev{border-radius: 50px; height: 50px; top: 44%; width: 50px; background: rgba(255,255,255,0.3); font-size: 20px; color: #fff; left:20;}
    .list_product_photo .content .swiper-button-next{border-radius: 50px; height: 50px; top: 44%; width: 50px; background: rgba(255,255,255,0.3); font-size: 20px; color: #fff; right: 20px;}
    .list_product_photo .content .swiper-button-prev:hover ,.list_product_photo .content .swiper-button-next:hover{ background: rgba(255,255,255,0.6);}






    .list_news_top{ padding-top: 50px; padding-bottom: 30px;}
    .list_news_top .title h2{ font-size: 24px; font-weight: normal; color: #666; text-align: center; margin-bottom: 30px;}
    .list_news_top .content .box .img img{width: 100%;}
    .list_news_top .content .box .info{ padding: 20px;}
    .list_news_top .content .box .info .date{ color: #999;margin-bottom: 20px;}
    .list_news_top .content .box .info h2{ line-height: 1.3; font-weight: normal;  margin-bottom: 20px;}
    .list_news_top .content .box .info h2 a{ line-height: 1.3; color: #333;}
    .list_news_top .content .box .info h2 a:hover{color: var(--mc);}
    .list_news_top .content .box .info .more a{ display: flex; justify-content: left; align-items: center; grid-gap: 32px;}
    .list_news_top .content .box .info .more a span{ color: #666; transition-duration: 0.3s;}
    .list_news_top .content .box .info .more a .icon{ border-radius: 50%; transition-duration: 0.3s; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
    .list_news_top .content .box .info .more a .icon i{ line-height: 1; transition-duration: 0.3s;}
    .list_news_top .content .box .info .more a:hover span{ color: var(--mc)}
    .list_news_top .content .box .info .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }






    .layer-box{ width: auto; display: block; grid-template-columns: 500px auto; grid-gap:72px; padding: 30px; }
    .layer-box .img{ border: #ececec solid 1px;}
    .layer-box .img img{ width:100%; }
    .layer-box .img .swiper-pagination-bullet-active{ background: var(--mc)}
    .layer-box .info{ padding-top: 20px;}
    .layer-box .info h2{ font-size: 24px; color: #111; font-weight: normal; line-height: 1; padding-bottom: 14px; position: relative; }
    .layer-box .info .description{ color: #666;}






















    .mobile_detail_menu{ display: none}
    .detail_menu_wrapper {min-height: 80px;background: #fff;}
    .detail_menu{  position: relative; z-index: 199; background:rgba(255,255,255,0.9); border-bottom: #dddddd solid 1px;  -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); }
    .detail_menu.fixed { position: fixed; top: 113px; left: 0; right: 0; animation: slideDown 0.3s ease;}
    .detail_menu .pagewidth{}
    .detail_menu ul{display: flex; justify-content:space-between;}
    .detail_menu ul li{ width: 100% }
    .detail_menu ul li a{ display:block;height:80px; line-height:80px;color:#333;  text-align: center; transition-duration: 0.3s;}
    .detail_menu ul li a.active{ color: var(--mc); position: relative; font-weight: 500;}
    .detail_menu ul li a.active:after{position: absolute; left: 0px; right: 0px; bottom:-1px; transition-duration: 0.3s; height: 2px; background:var(--mc); content: ''; }
    .detail_menu ul li a:hover{  color:var(--mc); }
    .detail_menu ul li a.active:hover{ color:var(--mc); }
    .detail_menu ul li a.active{}



    .detail_menu_pro {}
    .detail_menu_pro > ul{  }
    .detail_menu_pro ul{ }
    .detail_menu_pro ul li{ }
    .detail_menu_pro a { color:#fff; font-weight: normal; display: block; text-align: center; }
    .detail_menu_pro ul {margin: 0;padding: 0;list-style: none;  }
    .detail_menu_pro ul li.current-menu-item { background:rgba(0,0,0,0.1); }
    .detail_menu_pro > ul > li { display: block;float: left;position: relative; display: block; }
    .detail_menu_pro > ul > li a i{display: inline-block; transition-duration: 0.3s}
    .detail_menu_pro > ul > li a:hover i{transform:rotate(180deg)}
    .detail_menu_pro ul li.active a{color:var(--mc); font-weight: 500;   }
    .detail_menu_pro ul li.active:after{position: absolute; left: 35px; right: 35px; bottom:0px; transition-duration: 0.3s; height: 2px; background:var(--mc); content: ''; }
    .detail_menu_pro ul li:hover a{color:var(--mc);}
    .detail_menu_pro > ul > li > ul { background:rgba(255,255,255,1) ;position: absolute; visibility: hidden; display: block;  opacity: 0; top:91px; width: 100%;margin-left:-50%; z-index: 999; right: 0px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); padding-top: 12px; padding-bottom: 12px; left: 50%; -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); will-change: backdrop-filter; border-radius:3px; transition-duration:0.3s; }
    .detail_menu_pro > ul > li:hover > ul { visibility:visible; opacity: 1; top: 81px; -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px);}
    .detail_menu_pro > ul > li:hover p{ opacity: 1; }
    .detail_menu_pro > ul > li:hover img{ opacity: 1; }
    .detail_menu_pro > ul > li > ul > li { position: relative; width: 100%;}
    .detail_menu_pro > ul > li > ul > li a{ color:#333!important; font-size:15px; padding: 0; display:block; }
    .detail_menu_pro > ul > li > ul > li a:hover{ color:var(--mc)!important; background:#f1f4f8!important;  }
    .detail_menu_pro > ul > li a p{  font-size: 12px; color: #333; opacity: 0.5; height: 16px; line-height: 1em; }
    .detail_menu_pro > ul > li a img{ display: block; width: 32px; height: 32px; margin:5px auto; margin-bottom: 5px; opacity: 0.5;}
    .detail_menu_pro > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 20px;}
    .detail_menu_pro > ul > li > ul > li:hover > ul { display:block;background-color: #333; }
    .detail_menu_pro > ul > li > ul > li a{ height: 50px; line-height: 50px;}





    .show_news{ background: #fafbfd;}
    .show_news .pagewidth{ position: relative; }
    .show_news .pagewidth .back{ display: none; }
    .show_news .content{ padding-left: 0; padding-right: 0; position: relative}
    .show_news .title h1{ text-align: left; font-weight: normal; font-size: 24px; line-height: 1.2; margin-bottom: 24px; }
    .show_news .info{ padding-bottom: 24px; text-align: left; color: #666; display: block; justify-content: left; align-items: center; grid-gap:10px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #ddd solid 1px;}
    .show_news .info span{ display: block}
    .show_news .description{ text-align: left; color: #808080; padding: 30px; margin-bottom: 32px; background: #f0f0f0; border-radius: 12px; }
    .show_news .html{ margin-bottom: 30px;}
    .show_news .html h3{ font-size: 24px; font-weight: bold; margin-bottom: 12px; padding-top: 24px;}
    .show_news .html p {line-height: 1.6; font-size: 15px; margin: 0 0 10px;text-align: left;}
    .show_news .html p:has(img){ text-align: center;}
    .show_news .html img {display: inline-block;height:auto!important;max-width: 100%!important;}
    .show_news .html table {border-collapse: collapse;width: 100%; margin-top: 20px;}
    .show_news .html table td {padding:12px;font-size: 16px;color: #333;border: 1px solid #ececec;}
    .show_news .html table tr:nth-child(2n) {background: #f5f5f5}
    .show_news .html table td p{ margin: 0;}
    .show_news .other{ border-top:#ddd solid 1px; padding-top:30px;}
    .show_news .other p{ margin-bottom:10px; color:#333;}
    .show_news .other p a{ color:#333; }
    .show_news .other p a:hover{color:var(--mc);}
    .show_news .other p.left{text-align: left;}
    .show_news .other p.right{text-align: left;}



    .list_job{background: #f7f7f7; margin-top: 53px;}
    .list_job .pagewidth { display: block; grid-template-columns: 2fr 8fr; grid-gap: var(--gg);}
    .list_job .filter{ background: #fff;}
    .list_job .filter h2{ font-size: 18px; font-weight:normal; padding-top: 10px; line-height: 1; margin-bottom: 12px; position: relative; }
    .list_job .filter{ padding: 20px;background: #fff; margin-bottom: 20px; margin-bottom: 20px;}
    .list_job .filter .types{ padding-top: 10px; padding-bottom: 10px; display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: #ececec solid 1px; padding-bottom:15px; margin-bottom: 10px; }
    .list_job .filter .types li{ margin-bottom: 8px;}
    .list_job .filter .types li a{color: #666; }
    .list_job .filter .types li.active a{ color: var(--mc); }
    .list_job .filter .types li.name{grid-column: span 4; font-size: 14px; color: #999}
    .list_job .filter .types:last-child{border-bottom: none ; padding-bottom: 0; margin-bottom: 0;}


    .list_job .content .layui-collapse{border: none;}
    .list_job .content .layui-colla-item{border: none; background: #fff; padding:20px; margin-bottom: 20px; border-radius: 4px; position: relative; margin-bottom: var(--gg) }
    .list_job .content .layui-colla-title{ height: auto; line-height: auto;  padding: 0; background: #fff; }
    .list_job .content .layui-colla-item.layui-show h2{ color: var(--mc); }
    .list_job .content .layui-colla-title h2{ font-size: 16px; font-weight: 500;}
    .list_job .content .layui-colla-item .ri-add-large-line{ position: absolute; transition-duration: 0.3s; right: 0px; top: 50%; transform: translateY(-50%) rotate(0deg); background:#f6f8fa; height: 36px; width: 36px; border-radius: 30px; display: flex; justify-content: center; align-items: center; color: #666; font-size: 18px; }
    .list_job .content .layui-colla-item.layui-show .ri-add-large-line{transform: translateY(-50%) rotate(45deg); background: var(--mc);  color: #fff; }
    .list_job .content .layui-colla-title .desc{ font-size: 14px; color: #999}
    .list_job .content .layui-colla-title .layui-icon{ display: none}
    .list_job .content .layui-colla-title .desc{ display: flow;  justify-content: left; grid-gap:var(--gg) }
    .list_job .content .layui-colla-content{ margin-top: 20px; padding: 0; padding-top: 20px;}
    .list_job .content .layui-colla-content h3{color: var(--mc); font-size: 16px; }
    .list_job .content .jobemail{ font-size: 20px; font-weight: 500;color:var(--mc); padding:20px  40px;}
    .list_job .content .loadmore-nodata{ text-align: center; padding: 50px; text-align: center; color: #999;}


    .contact_content_1{ background: #f7f7f7;}

    .contact_content_1 .box{ z-index: 2; background: #fff; padding: 24px; border: #ececec solid 1px;}
    .contact_content_1 .box .img{ width: 100%; overflow: hidden; margin-bottom: 20px; }
    .contact_content_1 .box .img img{ width: 100%; object-fit: cover; }
    .contact_content_1 .box .info h2{ font-size: 18px; font-weight: normal; margin-bottom: 12px;}
    .contact_content_1 .box .info ul{}
    .contact_content_1 .box .info ul li { display: grid;margin-bottom: 16px; grid-template-columns: 30px auto; align-items: center; grid-gap: 10px;  line-height: 1;}
    .contact_content_1 .box .info ul li p{ line-height: 1.4;}
    .contact_content_1 .box .info ul li span{ border: #333 solid 1px; height: 28px; width: 28px; border-radius: 50%; align-items: center; justify-content: center; display: flex; }
    .contact_content_1 .box .info ul li:first-child p{ }
    .contact_content_1 .box .info ul li:last-child p{ font-weight: bold; font-size: 18px;}
    .contact_content_1 .box .info h3{ font-size: 18px; font-weight: normal; margin-bottom: 12px;}
    .contact_content_1 .box .info img{ width: 100px;}
    .contact_content_1 .box .info .code{ justify-content: left; display: flex; grid-gap: var(--gg)}
    .contact_content_1 .box .info .code .item p{ text-align: center; font-size: 13px; color: #666;}
    .contact_content_1 .box.full h3{ font-size: 18px; font-weight: normal; margin-bottom: 12px;}

    .contact_content_2{ background: #fff;}
    .contact_content_2 .pagewidth .box {background: #fff; padding: 24px; border: #ececec solid 1px;  grid-template-columns: repeat(1,1fr) ; grid-gap:30px; align-items: center; }

    .contact_content_2 .img{ width: 100%; aspect-ratio: 1; overflow: hidden;order: 1; }
    .contact_content_2 .img img{ width: 100%; height: 100%; object-fit: cover; }

    .contact_content_2 .info{ padding-bottom: 20px;order: 2;}
    .contact_content_2 .info h3{ font-size: 24px; line-height: 1; font-weight: normal; margin-bottom: 24px;}
    .contact_content_2 .info p{line-height: 1; font-weight: normal; margin-bottom: 20px; color: #999;}

    .contact_content_2 .info .more a{ display: flex; justify-content: left; align-items: center; grid-gap: 32px;}
    .contact_content_2 .info .more a span{ color: #666; transition-duration: 0.3s;}
    .contact_content_2 .info .more a .icon{ border-radius: 50%; transition-duration: 0.3s; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
    .contact_content_2 .info .more a .icon i{ line-height: 1; transition-duration: 0.3s; }
    .contact_content_2 .info .more a:hover span{ color: var(--mc)}
    .contact_content_2 .info .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }




    .contact_content_2 .info .more a{ display: flex; justify-content: left; align-items: center; grid-gap: 32px;}
    .contact_content_2 .info .more a span{ color: #666; transition-duration: 0.3s;}
    .contact_content_2 .info .more a .icon{ border-radius: 50%; transition-duration: 0.3s; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
    .contact_content_2 .info .more a .icon i{ line-height: 1; transition-duration: 0.3s;}
    .contact_content_2 .info .more a:hover span{ color: var(--mc)}
    .contact_content_2 .info .more a:hover .icon{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }



    /*.custom-info-window {position: relative;background: #fff;border-radius: 8px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);min-width: 460px;max-width: 460px;font-size: 14px;line-height: 1.6;}*/
    /*.custom-info-window::after {content: '';position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));}*/
    /*.info-close-btn {position: absolute;top: 12px;right: 12px;width: 20px;height: 20px;cursor: pointer;opacity: 0.5;transition: opacity 0.2s;display: flex;align-items: center;justify-content: center;}*/
    /*.info-close-btn:hover {opacity: 1;}*/
    /*.info-close-btn::before,*/
    /*.info-close-btn::after {content: '';position: absolute;width: 14px;height: 2px;background: #666;border-radius: 1px;}*/
    /*.info-close-btn::before {transform: rotate(45deg);}*/
    /*.info-close-btn::after {transform: rotate(-45deg);}*/
    /*#info-template {display: none;}*/
    /*.info-content{ display: grid; grid-template-columns: 40% 60%; align-items: center; }*/
    /*.info-content .info-logo{background: #0163b2; padding: 30px 20px;}*/
    /*.info-content .info-logo img{ width: 100%;}*/
    /*.info-content .info-add{ padding-left: 20px; font-size: 15px; color: #666; line-height: 1.6}*/







    .list_culture .item{ display: grid; grid-template-columns: 70% auto; align-items: center;}
    .list_culture .item .img img{  width: 100%;}
    .list_culture .item .info{ padding: 100px; padding-bottom: 140px;}
    .list_culture .item .info p{ font-size: 20px; color: var(--mc); }
    .list_culture .item .info h3{ font-size: 36px; font-weight: bold; border-bottom: var(--mc) solid 4px; line-height: 1; margin-bottom: 24px; padding-bottom: 24px; }
    .list_culture .item .info h4 p{ font-size: 22px; font-weight: normal; color: #111; line-height: 1.2}

    .list_culture .item:nth-child(2n){ grid-template-columns: auto 70% ;}
    .list_culture .item:nth-child(2n) .img{order: 2;}
    .list_culture .item:nth-child(2n) .info{order: 1;}

}

/*小尺寸手机*/
@media screen and (max-width: 768px) {
    .index_banner .banner_swiper .swiper-button-next{ display: none; }
    .index_banner .banner_swiper .swiper-button-prev{ display: none; }
    .about_content_4 .content{grid-template-columns: repeat(5,1fr); width: auto;}
    .about_content_1 .pagewidth .content .data{ display: grid; grid-template-columns:repeat(2,1fr); ; border-top: #ececec solid 2px; border-bottom: #ececec solid 2px;}


    .about_content_1 .pagewidth .content .brand{ margin-bottom: 32px;}
    .about_content_1 .pagewidth .content .brand .one{   padding: 24px; color: #6e2a2b; text-align: center; padding-top: 20px; padding-bottom: 20px; border-radius: 6px; margin-bottom: var(--gg)}
    .about_content_1 .pagewidth .content .brand .one p{font-size: 14px; line-height: 1.5;}
    .about_content_1 .pagewidth .content .brand .one h4{  font-size: 20px; line-height: 1.3;}
    .about_content_1 .pagewidth .content .brand .one p span{ display: block}
    .about_content_1 .pagewidth .content .brand .one p .dian{ display: none}
    .about_content_1 .pagewidth .content .brand .one h4{ padding-top: 20px;}
    .about_content_1 .pagewidth .content .brand .one h4 span{ display: block; font-size: 24px; line-height: 1.6;}
    .about_content_1 .pagewidth .content .brand .one h4 .dian{ display: none}
    .about_content_1 .pagewidth .content .brand .one h4 span.hua{ position: relative; left: -30px;}
    .about_content_1 .pagewidth .content .brand .one h4 span.wei{ position: relative; left: 15px;}
    .about_content_1 .pagewidth .content .brand .one h4 span.fang{ position: relative; left: 15px;}



    .about_content_1 .pagewidth .content .brand .row{ display: grid; grid-template-columns:repeat(1,1fr); grid-gap: var(--gg); }
    .about_content_1 .pagewidth .content .brand .row .item{ background:#f9f9f9; border-radius: 6px; padding: 24px; padding-left: 130px; position: relative}
    .about_content_1 .pagewidth .content .brand .row .item h4{ font-size: 18px; line-height: 1; margin-bottom: 10px; position: absolute; left: 24px; top: 24px;}
    .about_content_1 .pagewidth .content .brand .row .item h5{ font-size: 16px;  padding-top: 1px; line-height: 1; margin-bottom: 14px; font-weight: normal}
    .about_content_1 .pagewidth .content .brand .row .item p{ color: #666; line-height: 1; }




    .about_content_2 .pagewidth .title { margin-bottom:0}
    .about_content_2 .pagewidth .title h2{ margin-bottom:0}
    /*.about_content_2 .pagewidth .content{display: grid; grid-template-columns:repeat(1,1fr); grid-gap: var(--gg);}*/
    /*.about_content_2 .pagewidth .content .item{ position: relative; padding-left: 120px; text-align: left;}*/
    /*.about_content_2 .pagewidth .content .item .icon{ margin-bottom: 0px; position: absolute; left: 30px; top: 40px; border: #ececec solid 1px; border-radius: 50%; height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; font-size: 32px; color: #999;}*/
    /*.about_content_2 .pagewidth .content .item .icon i { line-height: 1;}*/
    /*.about_content_2 .pagewidth .content .item h3{ font-size: 18px; color:#111; margin-bottom: 12px; }*/
    /*.about_content_2 .pagewidth .content .item .html p{ color: #999; font-size: 15px; line-height: 1.4}*/
    .about_content_2{ background: url("../images/aboutbg6.jpg") no-repeat #fcdb00  bottom right;background-size: 250% }
    .about_content_2 .pagewidth { padding-bottom: 200px;}
    .about_content_2 .content {  display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 0px; align-items: center;}
    .about_content_2 .svg { width: 100%; height: auto; display: block; text-align: right}
    .about_content_2 .svg svg { width: 100%; height: auto;}
    .about_content_2 .svg svg path { transition: fill 0.3s ease, opacity 0.3s ease, transform 0.2s ease, filter 0.3s ease; transform-origin: center; cursor: pointer;}
    .about_content_2 .svg svg path:hover { opacity: 0.85; filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.2));}
    .about_content_2 .svg svg path.active-path { filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5)); opacity: 1; stroke: #d4000b; stroke-width: 1.5;}
    .about_content_2 .st1 { fill: #ee8005; }
    .about_content_2 .st0 { fill: #efbe0c; }
    .about_content_2 .layer-text { font-family: "Microsoft YaHei", sans-serif; font-size: 13px;  fill: #6e2a2b; text-anchor: middle; dominant-baseline: middle; pointer-events: none; user-select: none; letter-spacing: 0.5px; transition: fill 0.3s ease, font-weight 0.2s; }
    .about_content_2 .layer-text[data-index="0"] { fill: #ffffff;}
    .about_content_2 .layer-text[data-index="1"] { fill: #ffffff;}
    .about_content_2 .layer-text[data-index="2"] { fill: #ffffff;}
    .about_content_2 .layer-text[data-index="3"] { fill: #ffffff;}

    .about_content_2 .svg svg path.active-path + .layer-text { fill: #fff;}
    .about_content_2 .info { position: relative; min-height: 160px; }
    .about_content_2 .info .item { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none;}
    .about_content_2 .info .item.active { opacity: 1; transform: translateY(0); pointer-events: auto;}
    .about_content_2 .info .item h3 { font-size: 24px; padding-bottom: 22px; margin-bottom: 14px; position: relative; line-height: 1; color: #6e2a2b; letter-spacing: 1px; padding-top: 0}
    .about_content_2 .info .item h3:after { content: ""; position: absolute; left: 0; bottom: 0px; width: 20px; height: 2px; background: #6e2a2b; transition: width 0.3s ease;}
    .about_content_2 .info .item.active h3:after { width: 50px;}
    .about_content_2 .info .item p { font-size: 15px; line-height: 1.6; color: #6e2a2b; font-weight: 400;}









    .index_about .img .data{ position:initial; top:20px; right: 20px; z-index: 2; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
    .index_about .img .data .item{ display: flex; grid-gap: 20px; justify-content: space-between;   border-bottom: #fff solid 1px; padding-top: 10px; padding-bottom: 10px;}
    .index_about .img .data .item:last-child{border-bottom: none}
    .index_about .img .data .item{ color: #333;}
    .index_about .img .data .item .name{ width: 100px; text-align: left; line-height: 1;color: #999; font-size: 14px; padding-top: 8px; font-weight: normal;}
    .index_about .img .data .item h3{ width: auto; text-align: right; line-height: 1;color: var(--mc);}
    .index_about .img .data .item h3 strong{ font-size:36px; font-family: 'HarmonyOS Sans'; line-height: 1; display: inline-block; margin-right: 5px;}
    .channel_product .layui-tabs-item .box{display: block;}
    .index_product .more{ padding-bottom: 0px;}
    .list_product_photo .swiper-slide{width:auto;}
    .list_product_photo .swiper-slide .item{ position: relative; background: #f00; }
    .list_product_photo .swiper-slide .item p{ position: absolute; left: 30px; bottom: 30px; line-height: 1; color: #fff;}
    .list_product_photo .swiper-slide .item .img img{ width: auto; aspect-ratio: initial; height: 320px; object-fit: cover}
    .list_news_top .content .box{ display: block;grid-template-columns: repeat(2, 1fr);grid-gap:50px; align-items: center}
    .list_news_top .swiper{ padding-bottom: 40px;}
    .list_news_top .swiper .swiper-pagination{ display: flex; justify-content: center; align-items: center; grid-gap: 6px;}
    .list_news_top .swiper .swiper-pagination-bullet{ width: 6px; height: 6px;}
    .list_news_top .swiper .swiper-pagination-bullet-active{ width: 10px; height: 10px; border: #333 solid 2px; background: #fff;}

    .list_news .cate ul{ display: flex; justify-content: center; grid-gap: 30px;}
    .list_news .cate ul li a{ color: #999; display: block; height: 50px; line-height: 50px;}
    .list_news .cate ul li a.active{ color: var(--mc); position: relative }
    .list_news .cate ul li a.active:after{position: absolute; left:0px; right:0px; bottom:5px; transition-duration: 0.3s; height: 2px; background:var(--mc); content: ''; }
    .list_news .cate .search_box{ padding-top: 20px;}
    .list_news .cate .search_box i{ color: var(--mc); }

    .main_padding{ padding-top:20px; padding-bottom:50px;transition-duration: 0.3s; }

    .list_news{ }
    .list_news .cate{ padding-bottom: 30px; display:block; justify-content: space-between; align-items: center}
    .list_news .cate .layui-input{ font-size: 14px;}
    .list_news .article-list{ display: block;grid-template-columns: repeat(3, 1fr);grid-gap:32px;}
    .list_news .item{margin-bottom: 20px; display:grid; align-items: center; background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.0); transition-duration: 0.3s; border-bottom: #ddd solid 1px; padding-bottom: 40px;}
    .list_news .item .img{border-radius: 3px; overflow: hidden;  margin-bottom: 24px;}
    .list_news .item .img img{ width:100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }
    .list_news .item .info{ height:72px;}
    .list_news .item .info h2 a{color:#111;line-height:1.2; font-size:18px; font-weight:normal;transition-duration: 0.3s; display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
    .list_news .item .info h2{ line-height:1.2; margin-bottom:10px; }
    .list_news .item .bottom{ display: flex; justify-content: space-between; align-items: center; }
    .list_news .item .bottom .date{ font-size: 14px; color: #999; display: flex; justify-content: center; align-items: center; gap: 6px;}


    .list_news .item .bottom .more a{ border-radius: 50%; transition-duration: 0.3s; border: #666 solid 1px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #666;}
    .list_news .item .bottom .more a i{ line-height: 1; transition-duration: 0.3s;}
    .list_news .item .bottom .more a:hover{ background: var(--mc); color: #fff;border:var(--mc) solid 1px; }
    .contact_content_1 .pagewidth{ grid-template-columns: repeat(1, 1fr); }
    .contact_content_1 .box { display: grid; grid-template-columns: repeat(1,1fr) ; grid-gap:0px; align-items: center }

    .list_news .cate{ padding-top: 30px;}
    .about_content_4 .content{grid-template-columns: repeat(3,1fr);}
    .list_job .content .layui-colla-title h2{ grid-template-columns: 7fr 5fr }
    .tabs-item .list{  background: #f9f9f9; display: grid; grid-template-columns: repeat(2, 1fr); padding: 0px;}
    .tabs-item .list .item{ padding: 20px;}
    .tabs-item .list .item .img { padding: 20px; padding-bottom: 0; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; }
    .tabs-item .list .item img{ width: 100%; transition-duration: 0.3s;}
    .tabs-item .list .item:hover img{ transform: scale(1.1); }
    .tabs-item .list .item h4{ font-size: 14px; line-height: 1.4; padding-top: 20px; text-align: center; font-weight: normal}
    .tabs-body{ height: 452px}
    .index_product .swiper-slide .item{ padding: 20px;}
    .index_product .swiper .swiper-pagination{bottom: 15px!important;}
    .index_product .tabs-item-inner .product-next, .index_product .tabs-item-inner .product-prev{ width: 40px; height: 40px; }
    /*transform:inherit;bottom: 0px; top: auto;*/
    .index_product .tabs-header{justify-content: left; }
    .channel_product .tabs-header{justify-content: left; }



    .list_service .pagetitle h1{ font-size: 24px;}
    .list_service .pagehtml{ margin-bottom: 30px;}
    .list_service .pagehtml h3{ font-size: 24px; font-weight: bold; margin-bottom: 12px; padding-top: 24px;}
    .list_service .pagehtml p {line-height: 1.8; font-size: 15px; margin: 0 0 10px;text-align: left;}
    .list_service .pagehtml p:has(img){ text-align: center;}
    .list_service .pagehtml img {display: inline-block;height:auto!important;max-width: 100%!important;}
    .list_service .pagehtml table {border-collapse: collapse;width: 100%; margin-top: 20px;}
    .list_service .pagehtml table td {padding:12px;font-size: 14px;color: #333;border: 1px solid #ececec;}
    .list_service .pagehtml table tr:nth-child(2n) {background: #f5f5f5}
    .list_service .pagehtml table td p{ margin: 0;}


    .contact_content_1 .box.full  h3{ font-size: 18px; font-weight: normal; margin-bottom: 12px;}
    .contact_content_1 .box.full  img{ width: 120px;}
    .contact_content_1 .box.full .code{ display: grid; grid-template-columns: repeat(2,1fr) ; grid-gap: var(--gg)}
    .contact_content_1 .box.full .code .item{ text-align: center; padding-top: 10px; padding-bottom: 10px;}
    .contact_content_1 .box.full .code .item p{ text-align: center;  color: #666; padding-top: 10px;}
    .contact_content_2{ padding-top: 100px;}
    .list_product_info h2{ text-align: center; margin-bottom: 10px; padding-top: 30px;}
    .list_product_info p{ text-align: center}
    .list_job{ margin-top: 0;}









}
/*小尺寸手机*/
@media screen and (max-width: 400px) {



}
/*横屏*/
@media all and (orientation : landscape) {}
/*竖屏*/
@media all and (orientation : portrait){}