/*绿色好屏一级brand*/
 .brand1-box{display:flex;margin-top:60px;gap:200px;align-items:center}
 .b1-text{font-size: 20px;}
 .brand1-item{position:relative}
 .brand1-item:after{content:'';position:absolute;top:50%;left:150%;
     width: 1px;height: 50%;
     background: white;
     transform: translate(0,-50%);
 }
 
 .b-num{font-weight: bold;font-size: 47px;margin-right:10px}
 .brand1-box .tot{font-weight: bold;font-size: 21px;}

.navtopbox{display:flex;justify-content:center;align-items:self-start;padding-top:30px}
.navtopbox .pages-link{padding-top:0}

.selectBox{font-size:16px;position:relative;width:180px;text-align:center}
.selectBox-cli{cursor:pointer}
.selectBox-box{position:absolute;bottom:-205px;left:50%;
    border: 1px solid #DBDBDB;
    z-index: 99;
    text-align: center;
    padding: 10px 20px;
    width:100%;
    transform: translateX(-50%);
    display: none;
    background: white;
}
.selectBox-box ul{margin:0px}
.selectBox-box li{padding:5px 0}
.selectBox-box a{color:#999999}
.selectBox-box .active{color:#ff0000}

            
            .navtop>div{align-items:self-start}
            .navtop{margin-top:30px}
            .navtop-rig{margin-left:30px;}
            .navtop-rig ul{margin:0px;overflow:auto;}
            .navtop-rig ul li{font-size:16px;white-space:nowrap;margin-right:60px}
            .navtop-rig ul li a{color:#666}
            .navtop-rig ul .active{position:relative;}
            .navtop select{border:none;font-size:16px;width:150px;}
            
            
            .navtop select option {
               border: none !important;
               line-height:50px;
            }
             .navtop-rig ul a{padding-bottom:15px}
             .navtop-rig ul .active::after {
                    content: '';
                    width: 100%;
                    height: 4px;
                    position: absolute;
                    left: 0;
                    bottom: 0%;
                    background: linear-gradient(90deg, #FF0000 0%, rgba(255, 241, 241, 0.24) 100%);
                }
            
            
            
            
              .cart-title{font-size:30px; position: relative; padding-bottom: 10px;font-weight:bold;}
            
              .cart-title::after {
                    content: '';
                    width: 100%;
                    height: 4px;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    background: linear-gradient(90deg, #FF0000 0%, rgba(255, 241, 241, 0.24) 100%);
                }


.mshu{margin-top:50px}
   .swiper-button-next, .swiper-button-prev{color:black !important;
              border-radius: 50% !important;width: 48px !important;height: 48px !important;
          }
          .swiper-button-next:hover{
              background:red !important;
              color: white !important;
          }
          .swiper-button-prev:hover{
                 background:red !important;
                 color: white !important;
          }
          .swiper-button-prev:after, .swiper-button-next:after{font-size:18px !important}
@media (max-width: 767px){
    .navtop-rig ul li{margin:0 !important}
    .greenBrand img{width:1000px;max-width:1000px}
    #dg-container .dg-wrapper p{display:block !important}
    .eleote{display:flex;flex-direction:column}
   #pages-menu-nav{z-index:9999}
    .container{
        width:100%;
    }
    #pages-menu-nav.po_fixed {top:68px !important}

.card-item{overflow:auto}
    .card-item table{width:150% !important}
  section  .card-item table td{padding:5px;width:25%}

   #dg-container .dg-wrapper{width:100%}
   #dg-container .dg-next {right:-15px;top:50%}
   #dg-container .dg-prev{left:-15px;top:50%}
   section .borew{margin:30px 0;overflow:hidden}
   section .box-card{margin-bottom:50px}
   .gzdui{display:flex;    flex-direction: column;justify-content:center;align-items:center}
    .card-item .gzdui .icon1{margin:0px}
    .card-item .imglist{
          grid-template-columns: repeat(2,1fr);
    }
    .nbanner img{width:1000px;max-width:1000px}
    .cart-title {font-size:20px !important}
    #pages-menu-nav{display:block !important}
    
    .navtop>div{flex-wrap:wrap}
    .navtop .navtop-rig{margin:0;margin-top:10px;width:100%}
   .navtop .navtop-rig ul {gap:20px;justify-content:center}
   #dg-container .dg-wrapper a{min-height:auto}
   #dg-container .dg-wrapper{height:260px}
   
   .nbanner .brand2{padding:0px}
   .topic {padding:50px 0 !important}
  .topic .imgbox2{width:100%;margin:0}
  .processList .processList-box{margin-top:30px}
  .processList-box .processList-title{font-size:18px}
  .processList>img {transform:translateY(-50%) scale(1) !important}
  .card-item .lio{flex-direction:column}
  .card-item .lio .icon1{margin:0px}
    section .brand1-box{gap:50px;margin-top:20px}
    .brand1-item .b-num{font-size:24px}
    .brand1-box .b1-text{font-size:16px}
    .brand1-box .brand1-item .tot{font-size:16px}
    .brand1-item:after {left:125% !important}


    .boxpro-left{display:none}
    section .boxpro{padding:50px 20px 50px 20px}
    .boxpro-right .potboxi{grid-template-columns:repeat(1, 1fr)}
    .boxpro-right .potboxi-item{margin-bottom:100px}
    .potboxi-item .potboxi-item-card{padding: 10px;min-height:auto}
    .potboxi-item .potboxi-item-card h3 {font-size:16px}
    .list-card .list-card-item{flex-direction:column}
    .list-card-item .l-card-le{width:100%;margin:0px}
    section .box2{padding:50px 0 30px 0}
    
    section .box3{padding:50px 0}
    .box3 .list5{grid-template-columns:repeat(1, 1fr);margin-top:20px}
    .list5 .list5-item{grid-template-columns:repeat(1, 1fr)}
    
    .box3 .rise{font-size:20px}
    .box3 .listbox{grid-template-columns: repeat(1, 1fr);}
    .box4 .list7{grid-template-columns:repeat(1, 1fr)}
    
    .box4 .list7 .list7-box div{padding:10px}
    section .box4{padding:50px 0}
    .box4 .swiper-button-next{color:#999;z-index:1}
    .box4 .swiper-button-prev{color:#999;z-index:1}
    .list7 .list7-item-box{padding:10px}
    
    .box5{padding:50px 0 !important}
    .box5 .listduo{grid-template-columns:repeat(1,1fr)}
    .box5 .listduo-box p{width:100%;font-size:16px}
    
    .brandbox .brandbox-b{flex-direction:column;gap:20px}
    .brandbox-b .coui1{margin:0}
    .brandbox-b .coui1 .label1{padding:25px 0;font-size:18px;width:100px}
    .lvsenabox{padding:0px !important;overflow:hidden}
    .lvsenabox .lvsenabox-img{width:1300px;max-width:1300px}
    section .listbox{grid-template-columns:repeat(2,1fr);}
    section .listbox>div{padding:20px 10px}
    section .listbox div h3{font-size:18px}
    .bunrt{padding:10px !important;display:flex;flex-direction:column;justify-content:center}
    .bunrt p{font-size:14px !important}
    .bunrt .bunrt-box div span{font-size:24px}
    
    .borew .dg-prev{width:40px;height:40px;line-height:40px}
     .borew .dg-next{width:40px;height:40px;line-height:40px}
    .borew #dg-container .dg-prev{left:0;top:70%}
    .borew #dg-container .dg-next{right:0;top:70%}
    .lvdians{padding:50px 0 !important}
    .lvdians p{font-size:18px !important}
    .lvdians span{font-size:30px !important}
    
    .cvoerb #dg-container .dg-wrapper{height:300px}
    section .piece{flex-direction:column !important}
    .piece .piece-item{width:100%}
    .piece-item .piece-b{margin-top:10px}
    .piece .piece-item h4{font-size:18px}
    .piece-item .piece-b span{font-size:20px}
    .piece2{flex-direction:column}
    .piece2 .piece2-box{width:100%;margin-left:0}
    /*.piece2 .piece2-box ul li{padding:0 40px}*/
    
    section .yuanbox{grid-template-columns:repeat(1,1fr);padding:20px 30px;gap:30px;border-radius:20px}
    section .yuanbox span{font-size:20px}
    section .yuanbox img{width:20px}
    section .yuanbox p{margin-top:5px}
    
    section .card{grid-template-columns:repeat(1,1fr)}
    .index-img1 .contcard{flex-direction:column !important}
    .contcard .contcard-img{width:100%}
    .contcard-box span{font-size:20px !important}
    .contcard .contcard-box{padding:10px}
    .contcard:last-child .contcard-img{width:100% !important}
    .kikik{margin-top:0 !important}
    .paddingbs{padding:20px!important}
    .paddingbs .testmshu{margin-top:10px}
    .index-img1 .wastegas{grid-template-columns:repeat(1, 1fr);margin-top:20px}
    .wastegas .wastegas-box div{margin:0}
    
    .material .material-item .pro{font-size:24px}
    .material .material-item{padding:50px 0;flex-direction:column;gap:20px}
    .index-img1 .cuolunBox{grid-template-columns:repeat(1, 1fr)}
    
    .cuolunBox .cuolunBox-card{padding:0;border:none}
    .cuolunBox .cuolunBox-box-item .label1{padding:5px;text-align:center}
    .cuolunBox .cuolunBox-box-item .label2{padding:20px}
    
    .loop .loop-box1{flex-direction:column;padding:10px 0}
    .loop .loop-box1-le{width:100%}
    /*.box1-cont-nri p span{font-size:20px !important}*/
    .loop-box1 .loop-box1-cont{grid-template-columns:repeat(1,1fr);width:100%;padding:0 10px}
    .loop-box1-cont .box1-cont-nri{padding:10px;min-height:150px;text-align:center}
    .loop-box1 .swiperBox{width:100% !important;padding:0 10px  !important}
   .loop-box1 .swiperBox .swiper-button-prev{color:white}
    .loop-box1 .swiperBox .swiper-button-next{color:white}
    .loop-box1-cont .card1{padding:30px 0}
    
    .loop-box1 .loop-box1-le h4{font-size:18px}
    .loop .loop-box1-le span{font-size:20px}
    .shoufp{padding:10px !important;font-size:20px !important}
    .boxData{width:100% !important}
    .boxData .box-item {padding:0px 0;width:60%;bottom:5%}
    .boxData .box-item h3{font-size:18px}
    /*.boxData img{height:500px}*/
   .nbanner .mshu{margin-top:10px !important}
   
   .box1{flex-direction:column}
   .box1 .box1-item{width:100%;padding:10px}
   .box1 .box1-item h3{font-size:20px;margin-top:0}
   .boxcr .boxcr-list{grid-template-columns:repeat(2, 1fr)}
   .boxcr .boxcr-list>div{padding:20px 0}
   
   .boxcut .boxcut-list{grid-template-columns:repeat(1,1fr)}
   .boxcut .boxcut-list span{padding:10px}
   .boxcut .boxcut-list-text{margin-top:10px}
   
   .max-main .boxoe{grid-template-columns:repeat(2,1fr)}
   .boxpir{grid-template-columns:repeat(1,1fr) !important}
   
   .max-main .manutn{flex-direction:column}
   .manutn .manutn-box{width:100%}
   
   .max-main .bortad{grid-template-columns:repeat(1,1fr)}
   .bortad-item .bortad-bo{margin-top:20px}
   .max-main .tcllds{font-size:20px}
   .max-main .tinabox{flex-direction:column}
   .tinabox .tinabox-jia{width:100%}
   .max-main .uioirtwa{margin:0}
   .huozuo{flex-direction:column}
   .huozuo .huozuo-box{width:100%;padding:0px;margin-top:30px}
   .huozuo .huozuo-box div{padding:20px 0}
    .max-main{margin-bottom:50px !important}
    .motbox .moot-item{flex-direction:column;padding:5px}
    .xbrand{margin-top:10px !important;align-items:center !important}
    .xbrand .xbrand-item .unite{font-size:16px}
    .xbrand .xbrand-item>div{margin-right:10px}
    .xbrand .xbrand-item{flex-direction:column}
    
    .yuanbxo .cen-card{flex-direction:column}
    .cen-card .cen-card-left{margin-right:0}
    .cen-card .cen-card-right{width:100%}
    .cen-card .cen-card-left-itm h4{font-size:20px}
    .cen-card .cen-card-left-itm .num{font-size:26px}
    .cen-card .cen-card-left-itm img {width:40%;margin-right:10px}
    
    .yuanbxo .box2-item p{min-height:80px}
    .mtopsd{margin-top:50px !important}
    
    .backsd{margin-bottom:50px !important;overflow:hidden}
    .backsd .overiras {left:0;bottom:-20%;
        transform:translate(0%,0) !important;
        height: 50%;
    }
    .backsd>img{width:1000px;max-width:1000px}
    #mhse{padding-top:0px}

    .bomsds{padding:0 !important}
    .textpading{padding:0 20px !important}
    .main .imgbox{width:100%}
    
    .model{overflow:hidden}
    .model>img{width:1000px;max-width:1000px}
    
    .morality .morality-box{flex-direction:column}
    .morality .morality-box-it1{width:100%}
    .morality .morality-box-item{margin-top:20px}
    .morality .morality-box-item div{font-size:16px;padding:10px 0}
    .morality .morality-item div{font-size:16px;height:auto;padding:10px 0}
    .morality .morality-item{grid-template-columns:repeat(1,1fr)}
    
    .main .riskbox{gap:5px}
    .main .has-feedback{overflow:hidden}
    .main .has-feedback>img{width:500px !important;max-width:300px}
    .main .yaun{width:20px;height:20px}
    .main .riskbox-item span{font-size:18px}
    .main .riskbox-item p{font-size:16px}
    .main .yaun:after{width:10px;height:10px;}

    .riskbox .riskbox-box{padding:5px;display:flex;justify-content:center;align-items:center;flex-direction:column}
    .riskbox .riskbox-box p{font-size:14px !important}
    .riskbox .riskbox-box span{font-size:14px !important}
    
    .listesg{padding:10px !important}
    .listesg li a{margin-top:10px !important;padding-bottom:10px !important}
    section .twList{grid-template-columns:repeat(1,1fr)}
    section .huodery ul{grid-template-columns:repeat(2,1fr)}
    section .huodery ul li{height:100px}
    
    .boxData{margin:0 !important;overflow:hidden}
    .boxData img{width:700px;max-width:700px}
    .nbanner p span{font-size:14px !important}
    .xbrand-item:after{display:none !important}
    .piece {padding:15px !important}

}
@media(min-width:888px) and (max-width:1440px){
        #dg-container .dg-wrapper p{display:block !important}
           #dg-container .dg-wrapper img{display:block !important}
    .list5 .list5-item{grid-template-columns:repeat(1, 1fr)}
    .list7 .swiper-button-next{top:30%}
    .list7 .swiper-button-prev{top:30%}
    
    .potboxi .potboxi-item-card{min-height:340px}
    .lvsenabox{overflow:hidden}
    .lvsenabox>img{width:1300px;max-width:1300px}
    .cuolunBox-box-item .label1{padding:0 10px !important}
    
    .piece2{flex-direction:column}
    .piece2 .piece2-box{width:100%;margin:0}
    .eleote{display:flex;flex-direction:column}
   
    .kikik .contcard:last-child .contcard-img{width:50%;
        flex-direction: column;
    }
    .kikik .contcard:last-child .contcard-img img{width:100%}
    .kikik .contcard-img .videoBox{width:100%}
    .popbox-box p strong span{font-size:18px !important}
    .box-item{padding:35px 0 !important}
    
    .box1-item h3{font-size:20px !important}
    .boxcut .boxcut-list{grid-template-columns:repeat(2,1fr)}

    .max-main{margin-bottom:60px !important}
    
    .xbrand .xbrand-item:after {left:108%}
    .xbrand .xbrand-item>div{margin-right:30px}
    .xbrand .unite{font-size:20px !important}
    .riskbox>div{overflow:hidden}
    .riskbox>div img{width:1000px;max-width:500px}
    
    .twList .twList-item{padding:15px}
    
    .gzdui{display:flex;flex-direction:column;align-items:center}
    .card-item{overflow:hidden}
    .card-item table td{width:25%}

    section  .brand1-box{gap:100px !important;margin-top:30px}
.brand1-box .brand1-item:after{left:130%}
 .coui1 .label1{font-size:20px !important;padding:30px 0 !important}
 .card-item .mask img{width:50px}
 .list7-box div{padding:0 30px !important}
 .potboxi-item .potboxi-item-card{padding:10px;}
 .box2-item p{min-height:200px !important}
 .selectBox-box{bottom:-230px !important}
 .contcard .contcard-box{padding: 0 2%}
 /*.brand1-item {*/
 /*    width:29%;*/
 /*}*/
 .b1-text{width:25%}
 .liandian .dg-prev{left:-15% !important}
 .liandian .dg-next{right:-15% !important}
 
 .lbtu .dg-prev{left:0px !important}
  .lbtu .dg-next{right:0px !important}
  .motbox .moot-item{padding:5px}
.cen-card-left-itm h4 {font-size:24px !important}
.yunanb .cory{width:100px;height:100px;font-size:16px;margin-right:20px}
.yunanb .yunanb-item:nth-child(even){margin-left:50px}
.yunanb .yunanb-item{margin-bottom:10px}

}