* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html, body {
            scroll-behavior: smooth;
            font-family: 'Noto Sans SC', sans-serif;
            overflow: hidden; /* 防止全局滚动条 */
            height: 100%;
        }
        
        .container {
            height: 100vh;
            overflow-y: scroll;
            scroll-snap-type: y mandatory;
        }
        
        .section {
            height: 100vh;
            scroll-snap-align: start;overflow: hidden;
           
            position: relative;
        }
        
     
     
     
        
        
        /*定义每一屏的背景色*/
        #home { background: linear-gradient(#000, #444);}
        #product1 {background:url(images/prodbg.jpg)bottom center no-repeat;background-size:cover;}
         #product2 {background:url(images/prodbg.jpg)bottom center no-repeat;background-size:cover;}
         #about {background:#fff url(images/aboutbg.jpg)center bottom no-repeat; }
        #power {background: linear-gradient(135deg, #fff, #eee);}
         #youshi { background: #e3eaf1 url(images/youshibg.jpg)center bottom no-repeat; background-size:cover; }
        #case {background: linear-gradient(135deg, #f5f5f5, #eee);}
         #news { background:#e3eaf1; }
     #copyright {background: #1d1d1d;}
        
        
        
        .nav-dots {
            position: fixed;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 100;
        }
        
        .dot {
            display: block;
            width: 10px;
            height: 10px;border: 2px solid #fff;
            margin: 12px 0;
            background: #00248a;
            border-radius: 50%;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .dot.active {
            background: #00910f;
            transform: scale(1.8);
        }
        .navbg{ background:transparent; border-bottom:none;}
      
     /*首页产品展示*/
    .prodall{
        width: 100%;box-sizing: border-box;padding: 2.5vw 0 0 0; overflow: hidden;
    } 
    .top100{ height:100px;}
    .prodb{position:relative;}
    .prodb:After{display:block;content: "";clear:both;}
    .prodb li{width:49%;
        display: block;float: left;position: relative;
    }
    .prodb li:nth-of-type(2n){ margin-left:2%;}
    .cpgd{
        width: 90%;margin: 0 auto;overflow: visible;
    }
   .prodb li .pic{
       display: block;overflow: hidden;
   }
    .prodb li a img{
        display: block;width: 100%;overflow: hidden;transition: all ease 0.5s;
    }
    .prodb li:hover a img{ transform:scale(1.1);}
   .prodb .swiper-container:hover .swiper-button-next,.prodb .swiper-button-next{ 
       opacity:1;left: 1vw;right: auto;font-size: 36px;color: #666; background:none;width: auto;height: auto;line-height: 1;top:55%;
   }
   .prodb .swiper-container:hover .swiper-button-prev,.prodb .swiper-button-prev{ 
       opacity:1;right: 1vw;left: auto;font-size: 36px;color: #666;background:none;width: auto;height: auto;line-height: 1;top:55%;
   }

   .p5vw{
       padding: 0 5vw;
   }
   
   .prodb a .text{
        position: absolute;width: 100%;text-align: center;top: 3.5vw;line-height: 1.6;
    }
    .prodb a .text dl{font-size:30px;color:#222;}
    .prodb a .text dt{font-size:17px;color:#666;font-family:"arial";}
    .prodb a:hover .text dl{color:#00248a;}
    
    
    /*公司简介*/
.about{overflow: hidden;
    width: 100%;min-width: 1300px;padding: 5vw 5vw 2vw 5vw; background: url(images/aboutbg.jpg)center bottom no-repeat; display:flex;justify-content: space-between;
    box-sizing: border-box;
}

.about .pic{width:50%;position:relative;}
.about .pic .circle{position: absolute;top: 0;left: 0;
    width: 100%;height: 100%;display: flex;justify-content: center;
    align-items: center;
}
.about .pic .shipin{z-index: 4;position: relative;display: block;text-align: center;
    cursor: pointer;
    width: 100px; 
    color: #00248a;
    font-size: 30px;
    line-height: 100px;
    margin: 0 auto;
    }
    .shipinbg{
        position: relative; margin-top: -1vw;
    }
    .shipinbg:after{content:"";border-radius: 50%;z-index: 2;
    display: block;width: 60px;height: 60px;top: 20px;background: rgba(255,255,255,60%);position: absolute;left: 0;right: 0;margin: 0 auto;
 animation: arrow  2s infinite;    -moz-animation: arrow 2s infinite;    -ms-animation: arrow 2s infinite;    -o-animation: arrow 2s infinite;    -webkit-animation: arrow 2s infinite;}

@-webkit-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 60px;height: 60px;top: 20px; opacity:0;}

}
@-moz-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 60px;height: 60px;top: 20px; opacity:0;}
}
  
@-o-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 60px;height: 60px;top: 20px; opacity:0;}
}


.shipinbg:before{content:"";border-radius: 50%;z-index: 1;
    display: block;width: 100px;height: 100px;top: 0;background: rgba(255,255,255,50%);position: absolute;left: 0;right: 0;margin: 0 auto;
 animation: arrow  4s infinite;    -moz-animation: arrow 4s infinite;    -ms-animation: arrow 4s infinite;    -o-animation: arrow 4s infinite;    -webkit-animation: arrow 4s infinite;}

@-webkit-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 100px;height: 100px;top: 0; opacity:0;}

}
@-moz-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 100px;height: 100px;top: 0; opacity:0;}
}
  
@-o-keyframes arrow
  
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 100px;height: 100px;top: 0; opacity:0;}
}
    
    
.about .pic img{
    display: block;width: 100%;height: auto;
}



/*点击弹出视频*/
.shipinbf{
display: none;
    position: fixed;
    top: 0;
    justify-content: center;
    left: 0;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.8);
    z-index:11;
    align-items: center;
}
.biankuan { margin-top:100px;
    padding: 3vw;
    overflow: hidden;
    width: 1200px;
    height: auto; min-height:450px;
    box-sizing: border-box;
    background: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #444;
    position: relative;
}

.tanchuaa {
    position: absolute;
    box-sizing: border-box;
    cursor: pointer;
    height: 80px;
    padding: 20px 0 0 25px;
    width: 80px;
    line-height: 58px;
    font-size: 20px;
    background: #00248a;
    border-radius: 50%;
    overflow: hidden;
    right: -30px;
    top: -30px;
    color: #fff;
}
.tanchuaa a{color: #fff; font-size:16px;}
.tanchuaa:hover a{color:#ffde39;}
.video_n{
    display: block;width: 100%; max-height: 600px;
}


.about .word{ width: 50%;position: relative;box-sizing: border-box;padding-right: 3vw; padding-top:1vw;}
.about .word h2{ font-size:46px;color:#222; line-height:1;}
.about .word h3{ font-size:30px;color:#222; line-height:2; margin-bottom:1.4vw;
    font-weight: normal;
}
.about .word .wenzi{overflow : hidden; font-size:16px;line-height: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
   
.linksjj{border-radius: 8px;overflow: hidden;
    display: block;margin: 2.5vw 0 2.5vw 0;width: 180px;line-height:50px;background: #00248a;color: #fff;font-size: 16px;text-align: center;transition: all ease 0.5s;
}  
.linksjj:hover{ background:#00910f;color:#fff; width:240px;letter-spacing:2px;overflow: hidden;}
    
.linksbd{
    display: block;margin-top: 3vw;width: 180px;line-height:50px;background: rgba(255,255,255,10%);color: #fff;font-size: 16px;text-align: center;transition: all ease 0.5s;border-radius: 8px;overflow: hidden;
}  
.linksbd:hover{ background:#00910f;color:#fff; width:240px;letter-spacing:2px;}
    
        
    
/*数字滚动*/
.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;  font-size:20px; color:#333; text-align:center; 
    }
.num span,.num i{ display:inline-block; vertical-align:-webkit-baseline-middle;}
.num span{ font-size:58px; color:#000000; font-family:arial; position:relative; z-index:3;}
.num i{ border-radius:50%; width:30px; height:30px; font-size:22px; line-height:26px; color:#fff; background:#00248a; margin-left:3px;}
.num p+p{ margin-top:1px;}



/*车间展示*/
.chejianqh{
    width: 100%;height: 100vh;min-width: 1300px;position: relative;
}
.chejianqhy li{animation: bgScale 10s infinite;overflow: hidden;
   width: 100%;height: 100vh;background: url(images/chejianpic1.jpg)center no-repeat;background-size: cover;
}

 @keyframes bgScale {
            0% {
                transform: scale(1);
            }
            66.7% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1);
            }
        }
        

.chejianqhy #mncon2{background: url(images/chejianpic2.jpg)center no-repeat;}
.chejianqhy #mncon3{background: url(images/chejianpic3.jpg)center no-repeat;}
.chejianqhy #mncon4{background: url(images/chejianpic4.jpg)center no-repeat;}
.chejianqhy #mncon5{background: url(images/chejianpic5.jpg)center no-repeat;}
.chejianqhy #mncon6{background: url(images/chejianpic6.jpg)center no-repeat;}





.chejianqhz{
    position: absolute;left: 5vw;bottom: 22vh; z-index: 5;
}
.linkmorecj{text-align: center;transition: all ease 0.5s;
    display: block;width: 150px;line-height: 50px;background: #00910f;color: #fff;font-size: 17px;position: absolute;left: 5vw;bottom: 10vh; border-radius: 8px;overflow: hidden;
}
.linkmorecj:hover{ background:#00248a;color:#fff; width:180px;}

.chejianqhz li{width: 180px;border-radius: 10px;overflow: hidden;
    display: inline-block;border: 2px solid rgba(255,255,255,50%);line-height: 3;margin:0.5vw 1vw 0.5vw 0;cursor: pointer;text-align: center; background: rgba(0,0,0,10%);
}
.chejianqhz li a{font-size: 20px;color: #fff;display:block;}
.chejianqhz li.nep01{ background:#00248a;}
.chejianqhz li.nep01 a{color:#fff;}

.chejianqh .text{z-index: 5;
    position: absolute;left: 5vw;top: 22vh;color: #fff;line-height: 1.8;font-size:17px;max-width: 590px;
}
.chejianqh .text dl{ font-size:46px;margin-bottom:3vh;}


/*工程案例*/
.caseall{
    width: 100%;min-width: 1300px;padding:1vw 4.6vw 0 5vw;
}
.caseall .prodt{ margin-bottom:2vw;}
.caseb{
    display: flex;justify-content: space-between;align-items: center;
}
.caseb li{width:21%; border-box:border-box; position:relative;transition:all ease 0.5s;}
.caseb li.cur{width:34%;}
.caseb li .pic{overflow:hidden;height: 31vw;
    display: flex;align-items: center;justify-content: center;
}
.caseb li .pic img{display:block;height:100%;width:atuo;transition:all ease 0.5s;}
.caseb li.cur .pic img{ min-width:100%;}
.caseb li .txt{position:absolute;bottom: 0;width: 100%;margin: 0 auto;left: 0;right: 0;font-size: 16px;line-height: 1.4;
color:#fff;box-sizing: border-box;padding: 8vw 1.5vw 2vw 1.5vw; background: linear-gradient(to bottom,transparent,rgba(0,0,0,60%))
    
}
.caseb li .txt p{}
.caseb li .txt dl{ font-size:22px; margin-bottom:10px}
.prodt p{font-size:18px;line-height:1.4; padding-top:1vw;}

 .caset{
    display: flex;justify-content: space-between;align-items: center; margin-bottom: 2vw;
}
.caset dl{font-size:40px;color:#222;}
.caset a{line-height:44px;
    display: block;font-size: 17px;color: #222;width: 180px;border-radius: 30px;overflow: hidden;background: #fff;text-align: center;
}




/*新闻资讯*/
.newsall{position: relative;
    width: 100%;min-width: 1300px;overflow: hidden;padding: 3vw 4.5vw 0 5vw;
}

.news .prodt{ margin-bottom:1.5vw;}

.news{
   position: relative;margin: 0 auto;
}
.newsl{
    width: 41.5%;box-sizing: border-box; background: #fff;
}
.news .bd li .newsl a p{ margin-top:0.5vw !important; padding-bottom:1vh;}
.newsr{width:56%;
    display: block;justify-content: space-between;display: flex;
}
.newsl .pic{overflow:hidden; max-height:80%;}
.newsl .pic img{display:block;width:100%;height:auto;}
.newsl .txt{color: #666;
    font-size: 15px;
    line-height: 1.8;
    padding: 1.5vw 1.5vw 1vw 1.5vw;
    text-align: justify;
}
.newsl .txt h2{font-size:22px;line-height:1.4;color:#222;font-weight:normal;}

.picScroll-leftnews{}
.news .bd .picList{
   
}

.news .bd li{width:100%;cursor: pointer;
    display: flex;box-sizing: border-box;justify-content: space-between;
}
.news .bd li .newsr a{position: relative; width:48%; background: #fff;overflow: hidden;
    display: block;
}
.news .bd li a .pic{  position:relative;  overflow:hidden;}
.news .bd li a .pic img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}
.news .bd li a:hover .pic img{transform:scale(1.1);}

.news .bd li a .number{ margin: 0 auto;z-index: 3;
    position: absolute;width: 80px;height: 80px;bottom:-40px;background: #00248a;color: #fff;left: 0;right: 0;border-radius: 50%;overflow: hidden;
    display: flex;align-items: center;justify-content: center;font-size: 36px;
}
.news .bd li a .txt{ box-sizing: border-box;
    background: #fff;color: #666;font-size: 15px;line-height: 1.8; padding:1.5vw 1.5vw 1vw 1.5vw;text-align: justify;
}
.news .bd li a .txt p{position:relative;z-index: 3; margin-top:0.8vw;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
} 

.news .bd li a .txt h2{font-size:22px;color:#222;font-weight:normal;line-height:1.4;
  
}
.news .bd li a:hover .txt h2{color:#00248a;}

.news .bd li a .txt .data{ border-top:1px solid #eee;padding-top:1vw;margin-top:1vw; display:flex;justify-content: space-between;font-size:16px;color:#999;
}
.news .bd li a .txt .data i{color:#aaa;}
.news .bd li .newsr a .txt .data{width: 100%;box-sizing: border-box;
    position: absolute;bottom: 1vw;padding-left: 1.5vw;
}



.news .hd{ width: 130px;text-align: center;
   position: absolute; right:0;top:-88px; overflow: visible;visibility:visible !important;
}  

.news .hd a{position: relative;z-index: 2;cursor: pointer;
    display: inline-block; background: #f5f5f5;color: #222;width: 50px;height: 50px;line-height: 50px;text-align: center; margin: 0 0.3vw;
}
.news .hd a:before{font-size:30px; }
.news .hd a:hover{
    color: #fff;background: #00248a;
}



@media(max-width:1680px){
.about .word h2{font-size:40px;}
.num{font-size:18px;}
.about .word{width:48%;}
.about .pic{width:52%;}
.about .word h3{font-size:28px;}
.chejianqh .text dl{font-size:42px;}
.chejianqhz li a{font-size:19px;}
.chejianqh .text{font-size:16px;}
.num span{font-size:56px;}
.news .bd li a .txt p{-webkit-line-clamp: 4;}

}
  
  @media(max-width:1440px){
      .about .word{width:45%;}
.about .pic{width:55%;}
 .about .word h2{font-size:38px;}     
.about .word .wenzi,.num{font-size:16px;}

.about .word h3{font-size:26px;}
.chejianqh .text dl{font-size:38px;}
.chejianqhz li a{font-size:18px;}
.num span{font-size:50px;}

.news .bd li a .txt p{-webkit-line-clamp: 3;}
.caseb li .pic{ height:35vw;}
}

  
    @media(max-width:1366px){
.chejianqh .text dl{font-size:36px;}
.about .word .wenzi{-webkit-line-clamp: 3 }
.chejianqhz li a{font-size:17px;}
.caseb li .pic{ height:40vw;}
}