/**/
#about_intro{padding:75px 0;}
#about_intro .left{float: left;width:48.3%}
#about_intro .left h1{font-size: 40px;}
#about_intro .left>p{font-size: 16px;line-height: 25px;margin:40px 0 55px}
#about_intro .right{float: right;width:42.5%;padding-top: 80px;}
#about_intro .right img{display: block;width: 100%;}

#about_intro .num_box{}
#about_intro .num_box ul{overflow: hidden;}
#about_intro .num_box  ul{overflow: hidden;display: flex;}
#about_intro .num_box ul li{float: left;flex:1;display: flex;justify-content: center;}
#about_intro .num_box ul li:nth-child(1){    justify-content: left;}
#about_intro .num_box ul li:nth-child(2){}
#about_intro .num_box ul li:nth-child(3){}
#about_intro .num_box ul li div{font-size: 32px;margin-bottom: 10px;}
#about_intro .num_box ul li p span{font-size: 70px;color:#0072da;}
#about_intro .num_box ul li p font{font-size: 30px;color:#0072da;}

@media(max-width:1680px){
}

@media(max-width:1440px){
    #about_intro .num_box ul li div{font-size: 26px;}
    #about_intro .num_box ul li p span{font-size: 55px;}
    #about_intro .num_box ul li p font{font-size: 24px;}
    #about_intro .num_box ul{width: 100%;}
    #about_intro .left h1{font-size: 30px;}
}


@media(max-width:1280px){
    #about_intro .num_box ul li div{font-size: 22px;}
    #about_intro .num_box ul li p span{font-size: 45px;}
    #about_intro .num_box ul li p font{font-size: 20px;}
}

@media(max-width:1100px){
    /**/
    #about_intro{padding:0 0 35px}
    #about_intro .left h1{font-size: 24px;}
    #about_intro .left>p{margin:15px 0;font-size: 14px;line-height: 23px;}
    #about_intro .num_box ul li div{font-size: 18px;}
    #about_intro .num_box ul li p span{font-size: 34px;}
    #about_intro .num_box ul li p font{font-size: 16px;}
}


@media(max-width:768px){
    #about_intro .num_box ul li div{font-size: 16px;}
    #about_intro .num_box ul li p span{font-size: 28px;}
    #about_intro .num_box ul li p font{font-size: 14px;}
    #about_intro .num_box ul li .flex_box div{height: 35px;}
    #about_intro .left{width: 100%;margin-bottom: 20px;}
    #about_intro .right{width:100%;padding-top: 0;}
}








/**/
#about_history{width: 100%;padding:125px 0 0;position: relative;
    background-image: url(../images/his-back.webp);background-position: center;background-size: cover;background-repeat: no-repeat;}
#about_history h1{margin-bottom: 70px;color: #fff;font-size: 40px;}
#about_history h1 p{font-size: 16px;line-height: 24px;}
#about_history .left {float: left;width: 40%;}
#about_history .left .swiper-container{height: 770px;}
#about_history .left.absolute{bottom: 260px;top: unset;}
#about_history .left .img{overflow: hidden;}
#about_history .left img{display: block;margin: 0 auto;width: 100%;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
#about_history .left .img:hover img{transform: scale(1.05);}
#about_history .right{float: right;width: 50%;position: relative;overflow: hidden;/* margin-top:30px; */}
#about_history .right .swiper-container{height: 770px;}
#about_history .right::after{content:"";height: 100%;width: 1px;background-color: #fff;position: absolute;left: 25px;top: 5px;}
#about_history .right .swiper-container{padding:10px;}
#about_history .right .swiper-slide-box{position: relative;padding-left: 125px;}
#about_history .right .swiper-slide-box i{position: absolute;left: -10px;top:-10px;width: 50px;height: 50px;text-align: center;line-height: 50px;
font-size: 16px;color: #666;background-color: #fff;border-radius: 50%;font-style: normal;}
#about_history .right .swiper-slide-box .con{background-color: rgba(92 137 141 / 30%);border-radius: 15px;padding:25px 40px;transform: translateY(-10px);}
#about_history .right .swiper-slide-box h2{font-size: 60px;margin-bottom: 10px;font-weight: 400;color:#fff;font-family: "Bahnschrift";}
#about_history .right .swiper-slide-box ul li{list-style-type: disc;margin-left: 17px;font-size: 16px;line-height: 28px;color: #666;font-weight: 200;}
#about_history .right .swiper-slide-box ul li::marker{color:#ccc}

#about_history #swiper-clear{width: 50px;position: absolute;left: -10px;bottom: 20px;z-index: 333;animation: fly 1s infinite;}
#about_history #swiper-clear:hover{}
#about_history #swiper-clear img{width: 20px;}

#about_history .right .swiper-slide-box .con b{font-size: 20px;line-height: 24px;color: #fff;display: block;margin-bottom: 5px;}
#about_history .right .swiper-slide-box .con p{font-size: 18px;line-height: 24px;color: #fff;height: 80px;}

/* #about_history .right .swiper-slide-active i{background-color: #cba571;color: #fff;} */
#about_history .right .swiper-slide-thumb-active i{background-color: #cba571;color: #fff;}


#about_history h1 p{font-size: 16px;line-height: 24px;display: inline-block;
    width: 470px;font-weight: normal;padding-left: 15px;border-left: 1px solid rgba(255,255,255,0.5);}

@keyframes fly{
    0%{
        bottom:20px;
    }
    50%{
        bottom:35px;
    }
    100%{
        bottom:20px;
    }
}


/**/
@media(max-width:1500px){
    #about_history h1{font-size: 32px;}
    #about_history .right .swiper-slide-box h2{font-size: 40px;}
    #about_history .right .swiper-slide-box b{font-size: 18px;}
    #about_history .right .swiper-slide-box .con p{font-size: 15px;line-height: 22px;}
}

@media(max-width:1280px){
    #about_history .right .swiper-slide-box{padding-left: 50px;}
}

@media(max-width:1100px){
    #about_history{padding:35px 0;}
    #about_history .left{width: 100%;position: relative;top: 0;}
    
    #about_history h1{margin-bottom: 20px;font-size: 24px;}
    #about_history h1 p{width: 100%;margin-top: 10px;}
    
    #about_history .left img{margin-left: 0;}

    #about_history .left .swiper-container{height: auto;}
    #about_history .left .img{padding:0 10%}

    #about_history .right{width: 100%;}
    #about_history .right .swiper-container{height: auto;padding: 0;padding-top: 65px;}

    #about_history .right .swiper-slide-box{padding-left: 0;}
    #about_history .right .swiper-slide-box .con p{height: auto;}

    #about_history .right{}
    #about_history .right .swiper-slide-box i{left: 0;top: -10px;transform: translateY(-53px);}
    #about_history .right::after{content:"";height: 1px;width: 100%;left: 0;top: 25px;}

    
    #about_history #swiper-clear{display: none;}
    
}

@media(max-width:768px){
    #about_history .left .img{padding:0%}
}





#about.about-page{padding:30px 0 80px;}

#about.about-page .mobile{display: none;}

#about .about-icons{margin-top: 40px;}
#about .about-icons .auto-box{display: flex;min-width: 1200px;background-color: #cba571;}
#about .about-icons .list{display: flex;height: 90px;align-items: center;flex:1;position: relative;background-color: #296367;padding-left: 5%;padding-right: 20px;
transition: all 0.7s ease;-webkit-transition: all 0.7s ease;background-repeat: no-repeat;background-position: 12% center;background-size: 35px auto;}
#about .about-icons .list::before{content: "";width: 2px;height: 70%;
position: absolute;right:0;top:50%;transform: translateY(-50%);background-color: rgba(255,255,255,0.4);}
#about .about-icons .list.active::after{content:"";display: block;border-left: 10px solid transparent;border-right: 10px solid transparent;
    border-top: 15px solid #cba571;position: absolute;left: 0;right: 0;margin:0 auto;bottom: -15px;width: 0px;opacity: 0;
    transition: all 0.7s ease;-webkit-transition: all 0.7s ease;}
#about .about-icons .list.active{background-color: #cba571;transform: translateX(-2px);}
#about .about-icons .list.active::before{opacity: 0;}
#about .about-icons .list.active::after{opacity: 1;}
#about .about-icons .list b{font-size: 22px;color: #fff;font-weight: normal;}
#about .about-icons .list span{font-size: 12px;color: #fff;}
#about .about-icons .list p{font-size: 12px;line-height: 15px;height: 30px;color: #fff;margin-top: 5px;}
#about .about-icons .list:nth-child(1){background-image: url(../images/about-list-icon1.png);}
#about .about-icons .list:nth-child(2){background-image: url(../images/about-list-icon2.png);}
#about .about-icons .list:nth-child(3){background-image: url(../images/about-list-icon3.png);}
#about .about-icons .list:nth-child(4){background-image: url(../images/about-list-icon4.png);}
#about .about-icons .list:nth-child(5){background-image: url(../images/about-list-icon5.png);}
#about .about-icons .list:nth-child(6){background-image: url(../images/about-list-icon6.png);}

#about .about-imgs{padding:50px 0 0px}
#about .about-imgs .list{overflow: hidden;}
#about .about-imgs .left{float: left;width: 59%;}
#about .about-imgs .left b{font-size: 41px;line-height: 45px;margin-bottom: 45px;display: block;}
#about .about-imgs .left ul li{font-size: 16px;line-height: 22px;color: #666;margin-bottom: 20px;padding-left: 25px;background-image: url(../images/imglist.png);background-repeat: no-repeat;background-position: left 3px;}
#about .about-imgs .img{float: right;width: 40%;overflow: hidden;border-radius: 20px;}
#about .about-imgs .img img{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#about .about-imgs .img:hover img{transform: scale(1.05);}
#about .about-imgs a{width: 150px;height: 30px;line-height: 30px;font-size: 14px;text-align: center;color: #cba571;outline: 1px solid #cba571;display: block;margin:1px}
#about .about-imgs a:hover{color: #fff;background-color: #cba571;}


@media(max-width:1500px){

    #about .about-imgs .left b{font-size: 34px;line-height: 38px;}
    #about .about-imgs .left ul li{font-size: 15px;line-height: 21px;margin-bottom: 15px;}
}

@media(max-width:1400px){
    #about .about-icons .list{background-position: 8% center;background-size: 30px auto;}
    #about .about-icons .list b{font-size: 18px;}

}

@media(max-width:1100px){
    #about.about-page{padding:35px 0;}
    #about .right{padding-left: 20px;}
    #about .about-icons {overflow-x: auto; overflow-y: hidden;padding-bottom: 0px;margin-top: 0;}
    #about .about-icons::-webkit-scrollbar{width: 4px;height: 4px;background-color: rgba(100,100,100,0.3);position: relative;top: -5px;}
    #about .about-icons::-webkit-scrollbar-thumb{background-color: #fff;}
    #about .about-icons .auto-box{height: 90px;}

    #about .about-imgs{padding-top: 20px;}
    #about .about-imgs .left{width: 100%;}
    #about .about-imgs .left b{font-size: 24px;line-height: 30px;        margin-bottom: 15px;}
    #about .about-imgs .left ul li{font-size: 14px;line-height: 18px;margin-bottom: 10px;}

    #about .about-imgs .img{width: 100%;padding:0 10%}
    #about .about-imgs a{margin-top: 15px;}

    #about.about-page .mobile{display: block;}
    #about.about-page .mobile{display: block;position: relative;width: 100%;margin:15px auto;height: 40px;background-color: #f9f9f9;}
    #about.about-page .mobile::before{content: "";display: block;width: 100%;height: 1px;background-color: #aaa;position: absolute;left:0;right:0;top: 50%;transform: translateY(-50%);}
    #about.about-page .mobile::after{content: "";display: block;width: 60px;height: 40px;font-size: 15px;line-height: 20px;
        background-color: #f9f9f9;background-image: url(../images/logol.png);background-repeat: no-repeat;background-position: center;background-size: 23px;
    position: absolute;left:0;right:0;top: 0;z-index: 2;text-align: center;margin: 0 auto;border-radius: 50%;}
    
}

@media(max-width:768px){
    #about .about-imgs .img{padding:0%}
}





/*#about-cultrue*/
#about-cultrue{background-color: #f5f5f5;padding:80px 0 90px;}
#about-cultrue .cul-title{font-size: 76px;font-weight: bold;color: #d4d4d4;margin-bottom: 40px;}
#about-cultrue .img{float: left;width: calc(100% - 650px);position: relative;}
#about-cultrue .img::before{content:"";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: url(../images/play.webp);background-position: center;background-repeat: no-repeat;z-index: 333;}
#about-cultrue .img video{position: absolute;width: 100%;height: 100%;top:50%;transform: translateY(-50%);}

#about-cultrue .img img{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;overflow: hidden;}
#about-cultrue .img:hover img{transform: scale(1.05);}
#about-cultrue .cul-con{float: right;width: 650px;padding-left: 55px;}

#about-cultrue .cul-con li{margin-top: 65px;padding-left: 72px;background-repeat: no-repeat;background-position: left top;min-height: 57px;}
#about-cultrue .cul-con li:nth-child(1){background-image: url(../images/cul1.webp);}
#about-cultrue .cul-con li:nth-child(2){background-image: url(../images/cul2.webp);}
#about-cultrue .cul-con li:nth-child(3){background-image: url(../images/cul3.webp);}
#about-cultrue .cul-con p{font-size: 16px;line-height: 24px;color: #666;}
#about-cultrue .cul-con b{font-size: 22px;line-height: 30px;color:#cba571;display: block;}
#about-cultrue .cul-con p strong{font-size: 20px;color: #666;}

@media(max-width:1680px){

}

@media(max-width:1500px){
    #about-cultrue .cul-title{font-size: 60px;}
    #about-cultrue .cul-con li{margin-top: 45px;}
    #about-cultrue .cul-con p strong{font-size: 20px;line-height: 26px;}
    #about-cultrue .cul-con p{font-size: 14px;line-height: 21px;}
}

@media(max-width:1280px){
    #about-cultrue .cul-title{font-size: 45px;}
    #about-cultrue .cul-con li{margin-top: 25px;}
}

@media(max-width:1100px){
    #about-cultrue{padding:35px 0}
    #about-cultrue .img{width: 100%;padding:0 10%}

    #about-cultrue .cul-con{width: 100%;margin-top: 20px;padding-left: 0;}
    #about-cultrue .cul-title{font-size: 32px;margin-bottom: 15px;}
    #about-cultrue .cul-con li{margin-top: 15px;}
    #about-cultrue .cul-con p strong{font-size: 16px;line-height: 20px;}
    #about-cultrue .cul-con p{font-size: 13px;line-height: 18px;}
}

@media(max-width:768px){
    #about-cultrue .img{padding:0%}
    
}




/*#about-factotry*/

#about-fact {padding:70px 0}
#about-fact h1{text-align: center;}
#about-fact .des{margin:25px auto 50px;text-align: center;line-height: 20px;color: #666;}

#about-fact .fact-cate{display: flex;gap: 2%;margin-bottom: 55px;}
#about-fact .fact-cate a{display: block;flex:1;padding:10px 15px;text-align: center;border: 1px solid #cba571;color: #666;font-size: 16px;
transition: all 0.7s ease;-webkit-transition: all 0.7s ease;border-radius: 5px;}
#about-fact .fact-cate a.active{color:#fff;background-color: #cba571;}
#about-fact .fact-box{overflow: hidden;position: relative;}
#about-fact .fact-box li{opacity: 0;z-index: -1;position: absolute;top:0;left:0;transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;}
#about-fact .fact-box li.active{opacity: 1;z-index: 1;position: relative;}
#about-fact .fact-box li .list{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;border-radius:5px;overflow: hidden;}
#about-fact .fact-box li .list:nth-child(4n){margin-right: 0;}

#about-fact .fact-box li .list .img{}
#about-fact .fact-box li .list p{font-size: 18px;color: #fff;background-color: #296367;text-align: center;padding:10px;}


/**/
@media(max-width:1500px){

}

@media(max-width:1280px){

}

@media(max-width:1100px){
    #about-fact{padding:35px 0}
    #about-fact .des{margin:20px 0;}
    #about-fact .fact-cate{margin-bottom: 15px;}
    #about-fact .fact-cate{flex-wrap: wrap;}
    #about-fact .fact-cate a{width: 49%;flex:unset;margin-bottom: 2%;font-size: 14px;}

    #about-fact .fact-box li .list{width: 49%;}
    #about-fact .fact-box li .list:nth-child(4n){margin-right: 2%;}
    #about-fact .fact-box li .list:nth-child(2n){margin-right: 0;}
    #about-fact .fact-box li .list p{font-size: 14px;}

}

@media(max-width:768px){

}






/*#about-certification*/

#about-cert{padding:100px 0;background-color: #f5f5f5;}
#about-cert h1{text-align: center;}
#about-cert .des{margin:25px auto 50px;text-align: center;line-height: 22px;}

#about-cert .cert-box {padding: 0 125px;position: relative;padding-bottom: 20px;box-shadow: 0 40px 25px -25px #aaa;}
#about-cert .swiper-prev{left:0;top:50%;transform: translateY(-50%);position: absolute;}
#about-cert .swiper-next{right:0;top:50%;transform: translateY(-50%);position: absolute;}
#about-cert .swiper-prev i{font-size: 40px;}
#about-cert .swiper-next i{font-size: 40px;}

#about-cert .img{position: relative;display: flex;align-items: center;justify-content: center;padding:20px;overflow: hidden;}
#about-cert .img::after{content:"";display: block;position: absolute;width: 100%;height: 100%;left:0;top:0;
  background-image: url(../images/k.webp);background-size: 100% 100%;}
#about-cert .img img{width: 100%;height: auto;}

@media(max-width:1500px){

}

@media(max-width:1100px){
    #about-cert{padding:35px 0}
    #about-cert .cert-box{padding:0 20px}
}
@media(max-width:768px){
    #about-cert .swiper-prev{width: 10px;}
    #about-cert .swiper-next{width: 10px;}
    
}





/*odm-oem*/

#cust-page{padding:20px 0 40px;}
#cust-page .left{float: left;width: calc(100% - 779px);}
#cust-page .left .title{position: relative;text-align: center;margin-bottom: 65px;}
#cust-page .left .title img{width: 100%;}
#cust-page .left .left-img .img{width: 100%;}

#cust-page .right{float: right;width: 535px;}
#cust-page .right ul li{padding:15px 0;border-bottom: 1px solid #cba571;}
#cust-page .right ul li:nth-child(1){margin-top: 0;}
#cust-page .right ul li:nth-child(5){border-bottom: 0;}
#cust-page .right ul li .cust-title{font-size: 22px;margin-bottom: 15px;
border-bottom: 1px solid #cba571;display:inline-block}
#cust-page .right ul li .cust-list{display: flex;padding:0 10px;}
#cust-page .right ul li .cust-list>div{flex:1;display: block;text-align: center;}
#cust-page .right ul li .cust-list>div .img {height: 70px;display: flex;align-items: center;justify-content: center;}
#cust-page .right ul li .cust-list>div img{max-width: 100%;max-height: 80%;height: auto;width: auto;}
#cust-page .right ul li .cust-list>div p{font-size: 14px;line-height: 20px;margin-top: 15px;}



#cust-produce{background-color: #f5f5f5;padding:120px 0 80px}
#cust-produce h1{text-align: center;color: #fff;}
#cust-produce h1 img{max-width: 100%;width: auto;margin:0 auto}

#cust-produce .des{font-size: 24px;line-height: 30px;width: 80%;margin:40px auto;color: #9b9b9b;text-align: center;}

#cust-produce .produce-box{display: flex;gap: 200px;margin:0 auto;width: 600px;}
#cust-produce .produce-box a{width: 200px;height:200px;text-align: center;line-height: 200px;border-radius: 50%;
    display: block;background-color: #fff;font-size: 54px;position: relative;}

#cust-produce .produce-box a::after{content:"";display: block;box-shadow: 0 10px 13px -1px #cba571;position: absolute;
    width: 100%;height: 100%;border-radius: 50%;top:0;left:0;transform: rotate(0deg);transition: all .9s;-webkit-transition: all .9s;}
#cust-produce .produce-box a:hover,#cust-produce .produce-box a.active{color: #cba571;}
#cust-produce .produce-box a:hover::after,#cust-produce .produce-box a.active::after{animation: Rotate 1s linear  infinite;}

#cust-produce h3{font-size: 40px;text-align: center;color: #cba571;margin-top: 40px;}

@keyframes Rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media(max-width:1500px){
    #cust-page .right{width: 635px;}
}
@media(max-width:1100px){
    #cust-page .left{width: 100%;margin-bottom: 20px;}
    #cust-page .right{width: 100%;}
}

@media(max-width:768px){
    #cust-page .right ul li .cust-title{font-size: 18px;}
    #cust-page .right ul li .cust-list>div p{font-size: 12px;}
    #cust-page .right ul li .cust-list>div .img{height: 45px;}
    #cust-page .right ul li .cust-list{padding: 0;}
}




#produce-con{}
#produce-con .w1500{overflow: hidden;}
#produce-con ul li{display: none;padding:110px 0 30px;background-size:cover;background-position:center;}
#produce-con ul li:nth-child(1){background-image: url(../images/produce-back.webp);}
#produce-con ul li:nth-child(2){background-image: url(../images/odm/odm-back.webp);}
#produce-con ul li.active{display: block;}

#produce-con ul li h2{font-size: 40px;font-weight: bold;margin-bottom: 30px;color: #fff;}

#produce-con ul li .con{display: flex;flex-wrap: wrap;column-gap: 4%;justify-content: center;position: relative;}
#produce-con ul li .con .list{background-color: #fff;border-radius: 10px;margin-bottom: 2%;
position: relative;z-index: 3;width: 30%;padding:15px;}
#produce-con ul li .con .list .img{float: left;margin-right: 15px;position: relative;z-index: 4;}
#produce-con ul li .con .list p{font-size: 16px;line-height: 21px;color: #666;position: relative;z-index: 4;padding: 10px;height: 184px;overflow: hidden;overflow-y: auto;}

#produce-con ul li .con .list p::-webkit-scrollbar{width: 3px;}
#produce-con ul li .con .list p::-webkit-scrollbar-thumb{background-color: #cba571;}
#produce-con ul li .con .list p::-webkit-scrollbar-track-piece{background-color: rgba(203, 165, 113,0.2);}

#produce-con ul li .con .list span{font-size: 124px;position: absolute;bottom: -20px;right: 10px;color: #cfa872;font-weight: bold;opacity: 0.2;font-family: "Bahnschrift";}

#produce-con ul li .con:nth-child(2)::after{content: "";border-right: 2px dashed #fff;border-top: 2px dashed #fff;height: 100%;width: 80%;
display: block;position: absolute;right: 0;transform: translateY(44%);}



#produce-con ul li .con .list:nth-child(2)::before,
#produce-con ul li .con .list:nth-child(3)::before{
    content: "";
    position: absolute;
    display: block;
    left:0;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 6px solid #fff;
    background-color: #296367;
    z-index: 1;
}


#produce-con ul li .con:nth-child(3)::after{
    content: "";
    width: 30%;
    border-top: 2px dashed #fff;
    border-left: 2px dashed #fff;
    height: 100%;
    display: block;
    position: absolute;
    top: -2px;
    left: 0%;
    transform: translateY(44%);
}


#produce-con ul li .con:nth-child(3) .list:nth-child(1)::after,
#produce-con ul li .con:nth-child(3) .list:nth-child(2)::after{
    content: "";
    position: absolute;
    display: block;
    left:0;
    top:50%;
    transform: translateX(60%) translateY(-50%);
    width: 100%;
    border-top: 2px dashed #fff;
    z-index: 1;
    opacity: 1;
}

#produce-con ul li .con:nth-child(3) .list:nth-child(1)::before,
#produce-con ul li .con:nth-child(3) .list:nth-child(2)::before{
    content: "";
    position: absolute;
    display: block;
    right:0;
    left: auto;
    top:50%;
    transform: translateX(50%) translateY(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 6px solid #fff;
    background-color: #296367;
    z-index: 3;
}


#produce-con ul li .con:nth-child(4) .list:nth-child(1)::before{
    
    content: "";
    position: absolute;
    display: block;
    left:0;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 6px solid #fff;
    background-color: #296367;
    z-index: 1;
}

#produce-con ul li .con:nth-child(4) .list:nth-child(1)::after{display: none;}

#produce-con ul li .con:nth-child(4)::after{
    content: "";
    position: absolute;
    display: block;
    left:0;
    top: 44%;
    transform: translateX(0%) translateY(-50%);
    width: 50%;
    border-top: 2px dashed #fff;
    z-index: 1;
}




@media(max-width:1500px){
    #cust-produce .des{font-size: 20px;line-height: 26px;width: 100%;}

    #produce-con ul li .con .list .img{width: 45%;}
    #produce-con ul li .con .list p{font-size: 14px;line-height: 19px;}
    #cust-produce .des{font-size: 16px;line-height: 22px;}

    #cust-produce .produce-box{width: 100%;gap: 5%;justify-content: center;}
    #cust-produce .produce-box a{width: 100px;height: 100px;font-size: 24px;line-height: 100px;}

    #produce-con ul li h2{font-size: 32px;}
}
@media(max-width:1100px){
    #cust-produce{padding:35px 0}

    #produce-con ul li h2{font-size: 24px;}
    #produce-con ul li{padding:35px 0;}
    #produce-con ul li .con{display: block;}
    #produce-con ul li .con .list{width: 100%;overflow: hidden;}
    #produce-con ul li .con .list .img{width: 150px;}
    #produce-con ul li .con .list p{height: auto;width: calc(100% - 170px);float: right;}

    #produce-con ul li .con .list::after{display: none !important;}
    #produce-con ul li .con .list::before{display: none !important;}

    #produce-con ul li .con::before{display: none !important;}
    #produce-con ul li .con::after{display: none !important;}
}



@media(max-width:500px){
    #produce-con ul li .con .list .img{width: 100%;}
    #produce-con ul li .con .list p{width: 100%;margin-top: 10px;} 
}



#outvideo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9999;
}

#outvideo .posbox {
	position: relative;
	z-index: 89;
	background: #000;
	max-width: 65%;
	width: 100%;
	height: 65%;
	justify-content: center;
	align-items: center;
	display: flex;
}

#outvideo .posbox iframe {
	width: 100%;
	height: 100%;
}

#outvideo .posbox a {
	content: "";
	position: absolute;
	right: -20px;
	top: -20px;
	background-color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
}

#outvideo .posbox a::after {
	content: "X";
	width: 100%;
	height: 100%;
	line-height: 40px;
	border-radius: 50%;
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	transform: scale(1, 0.76);
}

@media screen and (max-width: 768px) {
	#outvideo .posbox {
		max-width: 65%;
		height: 45%;
	}
}