body{overflow-x: hidden;}
.container {padding-left: 0;padding-right: 0;}
header{width: 100%;position: fixed;top: 0;z-index: 9;background: #fff;box-shadow: 0 1px 5px #cfcfcf;}
header.active{background: #fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);}
.head_layout{width: 100%;height: 68px;display: flex;}
header.active .head_layout{width: 87%;}
.head_layout .logo {/* width: 16%; */}
.head_layout .logo img {display: block;margin: auto;width: auto;margin-right: 46px;}
.head_layout .head_flex{display: flex;align-items: center;flex: 1;}
.head_layout .nav_wrap{flex: 1;position: relative;padding-left: 25px;}
.head_layout .nav_box .item{float: left;position: relative;}	
.head_layout .nav_box .item.active{background: #34BF68;}
.head_layout .nav_box .item.active a{color: #fff;}
.head_layout .nav_box .item:last-child{border-right: none;padding-right: 0;}
.head_layout .nav_box .item a{color: #333;font-size: 16px;font-weight: 500;height: 100%;padding: 0 24px;height: 68px;line-height: 68px;text-align: center;display: block;}
header.active .head_layout .nav_box .item a{color: #333;}
header.active .head_layout .nav_box .item:hover a{color: #34BF68;}
.head_layout .menu_down .classify li a p {
    text-align: left;
    color: #fff;
}
.head_layout .menu_down .classify li a p:hover{color:#15572e;}
.head_layout .nav_box .item a i {font-size: 12px;margin-left: 5px;}
.head_layout .nav_box .item:hover .menu_down {visibility: visible;opacity: 1;z-index: 9;transform: scaleY(1)}
.head_layout .menu_down {width: 180%;transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;display: block;background-color: #34BF68;position: absolute;left: 0;transform: translate(-50%,0);transform: scaleY(.5);top: 68px;transform-origin: center top;visibility: hidden;opacity: 0;box-shadow: 0 0 5px 5px rgba(147, 147, 147, .1);}
.head_layout .menu_down .classify li{height: auto;margin: 0;padding: 5px 15px;border-bottom: 1px #49cb79 solid;}
.head_layout .menu_down .classify li a{width: 100%;display: block;color: #fff!important;height: auto;line-height: inherit;padding: 0;text-align: left;}
.head_layout .menu_down .classify li:hover a{color: #107033!important;}
.head_layout .menu_down .classify li:last-child a{border-bottom: none;}
.head_layout .head_flex .item_right{display: flex;margin-right: 52px;align-items: center;}
.head_layout .head_flex .item_right:last-child{margin-right: 0;}
.head_layout .head_flex .item_right .iconfontBox{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 8px 0px rgba(116, 172, 39, 0.37);margin-right: 19px;}
.head_layout .head_flex .item_right a{color: #333;font-size: 16px;font-weight: 400;}
.head_layout .langChoice{position: relative;line-height: 28px;cursor: pointer;display: flex;align-items: center;color: #333;}
.head_layout .langChoice .down{color: #34BF68;font-size: 18px;margin-left: 7px;}
.head_layout .langChoice dt{line-height: 28px;font-weight: normal;color: #333;display: flex;align-items: center;}
.head_layout .langChoice dd{position: absolute;width: 103px;background: #fff;z-index: 10;text-align: center;line-height: 30px;border: 1px #ddd solid;border-bottom: none;display: none;right: 0;top: 100%;max-height: 400px;overflow-y: scroll;z-index: 99;color: #333;}
.head_layout .langChoice dd a{display: block;width: 100%;border-bottom: 1px #ddd solid;}
.head_layout .langChoice dd a:hover{text-decoration: none;background: #f5f5f5;}	
.banner{height: calc(100vh - 68px);width: 100%;}
.banner .swiper_ban{width: 100%;height: 100%;}
.banner .swiper-slide .ban_img{height: 100%;}
.banner .banner_prev,.banner .banner_next{background-image: none;color: #fff;font-size: 16px;display: none;align-items: center;justify-content: center;background: #788964;width: 43px;height: 43px;border-radius: 50%;cursor: pointer;top: 50%;margin-top: 0;border:1px solid #fff;opacity: 0.8;}
.banner .banner_prev{left: 6%;}
.banner .banner_next{right: 6%;}
.banner:hover .banner_prev,.banner:hover .banner_next{display: flex;}
.banner .swiper-slide .txtBox{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.banner .txtBox h2{color: #fff;font-weight: 700;font-size: 48px;margin-bottom: 24px;text-align: center;line-height: 60px;padding: 0 256px;}
.banner .txtBox h1{color: #fff;font-weight: 700;font-size: 64px;}
.wrapper{width: 100%;}
.ind_about{position:relative;}
.ind_about .container{display: flex;justify-content: space-between;padding-top: 100px;padding-bottom: 120px;}
.ind_about .txtBox{width: 55%;padding-right: 150px;}
.title span{display: inline-block;}
.title .txt1{color: #36BF67;font-size: 48px;font-weight: 700;margin-bottom: 16px;}
.title .txt2{color: #333;font-size: 40px;font-weight: 700;}
.ind_about .txtBox .bottom{padding-bottom: 24px;border-bottom: 1px solid #00000029;margin-bottom: 26px;margin-top: 48px;position: relative;}
.ind_about .txtBox .bottom::after{content: "";position: absolute;bottom: -1px;left: 0;width: 16%;height: 3px;background: #34BF68;}
.ind_about .txtBox .bottom p{margin-bottom: 37px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.ind_about .txtBox .bottom ul{margin-left: -55px;}
.ind_about .txtBox .bottom ul li{width: 33.33%;float: left;text-align: center;position: relative;}
.ind_about .txtBox .bottom ul li .isnum{font-size: 50px;font-weight: 700;color: #4FA772;}
.ind_about .txtBox .bottom ul li .istxt{color: #666;font-size: 16px;}
.ind_about .txtBox .bottom ul li .line{width: 1px;height: 60px;background-color: #97C9AB;position: absolute;top: 12%;right: 0;}
.ind_about .txtBox .bottom ul li:last-child{padding-left: 30px;}
.ind_about .txtBox .more{float: right;}
.ind_about .txtBox .more span{color: #36BF67;font-size: 20px;font-family: Arial;margin-right: 5px;}
.ind_about .txtBox .more i{color: #36BF67;font-size: 20px;}
.ind_about .imgBox{width: 45%;height: 462px;margin-top: 74px;overflow: hidden;}
.ind_about .imgBox img{transition: all .3s;border-radius: 80px 0 80px 0;}
.ind_about .imgBox:hover img{transform: scale(1.05);}
.bg-container {
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    background-image:  radial-gradient(circle at 10% 20%, rgba(200, 235, 215, 0.6) 0%, transparent 30%),       radial-gradient(circle at 85% 60%, rgba(200, 235, 215, 0.5) 0%, transparent 40%),      linear-gradient(to bottom, #f9f9f9 1px, transparent 1px),   linear-gradient(to right, #f9f9f9 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 60px 60px, 60px 60px;
    background-repeat: no-repeat, no-repeat, repeat, repeat;
    position: absolute;
    z-index: -1;mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
  }
        .section-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-title {
            font-size: 32px;
            color: #4fa772;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .section-subtitle {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
        }

        .advantages-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            background: url(../images/advantage-bg.png);
        }

        .advantage-card {
            padding: 40px 30px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid rgb(54 191 103 / 16%);
            height: 100%;
            border-radius: 6px;
            min-height: 420px;
            background-color: rgba(21, 130, 97, 0.02);
        }

        .advantage-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        }

        .icon-wrapper {
            width: 48px;
            height: 48px;
            margin-bottom: 35px;
            color: #4fa772;
        }

        .icon-wrapper svg {
            width: 100%;
            height: 100%;
        }

        .card-title {
            font-size: 18px;
            color: #333;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .card-desc {
            font-size: 16px;
            color: #666;
            line-height: 1.8;
        }

        /* 响应式布局 */
        @media (max-width: 1024px) {
            .advantages-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 640px) {
            .advantages-grid {
                grid-template-columns: 1fr;
            }
            
            .section-title {
                font-size: 28px;
            }
        }
    
.ind_product{padding-top: 76px;padding-bottom: 124px;background: #F4F6F8;}
.ind_product ul{display: flex;justify-content: space-between;margin-top: 126px;}
.ind_product ul li{width: 33.333333333333%;}
.ind_product ul li .imgBox{width: 100%;height: 367px;display: flex;align-items: center;justify-content: center;position: relative;}
.ind_product ul li .imgBox::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);display: none;}
.ind_product ul li .imgBox img{width: 100%;height: 100%;}
.ind_product ul li .txtBox{background: #FFF;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);position: relative;width: 100%;height: 115px;cursor: pointer;display: block;}
.ind_product ul li .txtBox p{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.ind_product ul li .txtBox .icon_Box{display: flex;align-items: center;justify-content: center;width: 53px;height: 53px;border-radius: 50%;position: absolute;top: 27%;right: 32px;opacity: 0;background: #fff;}
.ind_product ul li .txtBox .icon_Box i{color: #34BF68;font-size: 18px;}
.ind_product ul li:hover .imgBox::after{display: block;}
.ind_product ul li:hover .txtBox p{background: #34BF68;color: #fff;}
.ind_product ul li:hover .txtBox .icon_Box{opacity: 1;}
.ind_custom{padding-top: 75px;padding-bottom: 87px;background: url(../images/ind_custom.jpg) center center no-repeat;background-size: cover;background-attachment: fixed;}
.ind_custom .container{display: flex;padding-right: 72px;}
.ind_custom .txtBox{flex: 1;}
.ind_custom .txtBox h2{font-size: 36px;color: #fff;position: relative;}
.ind_custom .txtBox h2::after{content: "";position: absolute;bottom: -33px;left: 0;width: 6%;height: 2px;background: #fff;}
.ind_custom .txtBox p{color: #fff;font-size: 26px;margin-top: 69px;width: 70%;line-height: 40px;}
.ind_custom .more{float: right;display: flex;align-items: center;justify-content: center;width: 164px;height: 69px;border:1px solid #fff;margin-top: 34px;}
.ind_custom .more p{color: #fff;font-size: 16px;margin-right: 20px;}
.ind_custom .more i{color: #fff;font-size: 20px;}
.ind_hot_products{padding: 119px 0;}
.ind_hot_products .container{position: relative;}
.ind_hot_products .more{position: absolute;right: 0;top: 98px;display: flex;align-items: center;cursor: pointer;}
.ind_hot_products .more span{font-size: 20px;margin-right: 32px;color: #36BF67;}
.ind_hot_products .more i{color: #36BF67;font-size: 25px;margin-top: 1px;}
.ind_hot_products .swiper_product{margin-top: 60px;}
.ind_hot_products .swiper-slide{
	position: relative;
	background: #F4F6F8;
	padding: 10px;
	border-radius: 5px;
}
.ind_hot_products .swiper-slide .imgBox{border-radius: 5px;background: #fff;width: 100%;height: 240px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.ind_hot_products .swiper-slide .imgBox img{transition: all .3s;}
.ind_hot_products .swiper-slide:hover .imgBox img{transform: scale(1.05);}
.ind_hot_products .swiper-slide:hover p a{color: #36bf67;}
.ind_hot_products .swiper-slide p{width: 100%;text-align: left;padding-left: 15px;margin-top: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-bottom: 10px;}
.ind_hot_products .swiper-slide p a {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    display: inline-block;transition: all .3s;padding: 10px;
}


.ind_news{background: #F4F6F8;padding-top: 91px;padding-bottom: 139px;margin-top: 100px;}
.ind_news .container{position: relative;}
.ind_news .more{position: absolute;right: 0;top: 98px;display: flex;align-items: center;cursor: pointer;}
.ind_news .more span{font-size: 20px;margin-right: 32px;color: #36BF67;}
.ind_news .more i{color: #36BF67;font-size: 25px;margin-top: 1px;}
.ind_news ul{margin-top: 79px;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 0 43px;}
.ind_news ul li{min-width: 0;}
.ind_news ul li .imgBox{width: 100%;height: 307px;overflow: hidden;display: block;}
.ind_news ul li .imgBox img{transition: all .3s;width: 100%;height: 100%;object-fit: cover;}
.ind_news ul li .imgBox img:hover{transform: scale(1.05);}
.ind_news ul li p{font-size: 18px;margin-top: 42px;margin-bottom: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind_news ul li .more1{display: flex;justify-content: space-between;align-items: center;padding-top: 32px;border-top: 1px solid #00000030;}
.ind_news ul li .more1 span{font-size: 14px;color: #666;}
.ind_news ul li .more1 i{color: #34BF68;font-size: 24px;}
.contact{padding-top: 73px;padding-bottom: 106px;background: url(../images/contact_bg.png) center center no-repeat;background-size: cover;}
.contact .container{display: flex;justify-content: space-between;}
.contact .left_side{width: 50%;padding-right: 216px;}
.contact .title .txt1,.contact .title .txt2{color: #fff;}
.contact .left_side p{color: #fff;margin-top: 78px;margin-bottom: 62px;} 
.contact .left_side ul li{display: flex;align-items: center;margin-bottom: 34px;}
.contact .left_side ul li .iconBox{display: flex;align-items: center;justify-content: center;border: 1px solid #fff;width: 37px;height: 37px;border-radius: 50%;margin-right: 36px;}
.contact .left_side ul li .iconBox i{font-size: 20px;color: #fff;}
.contact .left_side ul li span,.contact .left_side ul li a{color: #fff;font-size: 18px;}
.contact .right_side{width: 50%;margin-top: 115px;}
.contact .right_side .inputBox.required .tips{margin-left: 0;}
.contact .right_side input{width: 100%;height: 48px;line-height: 48px;border-radius: 20px 0px;padding-left: 24px;margin-bottom: 30px;background: rgba(255, 255, 255, 0.20);color: #fff;}
.contact .right_side .inputBox.required input{border: 1px #f00 solid;}
.contact .right_side input::placeholder{color: #FFF;font-size: 12px;}
.contact .right_side textarea{width: 100%;height: 120px;margin-bottom: 25px;padding-top: 10px;padding-left: 24px;background: rgba(255, 255, 255, 0.20);border-radius: 20px 0px;color: #fff;}
.contact .right_side .inputBox.required textarea{border: 1px #f00 solid;color: #fff;}
.contact .right_side textarea::placeholder{color: #FFFFFFE5;font-size: 12px;}
.contact .right_side .img_verification{height: 48px;}
.contact .right_side .submit{display: flex;align-items: center;justify-content: center;width: 100%;height: 62px;background-color: #FFCF00;color: #fff;font-weight: 700;font-size: 16px;cursor: pointer;}
.contact .right_side .submit:hover{opacity: 0.9;}
.contact .right_side .inputBox.required .tips{margin-top: -20px;margin-bottom: 20px;}
.contact .right_side .button{width: 156px;height: 48px;border-radius: 20px 0px;background: #F88C31;color: #fff;display: flex;justify-content: center;align-items: center;}
/* 关于我们 */
.nei_ban{height: 408px;width: 100%;position: relative;}
.nei_ban img{width: 100%;height: 100%;object-fit: cover;}
.nei_ban .txtBox{display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;top: 30%;display: none;}
.nei_ban .txtBox h2{color: #fff;font-weight: 700;font-size: 28px;margin-bottom: 24px;text-align: center;line-height: 60px;padding: 0 256px;}
.nei_ban .txtBox h1{color: #fff;font-weight: 700;font-size: 36px;}
.crumbs{color: #B0B0B0;font-size: 16px;}
.crumbs .container{padding:15px 5px;border-bottom: 1px solid #D9D9D9;}
.crumbs .weizhi{color: #B0B0B0;}
.about1 .container{padding-top: 100px;padding-bottom: 100px;display: flex;justify-content: space-between;}
.about1 .left_side{width: calc(100% - 600px);padding-left: 60px;}
.about1 .left_side p{margin-top: 30px;line-height: 34px;font-size: 17px;}
.about1 .right_side{width: 600px;height: 489px;flex-shrink: 0;}
.about1 .right_side img {
    /* height: 490px; */
    /* object-fit: cover; */
}
.about2{padding-top: 92px;padding-bottom: 84px;background: #F8F8F8;}
.about2 .divIntro {
	width:100%;
	height:419px;
    margin-top: 69px;
}
.about2 .divIntro .divLineContent {
	width:100%;
	max-width:1500px;
	height:100%;
	position:relative;
	overflow:hidden
}
.about2 .divIntro .divLineContent .divLine {
	width:100%;
	max-width:1500px;
	height:128px;
	background-image:url("../images/line.png");
	background-size:100% 100%;
	position:absolute;
	top:100px;
	left:0;
	z-index:200
}
/* .about2 .divIntro .divLineContent .divWhiteBg {
	width:100%;
	height:150px;
	background-color:#F8F8F8;
	position:absolute;
	top:316px;
	left:0;
	z-index:200
} */
.about2 .divIntro .divLineContent .divLine_mask {
	width:100%;
	max-width:1500px;
	height:500px;
	background-color:#F8F8F8;
	position:absolute;
	top:0;
	left:0;
	z-index:201;
	animation:lineMove 8s forwards linear;
	-webkit-animation:lineMove 8s forwards linear
}
.about2 .divIntro .divLineContent .divLine_bottom1 {
	width:260px;
	height:108px;
	background-size:100% 100%;
	position:absolute;
	top:218px;
	left:207px;
	animation:img1Move 8s forwards linear;
	-webkit-animation:img1Move 8s forwards linear;
	z-index:210
}
.about2 .divIntro .divLineContent .divLine_Text1 {
	width:200px;
	height: 132px;
	background-position:left;
	background-repeat:no-repeat;
	position:absolute;
	left:48px;
	top:0;
	z-index:110;
	/* animation:text1Move 8s forwards linear; */
	/* -webkit-animation:text1Move 8s forwards linear; */
}
.about2 .divIntro .divLineContent .divText2 {
	display:flex;
	flex-direction:column;
	align-items: center;
}
.about2 .divIntro .divLineContent .divText2 h3{font-size: 32px;color: #34BF68;font-weight: 700;margin-bottom: 20px;margin-top: 10px;}
.about2 .divIntro .divLineContent .divLine_bottom2 {
	width:145px;
	height:134px;
	position:absolute;
	left:500px;
	top:205px;
	z-index:120;
	animation:img2Move 8s forwards linear;
	-webkit-animation:img2Move 8s forwards linear;
}
.about2 .divIntro .divLineContent .divLine_Text2 {
	width:193px;
	height:108px;
	position:absolute;
	top:200px;
	left:740px;
	z-index:220;
	animation:text2Move 8s forwards linear;
	-webkit-animation:text2Move 8s forwards linear
}
.about2 .divIntro .divLineContent .divLine_bottom3 {
	width:155px;
	height:135px;
	position:absolute;
	left:933px;
	top:300px;
	z-index:130;
	animation:img3Move 8s forwards linear;
	-webkit-animation:img3Move 8s forwards linear;
}
.about2 .divIntro .divLineContent .divLine_Text3 {
	width:191px;
	height:107px;
	position:absolute;
	left:1163px;
	top:149px;
	animation:text3Move 8s forwards linear;
	-webkit-animation:text3Move 8s forwards linear;
	z-index:230
}
.about2 .divIntro .divLineContent .divLine_Text4 {
	width:194px;
	height:132px;
	position:absolute;
	left:1281px;
	top:200px;
	z-index:140;
	animation:text4Move 8s forwards linear;
	-webkit-animation:text4Move 8s forwards linear
}
@keyframes text4Move {
	0% {
	top:138px;
	opacity:1;
	z-index:140
}
50% {
	top:138px;
	opacity:1;
	z-index:140
}
59% {
	top:0;
	opacity:1;
	z-index:140
}
60% {
	top:0;
	opacity:1;
	z-index:240
}
90% {
	top:0;
	opacity:1;
	z-index:240
}
95% {
	top:0;
	opacity:1;
	z-index:240
}
100% {
	top:0;
	opacity:1;
	z-index:140
}
}
@keyframes text3Move {
	0% {
	top:160px;
	opacity:1;
	z-index:130
}
40% {
	top:160px;
	opacity:1;
	z-index:130
}
49% {
	top:140px;
	opacity:1;
	z-index:130
}
50% {
	top:140px;
	opacity:1;
	z-index:230
}
88% {
	top:140px;
	opacity:1;
	z-index:230
}
94% {
	top:140px;
	opacity:1;
	z-index:230
}
100% {
	top:140px;
	opacity:1;
	z-index:130
}
}
@keyframes img3Move {
	0% {
	opacity:0;
	top:313px
}
30% {
	top:313px;
	opacity:0
}
40% {
	top:15px;
	opacity:1
}
80% {
	top:15px;
	opacity:1
}
95% {
	top:15px;
	opacity:1
}
100% {
	top:15px;
	opacity:1
}
}
@keyframes text2Move {
	0% {
	top:440px;
	opacity:1;
	z-index:120
}
30% {
	top:440px;
	opacity:1;
	z-index:120
}
39% {
	top:160px;
	opacity:1;
	z-index:120
}
40% {
	top:160px;
	opacity:1;
	z-index:220
}
85% {
	top:160px;
	opacity:1;
	z-index:220
}
90% {
	top:160px;
	opacity:1;
	z-index:220
}
100% {
	top:160px;
	opacity:1;
	z-index:120
}
}
@keyframes img2Move {
	0% {
	opacity:0;
	top:200px
}
20% {
	top:200px;
	opacity:0
}
30% {
	top:50px;
	opacity:1
}
80% {
	top:50px;
	opacity:1
}
95% {
	top:50px;
	opacity:1
}
100% {
	top:50px;
	opacity:1
}
}
@keyframes text1Move {
	0% {
	top:238px;
	opacity:1;
	z-index:110
}
20% {
	top:238px;
	opacity:1;
	z-index:110
}
29% {
	top:90px;
	opacity:1;
	z-index:110
}
30% {
	top:90px;
	opacity:1;
	z-index:210
}
85% {
	top:90px;
	opacity:1;
	z-index:210
}
90% {
	top:90px;
	opacity:0;
	z-index:210
}
100% {
	top:90px;
	opacity:1;
	z-index:110
}
}
@keyframes img1Move {
	0% {
	opacity:0;
	top:375px
}
10% {
	top:375px;
	opacity:0
}
20% {
	top:200px;
	opacity:1
}
80% {
	top:200px;
	opacity:1
}
95% {
	top:200px;
	opacity:1
}
100% {
	top:200px;
	opacity:1
}
}
@keyframes lineMove {
	0% {
	left:0
}
70% {
	left:100%;
	opacity:1
}
75% {
	left:100%;
	opacity:0
}
80% {
	left:100%;
	opacity:0
}
100% {
	left:100%;
	opacity:0
}
}
.about3{padding: 120px 0;}
.about3 ul{display: flex;justify-content: space-between;margin-top: 99px;}
.about3 ul li{width: 30%;position: relative;opacity: 0;top: 400px;}
.about3 ul li .imgBox{width: 100%;height: 530px;display: flex;align-items: center;justify-content: center;}
.about3 ul li .txtBox{margin-top: 32px;display: flex;align-items: center;justify-content: center;width: 100%;}
.about3 ul li .txtBox .point{width: 12px;height: 12px;border-radius: 50%;background-color: #36BF67;margin-right: 22px;}
.about4{padding-top: 83px;padding-bottom: 144px;background: url(../images/about_bg.png) center center no-repeat;background-size: cover;}
.about4 .title .txt1,.about4 .title .txt2{color: #fff;}
.about4 .middle_item{margin-top: 87px;display: flex;justify-content: center;margin-bottom: 77px;}
.about4 .middle_item .item{width: 137px;height: 137px;border-radius: 50%;border: 1px solid #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.about4 .middle_item .item .p1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.about4 .middle_item .item .p2{color: #fff;font-weight: 400;}
.about4 .middle_item .line{width: 160px;height: 1px;background-color: #fff;margin-top: 68px;}
.about4 .bottom1{padding: 0 65px;color: #fff;}
.about4 .bottom2{margin-top: 48px;padding: 0 65px;color: #fff;}
/* 产品中心 */
.products{padding-top:64px;padding-bottom: 124px;}
.products .container{display: flex;justify-content: space-between;}
.products .left_side{width: 0;}
.products .left_side .txt{padding: 18px 17px 18px;background: #34BF68;font-size: 32px;font-weight: 700;color: #fff;}
.products .left_side .product_nav{border: 1px solid #E6E6E6;background: #FFF;box-shadow: 0px 4px 4px 0px rgba(219, 219, 219, 0.25);}
.products .product_nav .item{padding: 16px 19px 16px;border-bottom: 1px solid #E6E6E6;}
.products .product_nav .item:last-child{border-bottom: none}
.products .product_nav .item a{display: flex;justify-content: space-between;align-items: center;}
.products .product_nav .item a:hover{color: #34BF68;}
.products .product_nav .item a .iconfontBox i{font-size: 18px;color: #666;}
.products .product_nav .item.active p{color: #34BF68;}
.products .product_nav .item.active a .iconfontBox{transform: rotate(90deg);}
.products .product_nav .item .menu_down{padding-left: 15px;display: none;background: #F4F6F8;}
.products .product_nav .item .menu_down li{border-bottom:1px solid #F2F4F5;padding: 5px 0;}
.products .product_nav .item .menu_down li:last-child{border-bottom:none;}
.products .product_content{width: 100%;padding-left: 0;}
.products .product_content .search{display: flex;position: relative;}
.products .product_content .search input{width: 87%;height: 58px;border-radius: 5px 0px 0px 5px;background: #F4F6F8;padding-left: 32px;}
.products .product_content .search input::placeholder{color: #999;font-size: 16px;}
.products .product_content .search .button{width: 14%;height: 58px;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;border-radius: 0px 5px 5px 0px;background: #F88C31;box-shadow: 0px 4px 4px 0px rgba(219, 219, 219, 0.25);color: #fff;font-size: 16px;font-weight: 600;}
.products .product_content .product_details{margin-top: 24px;}
.products .product_content .product_details .item{display: flex;justify-content: space-between;align-items: center;padding: 18px 0;padding-left: 24px;border-bottom: 1px solid #D9D9D9;}
.products .product_content .product_details .item .imgBox{display: flex;align-items: center;justify-content: center;width: 108px;height: 85px;}
.products .product_content .product_details .item span{color: #333;font-size: 16px;width: 200px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.products .product_content .product_details .item span:nth-child(3),.products .product_content .product_details .item span:nth-child(4){text-align: center;}
.products .product_content .product_details .item .right{display: flex;align-items: center;justify-content: space-between;}
.products .product_content .product_details .item .iconBox{width: 43px;height: 43px;display: flex;align-items: center;justify-content: center;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 8px 0px rgba(52, 191, 104, 0.37);}
.products .product_content .product_details .item .more{display: flex;align-items: center;justify-content: center;width: 104px;height: 35px;color: #fff;border-radius: 5px;background: #34BF68;font-size: 14px;margin-left: 24px;}
.divide .pagination>.active>a{background-color: #34BF68;border-color: #34BF68;color: #fff;}
.divide .pagination>li>a{color: #333;}
/* 产品详情 */
.proDetail{margin-top: 50px;}
.proDetail .container {display: flex;}
.proTop .dotBoxL{float: left;width: 550px;}
.proTop .dotBoxL ol{width: 550px;height: 549px;position: relative;margin-bottom: 20px;}
.proTop .dotBoxL ol li{max-height: 100%;max-width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;position: absolute;z-index: 1;border-radius: 10px;width: 100%;height: 100%;border: 1px #ddd solid;}
.proTop .dotBoxL ol li img{max-width: 100%;opacity: 0;}
.proTop .dotBoxL ol li.open{z-index: 2;/* background: #F5F5F5; */}
.proTop .dotBoxL ol li.open img{opacity: 1;}
.proTop .dotBoxL ul li{float: left;width: 203px;height: 100px;cursor: pointer;margin-right: 10px;display: flex;align-items: center;justify-content: center;}
.proTop .dotBoxL ul li.active{border: 2px solid #34BF68;}
.proTop .dotBoxL .videoBox {background: #333;width: 750px;height: 549px;position: absolute;left: 0;top: 0px;z-index: 9;}
.videoIcon {position: absolute;z-index:8;bottom: 133px;left: 10px;width: 50px;height: 50px;line-height: 50px;cursor: pointer;}
.videoIcon i{font-size: 40px;color: #666;}
.videoClose{position: absolute;top: 20px;right: 20px;cursor: pointer;}
.videoClose i{color: #fff;}
.proTop .dotBoxL .proBan{position: relative;}
.proTop .dotBoxL .videoBox video{width: 750px;height: 549px;}
.proDetail .container .txtBox{width: calc(100% - 550px);padding-left: 74px;padding-top: 7px;}
.proDetail .container .txtBox h2{color: #34BF68;font-size: 24px;font-weight: 700;}
.proDetail .container .txtBox hr{border-top: 1px solid #D9D9D9;}
.proDetail .container .txtBox ul{border-bottom: 1px solid #D9D9D9;padding-bottom: 30px;}
.proDetail .container .txtBox .content li{margin-bottom: 20px;}
.proDetail .container .txtBox .content li:last-child{margin-bottom: 10px;}
.proDetail .container .txtBox .content .content1 span{width: 184px;float: left;color: #34BF68;font-size: 16px;font-weight: 700;}
.proDetail .container .txtBox .content1 em{width: calc(100% - 130px);text-align: left;display: inline-block;color: #333;font-size: 16px;}
.proDetail .container .txtBox .content .content1 li{color: #333;font-size: 16px;font-style: normal;font-weight: 400;display: flex;}
.proDetail .container .txtBox  .button:hover{opacity: 0.8;}
.proDetail .container .txtBox .button{transition: all 0.3s;width: 148px;height: 49px;background-color: #34BF68;border-radius: 5px;display: flex;align-items: center;justify-content: center;color: #FFF;font-size: 16px;margin-top: 35px;font-weight: 700;}
.proDetail .container .txtBox .button .iconBox{margin-right: 16px;display: flex;align-items: center;justify-content: center;}
.details{margin-top: 87px;}
.details .title{margin-top: 20px;font-weight: 700;margin-bottom: 28px;background: #F4F6F8;height: 45px;line-height: 45px;padding-left: 20px;}
.details p{color:#666;}
.details .title .txt1{font-size: 20px;color: #333;}
.details .title .txt2{font-size: 20px;color: #333;margin: 0 5px;}
.details .title .txt3{color: #34BF68;font-size: 20px;text-transform: uppercase;}
.details .content{color:#666;font-size: 16px;padding-bottom: 30px;padding-left: 20px;line-height: 32px;}
.details .content:last-of-type{border: none;}
.details ul{margin-top: 15px;padding-left: 20px;}
.details ul li{width: 33.33%;padding: 0 10px;float: left;position: relative;opacity: 0;top: 400px;}
.details ul li .imgBox{height: 282px;}
.details ul li img{width: 100%;}
.details ul li:first-child{padding-left: 0;}
.related_products{margin-top: 100px;}
.related_products .swiper_relate{margin-top: 56px;}
.related_products .swiper-slide {background: #F4F6F8;position: relative;padding: 10px;height: 310px;border-radius: 5px;}
.related_products .swiper-slide .imgBox{display: flex;justify-content: center;align-items: center;height: 206px;width: 100%;background: #fff;}
.related_products .swiper-slide .more{display: flex;justify-content: center;align-items: center;border-radius: 30px 0px;background: #34BF68;position: absolute;width: 80%;height: 53px;bottom: 23px;left: 50%;transform: translateX(-50%);padding: 0 10px;}
.related_products .swiper-slide .more a{font-size: 16px;color: #fff;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.purchase{padding: 100px 0;background: url(../images/contact_bg.png) center center no-repeat;background-size: cover;}
.purchase .title .txt1,.purchase .title .txt2{color: #fff;}
.purchase .content{display: flex;margin-top: 58px;}
.purchase .content .left{width: 40%;}
.purchase .content .left .imgBox{width: 100%;height: 493px;display: flex;justify-content: center;align-items: center;border-radius: 50px 0px;border: 1px solid rgba(255, 255, 255, 0.60);background: rgba(255, 255, 255, 0.20);}
.purchase .content .right{width: 60%;padding-left: 98px;}
.inputBox.required .tips {color: #fff;background: #363636;display: inline-block;position: relative;margin-top: 5px;font-size: 12px;border-radius: 2px;padding: 0 3px;margin-left: 146px;}
.inputBox.required .tips::after {width: 0;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid #363636;position: absolute;content: "";left: 6px;top: -5px;}
.inquiryBox1 .submitBtn:hover{opacity: 0.9;}
.inquiryBox1 input{height: 30px;width: calc(100% - 153px);padding: 0 10px;border: 1px solid #fff;background: transparent;color: #fff;}
.inquiryBox1 .inputBox.required input{border: 1px solid #f00;}
.inquiryBox1 form .selectCon{display: inline-block;width: calc(100% - 153px);position: relative;z-index: 0;}
.inquiryBox1 form .selectCon input{width: calc(100% - 119px);}
.inquiryBox1 span{display:inline-block;width: 143px;position: relative;color: #fff;}
.inquiryBox1 .inputBox{margin-bottom: 18px;}
.inquiryBox1 .inputBox .codeBox{display: inline-block;width: calc(100% - 153px);}
.inquiryBox1 .inputBox .codeBox input{width: calc(100% - 100px);margin-right: 20px;}
.inquiryBox1 .inputBox .codeBox img{width: 80px;height: 30px;}
.inquiryBox1 .inputBox select{width: 114px;height: 30px;border: 1px solid #DDDDDD;padding-left: 10px;color: #fff;}
.inquiryBox1 .inputBox select option{color: #333;}
.inquiryBox1 .inputBox .triangle{position: absolute;right: 10px;top: 3px;color: #fff;font-size: 14px;cursor: pointer;z-index:-1;width: auto;}
.inquiryBox1{margin-top: 30px;}
.inquiryBox1 h2{margin-bottom: 15px;}
.inquiryBox1 .inputBox sup{color: #fff;font-size: 18px;position: absolute;top: 9px;left: -5px;}
.inquiryBox1 .inputBox textarea{width: calc(100% - 153px);height: 98px;border: 1px solid #DDDDDD;color: #fff;background: transparent;padding-top: 10px;padding-left: 10px;}
.inquiryBox1 .inputBox.required textarea{border: 1px solid #f00;}
.inquiryBox1 .submitBtn{display: flex;align-items: center;justify-content: center;border-radius: 20px 0px;background: #F88C31;color: #fff;width: 158px;height: 48px;cursor: pointer;margin-left: 146px;margin-top: 41px;}
.RequiredText{margin-left: 146px;color: #fff;}
.RequiredText sup {vertical-align: -8px;margin: 0 5px;color: #fff;}
.inquiryBox1 .submitBtn:hover{opacity: 0.9;}   
/* 新闻列表 */
.newsBox{padding-bottom: 92px;padding-top: 15px;}
.newsBox .contentBox .item{padding: 48px 0;display: flex;justify-content: space-between;border-bottom: 1px solid #D9D9D9;position: relative;opacity: 0;top: 50px;}
.newsBox .contentBox .item::after { content: ""; width: 0; height: 1px; background: #34BF68; position: absolute; left: 0; bottom: -1px; transition: 430ms ease-in-out; }
.newsBox .contentBox .item:hover::after{width: 100%;background: #34BF68;}
.newsBox .contentBox .item:hover .txt2{color: #34BF68;}
.newsBox .contentBox .item .left_side{padding-right: 165px;}
.newsBox .contentBox .item .txt1{font-size: 14px;color: #666;}
.newsBox .contentBox .item .txt2{font-size: 18px;color: #333;margin: 24px 0;display: block;}
.newsBox .contentBox .item .left_side .newsDetails{font-size: 18px;color: #666;margin-bottom: 40px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.newsBox .contentBox .item .button{display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;background-color: #D2D2D2;border-radius: 50%;cursor: pointer;}
.newsBox .contentBox .item .button i{color: #fff;font-size: 24px;}
.newsBox .contentBox .item .button:hover{background-color: #34BF68;}
.newsBox .contentBox .item .right_side a{display: flex;align-items: center;justify-content: center;width: 435px;height: 266px;overflow: hidden;}
.newsBox .contentBox .item .right_side a img{transition: all .3s;}
.newsBox .contentBox .item .right_side a:hover img{transform: scale(1.05);}
/* 新闻详情 */
.newsDetail{margin-top: 50px;margin-bottom: 50px;}
.newsTxt h2{font-size: 28px;font-family: "times new roman";}
.newsTxt h5{margin: 20px 0;color: #999;}
.newsTxt img{max-width: 100%;margin-bottom: 20px;}
.newsTxt p{font-size: 15px;line-height: 32px;}
/* 招聘 */
.job{padding-top: 63px;padding-bottom: 31px;}
.job h3{color: #333;font-size: 20px;font-weight: 700;margin-top: 35px;margin-bottom: 34px;}
.job .txt3{color: #333;font-size: 16px;font-weight: 400;margin-bottom: 75px;line-height: 28px;}
.job .item{margin-bottom: 34px;cursor: pointer;}
.job .item .overview{display: flex;justify-content: space-between;align-items: center;padding-left: 33px;padding-right: 34px;height: 72px;border-bottom: 1px solid rgba(255, 255, 255, 0.36);background: #F4F6F8;}
.job .item .overview .position h2 .txt1{color: #333;font-size: 20px;font-weight: 700;}
.job .item .overview .position h2 .txt2{color: #333;font-size: 20px;font-weight: 700;margin: 0 6px;}
.job .item .overview .position h2 .txt3{color: #34BF68;font-size: 20px;font-weight: 700;}
.job .item .overview .iconfont{color: #b1aeae;display: inline-block;font-size: 24px;}
.job .item .content1{/* padding-left: 34px; */display: none;padding-top: 22px;}
.job .item.active .content1{display: block;}
.job .item.active .overview{background: #34BF68;}
.job .item.active .overview h2 .txt1,.job .item.active .overview h2 .txt2,.job .item.active .overview h2 .txt3{color: #fff!important;}
.job .item.active .overview .iconfont{transform:rotate(180deg);color: #fff;}
.job .item .content1 .title1{color: #666;font-size: 14px;font-weight: 700;margin-bottom: 8px;margin-top: 20px;}
.job .item .content1 .details{color:#666;font-size: 14px;font-weight: 400;padding: 0;margin-top: 10px;}
/* 底部 */
footer{padding-top: 75px;background: #092f2b;}
footer .logo {width: 100%;height: 70px;margin-bottom: 20px;display: inline-block;}
.footerwarp  h2 {font-size: 22px;font-weight: bold;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px #0c3f39 solid;color: #fff;}
.footerwarp  p {opacity: 0.9;margin-bottom: 14px;color: #fff;}
.footerwarp p a:hover {opacity: 0.8;color: #fff;}
.footerwarp  i {margin-right: 8px;color: #34BF68;}
footer .copy{display: flex;justify-content: space-between;align-items: center;padding: 32px 0;border-top: 1px solid #00000014;margin-top: 91px;}
footer .copy .iconBox{flex:0.5;}
footer .copy .iconBox i{margin-right: 20px;font-size: 20px;color: #34BF68;}
footer .copy .iconBox a{margin-right: 20px;}
footer .copy p{color: #989898;font-size:12px;font-family: Arial;flex: 0.5;text-align: right;}
/* 联系我们 */
.contact1{padding-top: 63px;padding-bottom: 37px;position: relative;}
.contact1 #container{margin-top: 32px;width: 100%;height: 533px;}
.contact2{padding-bottom: 25px;margin-top: 40px;}
.contact2 h2{padding-bottom: 36px;color: #333;font-size: 26px;border-bottom: 1px solid #c8e5d3;margin-bottom: 24px;}
.contact2 ul{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;}
.contact2 ul li{/* width: 24%; *//* display: flex; */align-items: center;color: #666;padding: 20px;border: 1px #c8e5d3 solid;border-radius: 5px;margin-top: 20px;}
.contact2 ul li .iconBox{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background-color: #34BF68;margin-right: 6px;margin-top: -34px;margin-bottom: 20px;}
.contact2 ul li .iconBox i{color: #fff;font-size: 20px;}
.contact2 ul li .txt{width: calc(100% - 32px);}
.contact2 ul li a{width: calc(100% - 32px);display: inline-block;}
.othFactory ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
}

.othFactory ul li {
    border: 1px #c8e5d3 solid;
    padding: 20px;
    border-radius: 5px;
}
.othFactory p {
    color: #666;
}

.othFactory h3 {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
}
.contact3 .left_side p{margin-top: 133px;}
.contact3 .right_side{margin-top: 65px;}
.contact2 ul li h3 {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
}
/* 购物车 */
.cart_content{padding-top: 50px;}
.cart_content table{width: 100%;height: auto;}
.cart_content table th{background-color: #F3F3F3;height: 60px;line-height: 60px;padding-left: 10px;}
.cart_content table tr:first-child th:first-child{padding-left: 64px;}
.cart_content table td{border-bottom: 1px solid #DDDDDD;padding-left: 10px;padding: 10px;}
.cart_content table th:nth-child(2) {max-width: 400px;}
.cart_content table td input[type="checkbox"]{margin-right: 18px;-webkit-appearance: auto;appearance: auto;}
.cart_content table td  img{width: 100px;}
.confirm{padding: 50px 0;}
.confirm .confirm_box{background-color: #F5F5F5;padding: 30px;padding-bottom: 80px;}
.confirm .confirm_box .title{color: #333;font-size: 30px;font-weight: 400;position: relative;margin-bottom: 30px;}

.confirm .confirm_box .inputBox{margin-bottom: 20px;width: 100%;}
.confirm .confirm_box .inputBox.required input{border: 1px #f00 solid;}
.confirm .confirm_box .inputBox.required .tips{left: 21px;}
.confirm .confirm_box .inputBox.required textarea{border: 1px #f00 solid;}
.confirm .confirm_box .codeBox{display: inline-block;width: calc(100% - 180px);}
.confirm .confirm_box .codeBox img{height: 40px;width: 100px;margin-left: 20px;}
.confirm .confirm_box sup{color: #EF2525;font-size: 18px;position: absolute;top: 13px;left: -8px;}
.confirm .confirm_box .inputBox .txt{font-size: 16px;color: #666;width: 162px;display: inline-block;position: relative;}
.confirm .confirm_box .inputBox input{width: calc(100% - 180px);height: 40px;padding-left: 15px;}
.confirm .confirm_box .inputBox textarea{width: calc(100% - 180px);height: 98px;}
.confirm .confirm_box .sumbit{display: flex;align-items: center;justify-content: center;background-color: #F1881F;color: #fff;width: 130px;height: 40px;cursor: pointer;border-radius: 5px;margin-left: 161px;margin-top: 41px;}
.confirm .confirm_box .sumbit:hover{background-color: #eb9642;}
/* 返回顶部 */
.rightFixed{position: fixed;bottom: 40%;right: 30px;z-index: 999;}
.rightFixed .itemBox{width: 46px;height: 94px;border-radius: 6px;background: #FFF;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);display: flex;flex-direction: column;align-items: center;}
.rightFixed .iconBox_cart{display: flex;align-items: center;justify-content: center;width: 24px;height: 48px;border-bottom: 1px dashed #0000002E;cursor: pointer;position: relative;}
.rightFixed .iconBox_cart .count{display: block;position: absolute;top: -7px;right: -15px;width: 17px;height: 17px;color: #fff;font-size: 12px;text-align: center;line-height: 17px;background: #FF8A16;border-radius: 50%;}
.rightFixed .iconBox_bottom_email{display: flex;justify-content: center;align-items: center;width: 24px;height: 46px;}
.rightFixed .iconBox{width: 13px;height: 20px;display: flex;align-items: center;justify-content: center;transform: rotate(180deg);}
.rightFixed .iconBox i{font-size: 18px;}
.rightFixed .goTop{margin-top: 24px;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 46px;height: 46px;border-radius: 6px;background: #FFF;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);cursor: pointer;}
.rightFixed .goTop i{color: #34BF68;font-size: 18px;}
.rightFixed .goTop span{font-size: 12px;color: #999;font-weight: 500;margin-top: -5px;}
.cultureBox {
    padding: 80px 0;
}
.timeline {
    position: relative;
    margin-bottom: 100px;
}

/* 中间竖线 */
.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e0e0e0;
    transform: translateX(-50%);
}

.timeline-item {
    position: relative;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.timeline-item:last-child {
    margin-bottom: 0;
}



.timeline-item:nth-child(odd) .timeline-content {
    text-align: left;
    /* padding-right: 60px; */
    padding-left: 0;
}

.timeline-item:nth-child(even) .timeline-content {
    text-align: left;
    /* padding-left: 60px; */
}

/* 内容区域 */
.timeline-content {
    width: 50%;
    /* padding: 0 60px; */
}

.timeline-date {
    font-size: 14px;
    color: #0d8a6d;
    font-weight: 500;
    margin-bottom: 4px;
}

.timeline-year {
    font-size: 24px;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 1px #ddd solid;
}

.timeline-text {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
}

.timeline-image {
    width: 80%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    height: 200px;
}

.timeline-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* 中间圆点 */
.timeline-dot {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    background-color: #0d8a6d;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #0d8a6d;
    z-index: 1;
}

/* 响应式：移动端改为单列布局 */
@media (max-width: 768px) {
    .timeline::before {
        left: 20px;
    }

    .timeline-item {
        flex-direction: column !important;
        padding-left: 50px;
    }

    .timeline-item:nth-child(odd) .timeline-content,
    .timeline-item:nth-child(even) .timeline-content {
        width: 100%;
        padding: 0;
        text-align: left;
    }

    .timeline-dot {
        left: 20px;
    }
}
@media (min-width: 1520px) {
  .container {
    width: 1500px;
    padding: 0 20px;
  }
}
@media (max-width: 1366px) and (min-width:769px){
	.head_layout .nav_box .item a{padding: 0 9px;}
}
@media (max-width: 768px) {
.body-container{overflow-x: hidden;}	
.container{width: 100%;padding-left: 15px;padding-right: 15px;}
.headerPhoneTop {position: fixed;width: 100%;top: 0;left: 0;text-align: center;background: #fff;box-shadow: 0 0 7px #b9b9b9;z-index: 99;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.menuPhone {position: fixed;width: 250px;height: 100%;overflow-y: auto;left: -250px;background: #24994e;top: 0;z-index: 101;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.headerPhoneLogo img {height: 30px;}
.headerPhoneLogo {padding: 10px 0;}
a.menu-trigger {position: absolute;display: inline-block;width: 36px;height: 30px;top: 50%;margin-top: -15px;left: 10px;padding: 0 5px;}
a.menu-trigger span {display: block;background: #222;width: 100%;height: 2px;margin: 6px 0;}
.wrapper {position:relative;width: 100%;left: 0;padding-top: 0 !important;transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;margin-left: 0;}
body.menuOpen .headerPhoneTop  {left:250px;}
body.menuOpen .wrapper  {left:250px;}
body.menuOpen .menuPhone{left:0;}
.headerPhone {transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;}
body.menuOpen .headerPhone {left: 250px;}
.menuPhone li h2 {margin: 0;font-size: 15px;line-height: 30px;}
.menuPhone li h2 a {color: #fff;padding: 5px 15px;display: inline-block;width: 100%;}
.menuPhone li h5 {margin: 0;padding-left: 25px;font-size: 12px;line-height: 25px;border-top: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhone li h5 a {color: #fff;padding: 5px 0;display: inline-block;font-size: 14px;}
.menuPhone ul li {border-bottom: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhoneHide {background: rgba(255, 255, 255, 0.1);display: none;}
.headerPhone .menu_tr_ico{position: absolute;right:15px;top: 50%;margin-top: -18px;}
.headerPhone .menu_tr_ico .enChange{background:  #ff8a00;color:  #fff;border-radius:  100%;padding: 5px;}
.headerPhone .menu_tr_ico i{font-size: 20px;color: #666;display: inline-block;margin-left: 10px;}
.headerPhone .menu_tr_search{margin-top: 10px;padding: 0 15px;position: relative;}
.headerPhone .menu_tr_search input{width: 100%;height: 40px;background-color: #f1f1f1;padding: 0 10px;margin-bottom: 10px;}
.headerPhone .menu_tr_search button{    right: 20px;position: absolute;width: 40px;height: 40px;background: none;top: 0;}
.headerPhone {padding-top: 50px;position: relative;left: 0;}
.headerPhone .menu_tr_ico .selectBox {background: #fff;box-shadow: 0 0 4px #ddd;position: absolute;display: none;overflow-y: scroll;max-height: 300px;}
.headerPhone .menu_tr_ico .selectBox:after{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #fff;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox::before{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #999;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox ul li{padding: 0 10px;border-bottom: 1px #dedede solid;}
.banner{height: 400px;width: 100%;}
.banner .txtBox h2{font-size: 22px;line-height: 32px;padding: 0;}
.banner .txtBox h1{text-align: center;font-size: 21px;}
.rightFixed{display: none;}
.left_slide{height: auto;left: 6px;margin-top: 106px;position: absolute;}
.left_slide .iconBox_top{display: none;}
.left_slide .iconBox_bottom:nth-child(3){margin-top: 34px;}
.left_slide .iconBox_cart{width: 34px;height: 31px;}
.left_slide .iconBox_bottom_email{width: 36px;height: 34px;}
.ind_about{padding: 20px 0;}
.ind_about .container{display: inherit;}
.ind_about .txtBox{padding-right: 0;width: 100%;}
.ind_about .txtBox .bottom p{margin-bottom: 18px;}
.ind_about .txtBox .bottom ul{margin-left: -20px;}
.ind_about .txtBox .bottom ul li .isnum{font-size: 26px;}
.ind_about .txtBox .bottom ul li .istxt{font-size: 12px;}
.ind_about .imgBox{width: 100%;margin-top: 82px;height: 238px;}
.ind_product{padding-top: 28px;padding-bottom: 26px;}
.title .txt1{font-size: 28px;}
.title .txt2{font-size: 30px;}
.ind_product ul{margin-top: 36px;display: inherit;}
.ind_product ul li{width: 100%;margin-bottom: 20px;}
.ind_product ul li .imgBox{height: 300px;}
.ind_product ul li .txtBox{height: 52px;}
.ind_product ul li .txtBox .icon_Box{width: 26px;height: 26px;top: 27%;right: 32px;}
.ind_custom{padding-top: 30px;padding-bottom: 48px;margin: 36px 0;}
.ind_custom .container{display: inherit;padding-right: 15px;}
.ind_custom .txtBox h2 {
    width: 100%;
    font-size: 26px;
    line-height: 40px;
}
	.ind_custom .txtBox p{margin-top: 58px;line-height: 44px;width: 100%;font-size: 22px;}
.ind_custom .more{float: left;}
.ind_hot_products{padding: 17px 0;}
.ind_hot_products ul{margin-top: 80px;display: inherit; }
.ind_hot_products ul li{width: 100%;height: 336px;margin-bottom: 70px;}
.ind_hot_products ul li p{padding-left: 0;left: 33%;}
.ind_hot_products .more span{margin-right: 9px;}
.ind_hot_products .more i{margin-right: 16px;}
.ind_news{padding-top: 42px;padding-bottom: 32px;}
.ind_news ul{margin-top: 79px;display: inherit;}
.ind_news ul li{width: 100%;}
.ind_news ul li .imgBox{height: 207px;}
.ind_news ul li p{margin-top: 18px;padding-bottom: 18px;}
.ind_news .more span{margin-right: 9px;}
.ind_news .more i{margin-right: 16px;}
.contact{padding-top: 36px;padding-bottom: 36px;}
.contact .container{display: inherit;}
.contact .left_side{width: 100%;padding-right: 0;}
.contact .left_side ul li .iconBox{width: 28px;height: 28px;margin-right: 15px;}
.contact .left_side ul li span, .contact .left_side ul li a{font-size: 14px;}
.contact .left_side p{margin-top: 29px;margin-bottom: 16px;}
.contact .right_side{width: 100%;margin-top: 40px;}
.contact .verification{display: flex;}
.contact .right_side .button{margin-top: 24px;}
.goTop{display: none;}
footer{padding-top: 20px;}
footer .footerwarp{display: none;}
footer .copy{display: inherit;padding: 0;margin-top: 0;padding-left: 15px;}
footer .copy p{text-align: left;}
/* 关于我们 */
.nei_ban{height: 100px;width: 100%;}
.nei_ban .txtBox h2{padding: 0;font-size: 24px;line-height: 32px;}
.nei_ban .txtBox h1{font-size: 20px;text-align: center;}
.about1 .container{padding-top: 24px;padding-bottom: 34px;}
.about1 .left_side{width: 100%;padding-left: 0;margin-top: 30px;}
.about1 .left_side p{margin-top: 26px;}
.about1 .right_side{width: 100%;height: 228px;margin-top: 32px;}
.about1 .container{display: inherit;}
.about2{padding-top: 37px;padding-bottom: 37px;width: 100%;overflow-x: scroll;}
.about2 .divIntro{width: 1500px;}
.about3{padding: 50px 0;}
.about3 ul{display: inherit;margin-top: 12px;}
.about3 ul li{width: 100%;}
.about3 ul li .imgBox{height: 446px;}
.about3 ul li .txtBox{margin-top: 4px;}
.about4{padding-top: 36px;padding-bottom: 48px;}
.about4 .middle_item{flex-direction: column;align-items: center;margin-top: 48px;margin-bottom: 42px;}
.about4 .middle_item .line{width: 1px;height: 46px;margin-top: 0;}
.about4 .bottom1,.about4 .bottom2{padding: 0;}
/* 产品列表 */
.products{padding-top: 32px;padding-bottom: 20px;}
.products .container{display: inherit;}
.products .left_side{display: none;}
.products .product_content{width: 100%;padding-left: 0;}
.products .product_content .search input{width: 76%;padding-left: 17px;}
.products .product_content .search .button{width: 24%;}
.products .product_content .product_details .item{display: inherit;padding-left: 0;}
.products .product_content .product_details .item .imgBox{margin-bottom: 10px;width: 100%;}
.products .product_content .product_details .item span{margin-bottom: 10px;width: 100%;text-align: center;}
.products .product_content .product_details .item span:nth-child(3){display: block;}
.products .product_content .product_details .item .right{margin-top: 10px;}
/* 产品详情 */
.proDetail{margin-top: 28px;}
.proDetail .container{display: inherit;}
.proTop .dotBoxL{width: 100%;}
.proTop .dotBoxL .videoBox{width: 100%;height: 300px;}
.proTop .dotBoxL .videoBox video{width: 100%;height: 300px;}
.proTop .dotBoxL ol{width: 100%;height: 300px;}
.proTop .dotBoxL ul li{width: 88px;height: 88px;}
.proDetail .container .txtBox{width: 100%;padding-left: 0;padding-top: 32px;}
.proDetail .container .txtBox .content .content1 span{width: 128px;}
.details{padding-top: 15px;padding-bottom: 10px;}
.details .title .txt1{font-size: 15px;}
.details .title .txt2{font-size: 18px;}
.details .title .txt3{font-size: 15px;}
.details ul li{width: 100%;}
.details ul li .imgBox{height: 206px;}
.related_products{padding-bottom: 24px;}
.related_products ul{margin-top: 34px;display: inherit;}
.related_products ul li{width: 100%;margin-bottom: 20px;}
.purchase{padding: 45px 0;}
.purchase .content{display: inherit;margin-top: 34px;}
.purchase .content .left{width: 100%;}
.purchase .content .left .imgBox{height: 304px;}
.purchase .content .right{width: 100%;padding-left: 0;}
.inquiryBox1 span{width: 80px;}
.inquiryBox1 input{width: 100%;}
.inquiryBox1 form .selectCon{width: 100%;}
.inquiryBox1 form .selectCon input{width: 70%;}
.inquiryBox1 .inputBox textarea{width: 100%;}
.inquiryBox1 .inputBox .codeBox{width: 100%;}
.purchase .inputBox.required .tips{margin-left: 0;}
.purchase .inquiryBox1 .inputBox{margin-bottom: 10px;}
.inquiryBox1 .inputBox .triangle{z-index: 0;}
.inquiryBox1 .inputBox select{width: 28.5%;}
.RequiredText{margin-left: 0;}
.inquiryBox1 .submitBtn{margin-left: 0;}
/* 新闻列表 */
.newsBox{padding-bottom: 26px;}
.newsBox .contentBox .item{padding: 16px 0;display: inherit;}
.newsBox .contentBox .item .left_side{padding-right: 0;}
.newsBox .contentBox .item .txt2{margin: 16px 0;}
.newsBox .contentBox .item .txt3{margin-bottom: 22px;}
.newsBox .contentBox .item .right_side a{width: 100%;height: 240px;margin-top: 20px;}
/* 招聘 */
.job{padding: 0;}
.job .txt3{margin-bottom: 34px;}
.job h3{margin-top: 24px;}
.job .item .overview{height: 46px;padding-left: 22px;padding-right: 15px;}
.job .item .overview .position h2 .txt1{font-size: 15px;}
.job .item .overview .position h2 .txt2{font-size: 18px;}
.job .item .overview .position h2 .txt3{font-size: 15px;}
.job .item .overview .iconfont{font-size: 16px;}
/* 联系我们 */
.contact1{padding-top: 18px;}
.contact1 #container{height: 278px;}
.contact2 ul{display: inherit;}
.contact2 ul li{width: 100%;margin-bottom: 15px;}
.contact2{padding-bottom: 16px;}
/* 购物车 */
.cart_content table tr:first-child th:first-child{padding-left: 0;}
.cart_content table th{padding-left: 0;}
.confirm .confirm_box{padding: 15px;background-color: #e5e7e9;}
.confirm .confirm_box .title{font-size: 22px;}
.confirm .confirm_box .title::after{bottom: -20px;}
.confirm .confirm_box .inputBox input{width: 100%;}
.inputBox.required .tips{margin-left: 84px;}
.confirm .confirm_box .inputBox.required .tips{left: 0;margin-left: 0;}
.confirm .confirm_box .inputBox textarea{width: 100%;}
.confirm .confirm_box .sumbit{margin-left: 0;}
.advantage-card{min-height:auto;}
.about1 .right_side img {
  
    width: 100%;
}
.timeline-text,.timeline-date,.timeline-year,.timeline-image{padding-left:0 !important;}
.timeline-image{margin-left:0 !important;}
.section-header {
  
    padding: 0 20px;
}
.othFactory ul{grid-template-columns: repeat(1, 1fr);}
}