﻿@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
img {
border:none; max-width:100%;}

body { font-size:16px;font-family:Arial;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 23px;
padding-top:118px;}
a {
text-decoration:none;
font-family:Arial;
color:#333;
font-weight:normal;
}
a:hover { color:#f47b20; }
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:23px;
}
.fl{float:left;}
.fr{float:right;}
.hz{width:76%;margin:0 auto;}
.hza{width:76%;margin:80px auto;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}


.hz-top-one{margin-top:10px;}
.hz-top-two{margin-top:20px;}
.hz-top-san{margin-top:30px;}
.hz-top-s{margin-top:40px;}
.hz-top-w{margin-top:50px;}
.hz-top-l{margin-top:60px;}
.hz-top-1{margin-top:70px;}
.hz-top-b{margin-top:80px;}

.hz-bottom-one{margin-bottom:10px;}
.hz-bottom-two{margin-bottom:20px;}
.hz-bottom-san{margin-bottom:30px;}
.hz-bottom-s{margin-bottom:40px;}
.hz-bottom-w{margin-bottom:50px;}
.hz-bottom-l{margin-bottom:60px;}
.hz-bottom-1{margin-bottom:70px;}
.hz-bottom-b{margin-bottom:80px;}

.ct{font-weight:bold;}

.txhz{display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-ggt{ background:#f47b20;font-size:15px;padding:7px 0;}
.index-dh{float:left;color:#f2f2f2;margin-right:30px;}
.index-dh img{float:left;margin-top:5px;margin-right:8px;}
.index-dh a{color:#f2f2f2;}
.index-dh a:hover{ color:#fff;text-decoration:underline;}

.set { transition: all 0.5s;color:#fff;}

.new {
    width:130px;
    position: absolute;
    z-index: 999;
    display: none;
    top: 38px;
    text-align: center;
    margin-left:-32px; background: #fff;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
}

.nav1 ul li {padding:8px; border-bottom: 1px solid #eee;color: #666;}
.nav1 ul li:hover { background: #eee;color:#f47b20;}


.index-get{background:#333f48;padding:7px 25px;text-align:center;display:inline-block;border-radius:25px;}
.index-get a{color:#fff;}

.logo {margin:12px 0;}
.logo img {height:50px;}

.top-pc {
	position: fixed;
	z-index:3;
	top: 0;
	left: 0;
	width: 100%; 
	transition: all 0.5s;
}
.top-pc.active{background: #fff;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);}


.top-hz{display: flex;
 justify-content: space-between;
 align-items: center;}

.nav {  
	display: inline-block;
	box-sizing: border-box;
	vertical-align: bottom;
}
.mainbav ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.mainbav li {
	position: relative;
	padding: 0 25px;
}
.mainbav li.memu:after {
	content: "";
	width: 0;
	height:3px;
	background:#f47b20;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s;
}
.mainbav li.memu:hover:after {
	width: 100%;
}
.mainbav li.active:after {
	width: 100%;
}

.mainbav li a {font-size:16px;color:#000;}
.mainbav .memu {
	float: left;
	line-height:80px;
	height: 80px;
}
.mainbav .memu:hover, .mainbav .memu.active {
	display: block;
}
.mainbav .memu:hover a, .mainbav .memu.active a {
	color:#f47b20;
}
.mainbav ul li ul {
	display: none;
	position: absolute;
	width:230px;
	left: 0;
	top: 80px;
	z-index: 999999;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
	background: #fff;padding:10px;
}
.mainbav ul li ul li {
	float: none;
	border-right: none;
	padding:0;
	position: relative;
	text-align: left;background:#fff;

}
.mainbav ul li ul li a {
	display: block;
	color: #333 !important;
	font-size:15px;
	font-weight: normal;
	padding:10px 20px;
}
.mainbav ul li ul li a:hover{color: #f47b20 !important; background:#f6f6f6;}
.mainbav ul li ul li ul {
	position: absolute;
	left: 100%;
	top: 0;
}
.index-yyl a{font-size:16px;}
.index-yyl img{padding-right:8px;float:left;padding-top: 2px;}

.sousuo {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: bottom;
	line-height:80px;
	position: relative;
	z-index: 1;
	transition: all 0.5s;padding-right:5px;
}
.sousuo .sousuo_an {
	width:50px;
	height:80px;
	display: table-cell;
	vertical-align: middle;
	background: url(../images/index_07.png) center no-repeat;
	cursor: pointer;
	transition: all 0.5s;
}
.sousuo .ssk_bj { width: 100%; display: none; position: fixed; left: 0; top:140px; z-index: 10; }
.sousuo .ssk {width:30%; overflow: hidden; margin: 0 auto;  border-radius:50px; border:none;box-shadow: 1px 0px 36px rgba(1,86,169,0.08);}
.sousuo .ssk .input_txt { width: 75%; height:48px; float: left; padding: 0 20px; border: none; background:#fff;  font-family:Arial,"微软雅黑",Microsoft YaHei; }
.sousuo .ssk .input_btn { width: 25%; height:48px; float: right; color: #fff; border: 0; background: #f47b20; cursor: pointer;font-family:Arial,"微软雅黑",Microsoft YaHei; font-size:15px;}
.p-show { display: block !important; }
.top_sj {
	display: none;
}



/*banner*/
.block_home_slider{height:auto; position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:45px; height:50px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; }
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:9px; height:9px; display:block; background:#f47b20; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:26px; background:#fff;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{line-height:0px;height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}
.flexslider .slides li img { width: 100%;}

 
.index-title{
	text-align: center;
	font-size:36px;font-weight:bold;
	line-height:40px;
}

.index-title-ms{text-align: center;margin-top:25px;color:#666;font-size:18px;}

.index-products-bj{background:#fef2e9;overflow:hidden;}

.ny-products2{position:relative; width:100%;float:left;margin:4% 1% 20px 1%;background:#fff;border-radius:10px;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.05);}
.ny-products2:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);}
.index-pro-hot{position:absolute;z-index:1;left:0;top:0;}
.index-pro-pic{display:block; overflow:hidden;border-top-right-radius:10px;border-top-left-radius:10px;}
.index-pro-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-pro-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;border-top-right-radius: 15px;border-top-left-radius: 15px;}


.index-product-box{padding:25px;}

.index-product-ms{color:#999;margin:10px 0; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.index-product-more{ text-decoration:underline;color:#f47b20;}
.ny-products2 .j-2{display:none;}
.ny-products2:hover .j{display:none;}
.ny-products2:hover .j-2{display:block;}

.khjz_bj{width:100%;}
.khjz_dkj{position:relative;}
.Certificates .item{margin:0 12px; display:flex !important; flex-wrap: wrap;}

.cp .item{margin:0 12px; display:flex !important; flex-wrap: wrap;}


/* display none until init*/
.owl-carousel{display:none; width: 100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;display: flex !important; flex-wrap: wrap;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{display: flex !important; flex-wrap: wrap; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{text-align: center;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* fix*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}


.owl-carousel .owl-controls {
	width: 100%;
	z-index: 11;margin-top:30px;
}
.owl-carousel .owl-controls .owl-buttons div {
display: inline-block;
	zoom: 1;
*display:inline;
	width:48px;
	height:48px;
	text-indent: -9999px;
	transition: .35s;
	bottom: -50px;
    font-size: 0;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
	background: url(../images/jtl02.png) center no-repeat;
	overflow: hidden;margin:0 30px;

}
.owl-carousel .owl-controls .owl-buttons .owl-next {
	background: url(../images/jtr02.png) center no-repeat;
	overflow: hidden;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
	background: url(../images/jtl03.png) center no-repeat;
	overflow: hidden;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
	background: url(../images/jtr03.png) center no-repeat;
	overflow: hidden;
}


.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-carousel .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline;/*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page.active span, .owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/

}
.owl-carousel .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.xx{font-size:24px;}
 .battery-wrap { display: flex;gap:50px; }
        /* 左侧区块 */
        .battery-left {
            flex: 1;
        }
        .tag-text {
            color: #999;
            font-size: 22px;
            margin-bottom: 16px;
            display: block;
        }
       
        .data-row {
            display: flex;
            gap:80px;
        }
        .data-item .num {
            font-size:48px;
            color: #ff6622;
            font-weight: bold;
            line-height: 1;
            margin-bottom: 12px;
        }
        .data-item .desc {
            font-size: 18px;
    
          
        }
        /* 右侧文字区块 */
        .battery-right {
            flex: 1;
   
        font-size: 17px;
    line-height: 1.8;
        }
        .battery-right p {
            margin-bottom: 26px;
        }
        /* 响应式断点 */
  @media screen and (max-width: 1200px) {
		.data-item .num { font-size: 40px;}
	.battery-right { font-size: 16px; }
.data-row{gap:60px;}	
}
		
        @media screen and (max-width: 992px) {
			  .battery-wrap { flex-direction: column; gap: 40px;}
       .tag-text{font-size:18px;} 
  .data-item .num{font-size: 45px; }

 .data-item .desc {  font-size: 16px;}
        }
        @media screen and (max-width: 768px) {
   
         .data-item .num {  font-size:36px; }
           .xx { font-size: 18px;}   
        }
        @media screen and (max-width: 640px) {
    .data-row {gap:35px; }
 .data-item .num { font-size:32px; }
 .xx { font-size: 16px;}         
 .battery-right { font-size: 15px;  }
  }

 /* 全屏横幅容器 */
        .factory-banner {
            width: 100%;
            min-height:660px;
            background: url("../images/factory-img.jpg") center center / cover no-repeat;
            display: flex;
         align-items: flex-end;
            position: relative;
        }
        /* 左侧白色文字卡片 */
        .banner-card {
         background:rgba(255,255,255,0.95);
            max-width:550px;
            padding:50px;border-top-left-radius:15px;border-top-right-radius:15px;
        }
        /* Video 播放标签 */
        .video-tag {
            display: flex;
            align-items: center;
            gap: 10px;cursor: pointer;
            margin-bottom: 24px;
        }
        .play-icon {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #ff6622;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: bold;
        }
        .video-text {
            font-size: 18px;
            color: #ff6622;
        }
        /* 主标题 */
        .banner-title {
            font-size: 36px;
            line-height: 1.3;
            color: #1a1a1a;
            font-weight: 700;
            margin-bottom: 24px;
        }
        /* 描述文本 */
        .banner-desc {
            font-size: 18px;
          line-height: 1.6;
        }

        /* 响应式适配 */
        @media screen and (max-width: 992px) {
            .factory-banner {
                min-height: 500px;
            }
            .banner-title {
                font-size: 30px;
            }
        }
        @media screen and (max-width: 768px) {
            .factory-banner {
                padding: 30px 3%;
                align-items: flex-end;
            }
            .banner-card {
                max-width: 100%;
                padding:30px;
            }
          
        }
        @media screen and (max-width: 640px) {
            .factory-banner {
                min-height: 420px;
            }
            .play-icon {
                width: 30px;
                height: 30px;
                font-size: 14px;
            }
            .video-text {
                font-size: 16px;
            }
          
        }


.index-feedback-hz {
	width: 60%;
	margin: 0 auto;
	padding:50px 2% 2% 2%;
	position: fixed;
    left: 50%;
    top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background:url(../images/ly-bj.jpg)no-repeat center;background:rgba(0,0,0,0.8);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	display:none;z-index:2;
}

.index-feedback-wb{font-size:16px;color:#fff;}

.index-feedback-hz-gb{border-radius:100px;
	position:absolute;cursor: pointer;
	right:10px;color:#fff;
	top:10px;border:2px solid #b1b1b1;padding:0 9px;}



@media (max-width:1200px){
	.index-feedback-hz {width:85%;min-width:auto;}
	.banner-desc { font-size:16px;}
}
@media (max-width:768px){
	.index-feedback-hz {
	width:96%;min-width:auto;	
}
.banner-desc { font-size: 15px;}
}


 .factory-card-item {
         border-radius:15px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .card-img-box {
            width: 100%;
            overflow: hidden;
        }
        .card-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .card-title-bar {
            background-color: #ff7800;
            padding:16px 20px;
            text-align: center;
        }
        .card-title-bar span {
            color: #ffffff;
            font-size:18px;
            font-weight: 600;
        }
.factory-card-item2 {
   border-radius: 15px;
    overflow: hidden;
    display: flex;
    padding: 10px;
    background: #ffffff;
    flex-direction: column;
    box-shadow: 0px 0px 15px 0px rgba(4, 0, 0, 0.1);
    margin: 20px 0;
}
 .card-img-box2 { width: 100%;}
.card-img-box2 img{ border-radius:15px;}
.card-title{text-align:center;margin:20px 0 10px;font-size:16px;}


/* 外层容器 */
.choose-us-wrap {
    background-color: #fff3e8; /* 浅米色背景匹配原图 */
    overflow:hidden;
}

/* 网格容器 */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
/* 单张卡片 基础+hover交互 */
.feature-card {
    background: #ffffff;
    padding: 50px 20px;
    border-radius: 8px;
    text-align: center;
    /* 全局过渡动画 */
    transition: all 0.3s ease;
    cursor: pointer;
}
/* 卡片悬浮效果：上浮+橙色阴影 */
.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(255, 120, 32, 0.18);
}
/* 图标圆框 */
.icon-circle {
    width:100px;
    height:100px;
    background-color: #fff3e8;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 图标缩放过渡 */
    transition: transform 0.3s ease;
}
/* 卡片hover时图标轻微放大 */
.feature-card:hover .icon-circle {
    transform: scale(1.08);
}
/* 图片自适应 */
.icon-circle img{
    height:80px;
    width: auto;
    object-fit: contain;
    display: block;
}
/* 卡片文字 */
.feature-text {
    font-size: 22px;
    transition: color 0.3s ease;
}
/* 悬浮文字变橙色 */
.feature-card:hover .feature-text {
    color: #ff7820;
}

/* 平板响应式 2列 */
@media screen and (max-width: 992px) {
    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* 手机响应式 1列 */
@media screen and (max-width: 640px) {
.feature-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .feature-card {
        padding: 35px 15px;
    }
    .icon-circle {
        width:90px;
        height:90px;
    }
    .icon-circle img{
        height:80px;
    }
    .feature-text {
        font-size: 18px;
    }
}

	/* 按钮基础样式 */
.contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:15px;
    background-color: #ff7820;
    color: #ffffff;
    font-size: 16px;
   padding: 5px 25px;
    border: none;
    border-radius: 999px; /* 超长圆角胶囊 */
    cursor: pointer;
    transition: all 0.3s ease;
}
/* 右侧箭头圆 */
.btn-arrow-wrap {
    width:32px;
    height:32px;
    background-color: #e66c1c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}
/* 箭头SVG */
.btn-arrow {
    width:12px;
    height:12px;
    stroke: #fff;
    stroke-width: 6;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* hover交互效果 */
.contact-btn:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 30px rgba(255, 120, 32, 0.3);
}
.contact-btn:hover .btn-arrow-wrap {
    transform: translateX(8px);
}

	

.index-Professional-bj{background:url(../images/1.jpg) center;background-size: cover;
    background-attachment: fixed;color:#fff;
    overflow: hidden;}
.index-Professional-title{font-size:36px;line-height:36px; font-weight:bold;text-align:center;width:50%;margin:0 auto;}
.index-Professional-title p{margin-bottom:20px;}
 .index-Professional-more{text-align:center;margin-top:40px;}
 
.index-news-right-hz{margin-right:-1.5%;margin-left:-1.5%;margin-top:50px;display: flex; flex-wrap: wrap;}
.index-news-right{width:30.33%;margin-right:1.5%;margin-left:1.5%;float:left;}
.news-bj{margin-bottom:40px;}
.index-news-right-title{margin:25px 0;font-size:20px;font-weight:bold;}
.index-news-right-nr{color:#666;margin-bottom:30px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.ny-service-nr{color:#666;margin-bottom:30px; }

.index-news-right-pic{display:block; overflow:hidden;border-radius:15px;}
.index-news-right-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-news-right-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}

.index-news-more {color: #f47b20; border-radius:5px;border:1px solid #f47b20;display:inline-block;padding:7px 20px;}
  /*----底部----*/
.absolute,[absolute]{position: absolute;}

@keyframes wave{
	0%{-webkit-transform:translateX(0);transform:translateX(0);}
	50%{-webkit-transform:translateX(50%);transform:translateX(50%);}
	100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes wave2{
	0%{-webkit-transform:translateX(0);transform:translateX(0);}
	50%{-webkit-transform:translateX(-50%);transform:translateX(-50%);}
	100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
#footer{padding-top:6%;overflow:hidden;position:relative;}
#footer .footer_bolang{width:100%;height:fit-content;left:0;top:193px;z-index: 2;}
#footer .footer_bolang .bolang{width:200%;height:180px;bottom:0;background-blend-mode:overlay;background-size: 60% !important;}
#footer .footer_bolang .bolang1{left: -100%;background: url(../images/bolang1.png) repeat-x center top;-webkit-animation: wave 30s linear infinite 0s reverse;animation: wave 30s linear infinite 0s reverse;}
#footer .footer_bolang .bolang2{left: 0;background: url(../images/bolang2.png) repeat-x center top;-webkit-animation: wave2 30s linear infinite 0s reverse;animation: wave2 30s linear infinite 0s reverse;}
@media (max-width:1680px) {
	#footer .footer_bolang{top:197px;}
}
@media (max-width:1536px) {
	#footer .footer_bolang{top:206px;}
}
@media (max-width:1440px) {
	#footer .footer_bolang{top:212px;}
	#footer .footer_bolang .bolang { height: 200px;
}
}
@media (max-width:1366px) {
	#footer .footer_bolang{top:214px;}
}
@media (max-width:1280px) {
	#footer .footer_bolang{top:221px;}
}
@media (max-width:1200px) {
	#footer .footer_bolang{top:225px;}
}
@media (max-width:1024px) {
	#footer .footer_bolang{top:234px;}
	    #footer .footer_bolang .bolang {
        height: 230px;
    }
}
@media (max-width:750px) {
	#footer .footer_bolang{top:190px;}
	    #footer .footer_bolang .bolang {
        height: 180px;
    }
}

/* Footer外层容器 */
.footer-wrap {
    width: 100%;
    background-color: #282b35; /* 原图深灰黑色底色 */
    color: #d6d9e0;
    position: relative;
    padding-top:60px;
    overflow: hidden;
}
/* 四栏主体容器 */
.footer-inner {
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap:30px;

}
/* 栏目通用标题样式（原图橙色） */
.footer-col h3 {
    font-size:22px;
    color: #ff7820;
    margin-bottom: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}
/* 第一栏：品牌介绍 */
.foot-logo {
 -webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); height: 55px; 
}

.footer-brand p {
    margin-bottom: 35px;
}
/* 底部社交图标组 */
.social-group img{ width:110px;}

/* 导航列表通用 */
.footer-list li {
    list-style: none;
    margin-bottom: 16px;
}
.footer-list li a {
    color: #d6d9e0;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}
.footer-list li a::before {
    content: "> ";
    color: #ff7820;
}
.footer-list li a:hover {
    color: #ff7820;
}
/* 联系我们栏目 */
.contact-list {line-height:32px;font-size:16px; }

/* 底部版权栏 */
.footer-copyright {
    width: 100%;
    padding: 22px 40px;
    background-color: #121418;
    font-size: 16px;
    color: #b4b8c2;
}
.footer-copyright a { color: #b4b8c2;}
 .footer-copyright a:hover{color:#ff7820;}


/* 平板适配 2栏布局 */
@media screen and (max-width: 1024px) {
    .footer-inner {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
	.yc{display:none;}
    .footer-col h3 {
        font-size: 20px;
    }
}
/* 手机适配 单栏垂直布局 */
@media screen and (max-width: 680px) {
    .footer-inner {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 0 20px 40px;
    }
  
    .footer-wrap {
        padding-top: 75px;
    }
}

  /* 友情链接外层容器 */
.link-list {
            display: flex;
            flex-wrap: wrap;
            gap: 15px 30px; /* 上下间距、左右间距 */
            align-items: center;
        }

        /* 单个链接样式 */
 .link-list a {
     color:#d6d9e0;
            text-decoration: none;
            transition: all 0.3s ease;
            white-space: nowrap;
        }

        /* 悬浮高亮效果 */
.link-list a:hover {
            color: #ff7820;
            text-decoration: underline;  }


/*内页样式开始*/
.contact-x{position:relative;}
.contact-x:after {
    content: "";
    position: absolute;
    background:100%; left:0;background:#ececec;
    height:1px;bottom:0;width:100%;z-index:-1;}

.contact-menu{margin-top:30px;}
.contact-menu ul{display: flex; flex-wrap:wrap;}
.contact-menu li{padding-bottom:28px;float:left;margin-right:4%;position:relative;}
.contact-menu li a{font-size:18px;}
.contact-menu li:hover,.contact-menu li a.on {color:#f47b20;font-weight:bold;}
.contact-menu li a.on:before {
    width:10px;
    height:10px;
    border-radius: 50%;
    border:3px solid #f47b20;
    position:absolute;
   left:50%;transform:translate(-50%,0);
    bottom:-7px;
    content: "";background:#fff;
}


 /* 外层容器 左右弹性布局 */
    .concept-wrap {
      display: flex;
      align-items: center;
      gap: 60px;
    }
    /* 左侧视频容器 */
    .video-box {
      width:55%;
    }
    .video-box video {
      width: 100%;
    border-radius:15px;
      display: block;
    }
    /* 右侧文字区域 */
    .concept-text {
      width:45%;
    }
    .concept-text h2 {
      font-size: 56px;
      color: #222;
      font-weight: 500;
      margin-bottom: 12px;
    }
    .concept-text .en-title {
      font-size:18px;
      letter-spacing: 1px;
      margin-bottom: 30px;
      display: block;
    }
    .concept-text p {
      font-size:18px;
 line-height: 1.8;
    }
    /* 响应式：手机端上下堆叠 */
    @media (max-width: 992px) {
      .concept-wrap {
        flex-direction: column;
        padding: 30px 20px;
        gap: 40px;
      }
      .video-box, .concept-text {
        width: 100%;
      }
      .concept-text h2 {
        font-size: 40px;
      }
      .concept-text p {
        font-size: 17px;
      }
    }
	
 .advantage-section {
            display: flex;
            align-items: flex-start;
            gap: 80px;
     
        }
        /* 左侧文字区域 */
        .advantage-left {
            flex: 1;
        }
        .tag-tip {
            font-size: 22px;
            color: #777;
            margin-bottom: 12px;
        }
        .main-title {
            font-size: 48px;
            color: #222;
            font-weight: 600;
            margin-bottom: 60px;
            line-height: 1.3;
        }
        .list-wrap {}
        .list-item {
            position: relative;
            padding-left:48px;
            margin-bottom:40px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        /* 垂直连接线 - 只穿圆点中间 */
        .list-item::after {
            content: "";
            position: absolute;
            left: 8px;
            top: 24px;
            width: 2px;
            height: calc(100% + 36px);
            background: #ffb84d;
            opacity: 0.4;
            z-index: 1;
        }
        .list-item:last-child::after {
            display: none;
        }
        /* 外层圆环 */
        .list-item .dot-outer {
            position: absolute;
            left: 0;
            top: 6px;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            border: 3px solid #ffb84d;
            z-index: 3;
            transition: all 0.3s;
        }
        /* 内层实心圆点 */
        .list-item .dot-inner {
            position: absolute;
            left: 6px;
            top: 12px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #ff9900;
            z-index: 4;
            transition: all 0.3s;
        }
        /* 激活态圆点强化 */
        .list-item.active .dot-outer {
            border-color: #ff9900;
            transform: scale(1.1);
        }
        .list-item.active .dot-inner {
            background: #ff8800;
            transform: scale(1.2);
        }
        .item-title {
            font-size:22px;
        font-weight: bold;
            transition: color 0.3s;
        }
        /* 激活标题橙色 */
        .list-item.active .item-title {
            color: #ff9900;
        }
        .item-desc {
            font-size:16px;
            color: #666;
            margin-top:15px;
            display: none;
        }
        .list-item.active .item-desc {
            display: block;
        }
        /* 右侧切换大图 */
        .advantage-right {
            flex: 1;
        }
        .img-box {
            width: 100%;
            overflow: hidden;
            border-radius:15px;
        }
        .img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: opacity 0.4s ease;
        }

        /* 响应式适配 */
        @media (max-width: 1024px) {
  .advantage-section { flex-direction: column; gap:20px;}
  .advantage-left, .advantage-right {width: 100%; }
 .item-title { font-size: 20px;}
        }
 @media (max-width: 768px) {
.item-title{font-size:18px;}
 .item-desc {font-size: 15px;}
  }

.ny-product2-hz{ display: flex; flex-wrap: wrap;justify-content: space-between; align-items: flex-start;} 

.ny-product-left{ position: -webkit-sticky; position: sticky;
    top:100px;width:20%;padding:25px;border-radius:10px;box-shadow: 0 7px 49px 2px #edeff2;}	
.ny-product-left li{border-bottom:1px solid #e7e7e7;margin-bottom:10px;display: block; position:relative;}	
.ny-product-left li a{padding:10px 10px 10px 0;display:block;}
.ny-product-left li a.on{ color:#f47b20;}
.ny-product-right{width:77%;}
 

.index-pro-pic{display:block; overflow:hidden;border-top-right-radius:10px;border-top-left-radius:10px;}
.index-pro-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-pro-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;border-top-right-radius: 15px;border-top-left-radius: 15px;}


.index-pro{display:flex; flex-wrap: wrap;margin-left:-1%;margin-right:-1%;}




.ny-products{width:30.33%;float:left;margin:0 1.5% 2% 1.5%;background:#fff;border-radius:15px;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);}
.ny-products:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);}

.ny-products .j-2{display:none;}
.ny-products:hover .j{display:none;}
.ny-products:hover .j-2{display:block;}



  /* 全部类名统一加前缀 rollBottleSlider_ 杜绝命名冲突 */
.rollBottleSlider_wrap {
    position: relative;
    width: 100%;
 overflow: hidden;
}
.rollBottleSlider_viewBox {
    width: 100%;
    display: flex;
    transition: transform 0.4s ease;
}
.rollBottleSlider_itemBox {
    flex-shrink: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.rollBottleSlider_itemBox img {
    width: 100%;
    object-fit: contain;
}
/* 箭头定位到图片容器内，浮于图片上层 */
.rollBottleSlider_switchBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:48px;
    height:48px;
    border-radius: 50%;
    background: rgba(0,0,0,0.2);
    border: none;
    font-size:22px;font-weight:bold;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.2s;font-family: cursive;
}
.rollBottleSlider_switchBtn:hover {
    background: #f47b20;
}
.rollBottleSlider_prevBtn {
    left:3%;
}
.rollBottleSlider_nextBtn {
    right:3%;
}



.products-iso li{margin-right:6%;display:inline-block;position:relative; padding-left:35px;margin-bottom:5px;font-size:18px;}
.products-iso img{width:25px;margin-right:10px;position:absolute;z-index:1;left:0;top:12px;transform:translate(0%,-50%); }



.productshow-pic{width:40%;}
.productshow-right{width:56%;}
.productshow-right-title{font-size:30px;line-height:35px;font-weight:bold;}
.productshow-right-fl{color:#666;font-size:18px;}
.productshow-right-ms{padding-left:20px; position: relative;font-size:18px;}	
.productshow-right-ms:before {
    width:7px;
    height:7px;
    border-radius: 50%;
    background:#ff6a00;
    position: absolute;
    left: 0;
    top:10px;
    content: "";
}
.productshow-xq-pic{text-align:center;}
.home-more {
    background-color:#ff6a00;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
 font-size:18px;padding:8px 30px;  
    border-radius:25px;text-align:center;border:1px solid #ff6a00; 
}
.home-more:hover{border:1px solid #ff6a00; background-color:#fff;color:#ff6a00;}



/*分页*/
.yema{
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-top:30px;
}

.yema a{ display:inline-block; height:43px; line-height:43px;min-width:43px; border-radius:5px;overflow:hidden;  margin:0 3px;  text-align:center;  background:#f2f2f2;}
.yema a:hover{ text-decoration:none; color:#fff; background:#f47b20;}
.yema a.on{color:#fff;  background:#f47b20;}
.yema a.first:hover,.yema a.last:hover{background-color:#f47b20;}
.yema a span{ font-family: "宋体";font-size:18px;}


/*上下篇*/
#page{border-top:1px solid #e2e2e2;padding-top:30px;}
#page .next,#page .prev{color:#666;}
#page .next a,#page .prev a{color:#333;}
#page .next a:hover,#page .prev a:hover{ color: #f47b20;}



.index-feedback-left-nr li{float:left;width:100%;margin-bottom:30px;}
.index-feedback-left-nr li img{width:25px;float:left;margin-right:15px;-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}
.index-feedback-left-nr li p{padding-top:2px;font-size:22px;}
.index-feedback-left-nr li p a{color:#fff;}
.index-feedback-left-nr li p a:hover{text-decoration:underline;}
.index-feedback-right{width:55%;float:right;background:#fff;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);padding:5%;border-top-right-radius:5%;border-bottom-right-radius:5%;}

input,textarea {outline:none;}
.soka{ font-family:Arial,"微软雅黑",Microsoft YaHei;width:49%;margin-right:1%;float:left;padding:15px;font-size:15px; border:1px solid #dddddd;  border-radius:10px;  margin-bottom: 20px; }
.sokb{ font-family:Arial,"微软雅黑",Microsoft YaHei; border:1px solid #dddddd; border-radius:15px;padding:15px;margin-bottom:20px; width: 99%;font-size:15px;}
.tj{ font-family:Arial,"微软雅黑",Microsoft YaHei;text-align: center;
    color: #fff;
    background: #f47b20;
    display: block;border:none;
    width: 180px;margin:0 auto;
    line-height: 48px;
    font-size:18px;
    border-radius:25px;}



.service5Box4 .items {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.service5Box4 .item {
  display: flex;
    justify-content: space-between;
}

.service5Box4 .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.service5Box4 .item .content {
 width:46%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.service5Box4 .item p{font-size: 22px;
    line-height: 30px;
    color: #666;}
.service5Box4 .item .img:hover img {
  transform: scale(1.05);
}
.img img {border-radius:15px;
    transition: all 0.5s ease 0s;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;
}
.img {width:50%;border-radius:15px;
   overflow:hidden;
}
.content-wb{font-size:16px;line-height:32px;margin-top:30px;}
.productshow-top-right-title{font-weight:bold;font-size:24px;}

ol { margin-bottom: 1rem;}


.contact-list {
    flex: 1;
    display: flex;
    align-items: stretch;
    justify-content: space-between; flex-wrap: wrap;
}

.contact-list li {
    width: 32%;
    background: #f9f9f9;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px;
 transition: all .1s linear
}

.contact-list li .icon {
    width: 60px;
    height: 60px;
    background:#f47b20;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.contact-list li .icon img {height:27px;-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}

.contact-list li .title {
    color: #666;margin: 15px 0
}

.contact-list li .content { font-size: 18px;}
.contact-list li:hover {
    border-color:#039942;}
.index-news-nr-left-rq{color:#999;}
.index-news-nr-left-rq img{float:left;width:18px;margin-right:6px;margin-top:4px;}
.ny-news-nr{float:left;position:relative; }

.ny-news-nr-hz{background:#fff;transition:transform 0.5s; -webkit-transition:transform 0.5s;margin-bottom:50px;overflow:hidden; box-shadow:0 7px 20px 2px #edeff2;}
.ny-news-nr-hz:hover{transform:translateY(-6px); -webkit-trafont-size:0;}
.ny-news-nr-hz:hover .ny-news-nr-left-title{ color: #f47b20;}
.ny-news-nr-hz a{display: flex;
 justify-content: space-between;}
.ny-news-nr-left{width:73%;padding:3%;}
.ny-news-nr-pic{width:25%;}
.ny-news-nr-pic img{ width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.ny-news-nr-left-title{margin-bottom:25px;font-size:22px;font-weight:bold;color:#333;}

.news-nr-left-content{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#666;}

.hover-k{ position:relative;}
.hover-k:after{ position: absolute; content: ""; width: 100%;height:4px; background:#f47b20; left: 0; bottom: 0; transition: transform 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.hover-k:hover:after{transform-origin: left center; transform: scaleX(1);}

.showshow-title{font-size:30px;line-height:30px;font-weight:bold;}
.showshow-nt{margin:15px 0 40px;border-top:1px solid #e2e2e2;padding-top:40px;}

 
.ny-product2-right{position:sticky;top:100px;width:26%;float:right;background:#fff;overflow:hidden;padding:2%;box-shadow: 1px 0px 36px rgba(1, 86, 169, 0.08);}
.ny-product2-right-title{font-size:24px;font-weight:bold;}
.ny-product2-right-hot{padding-top:40px;}
.ny-product2-right-hot-hz{margin-bottom:20px;float:left;border-bottom:1px dashed #d9d9d9;padding-bottom:20px;}

.ny-product2-right-hot-hz a{ display:flex;justify-content: space-between;   align-items: center;}
.ny-product2-right-hot-hz:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.ny-product2-right-hot-pic{width:30%;float:left;display:block; overflow:hidden;}
.ny-product2-right-hot-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}

.ny-product2-right-hot-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.ny-product2-right-hot-right{float:right;width:62%;}
.ny-product2-right-hot-right-title{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }


.ny-product2-left{width:70%;float:left;}
.ny-product2-left-title{font-size:24px;font-weight:bold;margin-bottom:30px;}

.ny-product2-left-box{background:#f7f7f7;border:1px solid #dfdfdf;border-radius:10px;width:31.33%;margin-right:1%;margin-left:1%;float:left;margin-bottom:30px;}
.ny-product2-left-box:hover{box-shadow: 0px 0px 15px 0px rgba(4, 0, 0, 0.2);background:#009ee2;border:1px solid #009ee2}
.ny-product2-left-box:hover .ny-product2-left-bt  {color:#fff !important;}
.ny-product2-left-bt-hz{padding:30px; }
.ny-product2-left-bt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:18px;	font-weight:bold;}

.ny-product2-left-pic{display:block; overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px;}
.ny-product2-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;width:100%;
-o-transition-duration: .8s;overflow:hidden;}

.ny-product2-left-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.news-hz{ display: flex;
    align-items: flex-start;
    justify-content: space-between;}
 
 .showshow-nt p {margin:5px 0 2em;} 
 .showshow-nt h2{font-size:20px;margin-bottom:10px;}
 
  /* 底部设备列表 */
  .equipment-grid {display: flex; flex-wrap: wrap;margin:0 -1% ; }
        .equipment-item {float:left;
            text-align: center;border-radius:10px;
width:31.33%;margin:0 1% 3% 1%;box-shadow: 0 7px 20px 2px #e7e7e7; }
  .equipment-item p{padding:20px;}
        .equipment-item img {border-top-left-radius:10px;border-top-right-radius:10px;
     display: block;transition: all 0.5s ease; box-sizing: border-box;
            }
 .equipment-item img:hover{ margin-top: -1%;}
 
        /* 响应式适配：小屏幕变为上下堆叠 */
        @media (max-width: 768px) {
.equipment-item{ width: 46%; margin: 2%;}
 	.equipment-item p { padding: 15px;}
        }

.mb-menu { padding-top: 30px;}

.showshow-nt blockquote{
	margin:1em 0;border:1px solid #efefef;background:#fcfcfc;padding:0.5em 1em;
}