@media screen  and (max-width: 1441px) {
  .soultion-item{width:calc(100vw - 2rem);}
  .process-section{padding-left: 1rem; padding-right: 1rem; }
  .pain-section{ width:calc(100vw - 2rem) }
  .icon-outer{ width:calc(100vw - 2rem) }
  .pain-outer .pain{ width:calc(100vw - 2rem) }

  .pain-outer .palm-table{ width:calc(100vw - 2rem); margin-top:1rem }
  .pain-card{margin:0}
  .project_list .container{width:calc(100vw - 2rem)}
  .relas-box .relas{ width:calc(100vw - 2rem) }
  
  .pain-kernel-section{width:calc(100vw - 2rem) ; margin-bottom:1rem}
  .advantage-outer{width:calc(100vw - 2rem) }
  .advantage-outer>div{width: calc(100%/3 - 1rem); margin-bottom:1rem}

  .refine-youshi-section{width:calc(100vw - 2rem); margin: 2rem auto 2rem auto; }
  .cooperation-outer{width:calc(100vw - 2rem) ; margin-bottom:1rem}
  .oleo-youshi-section{width:calc(100vw - 2rem); margin: 2rem auto 2rem auto; }
  .oleo-cooperation-outer{width:calc(100vw - 2rem) }
  
  .pain-biodiesel-section{width:calc(100vw - 2rem); margin: 2rem auto 2rem auto; }
  .biodiesel-cooperation-outer{width:calc(100vw - 2rem) }


  .pain-extract-section{width:calc(100vw - 2rem) ; margin-bottom:1rem;  margin: 2rem auto 2rem auto; }
  .extract-advantage-outer{width:calc(100vw - 2rem) ; margin-bottom:1rem; }
  .extract-advantage-section h2{margin-bottom: 0;}

}
@media screen and (max-width: 1200px){

    .mob-sub-nav{ padding:10px; border-radius: 5px; background-color: #eee; margin-top:10px;}
    .mob-sub-nav>ul>li a{padding:8px 10px; display: flex; justify-content: space-between; align-items: center; text-decoration: none; color: #333;}

    /* swiper字 */
    .swiper-slide .txtbox .p1 span{ font-size:40px; }

    .page-bar{width: 100%; display: block;}
    .page-bar .bar-title{padding:0 10px; font-size:16px; line-height: 2.5;}
    .page-bar .bar-more{font-size:14px}

    /* 关于我们容器 */
    .home3{padding: 25px 0;}
    .home3 .container .video-Box img{width: 100%;}
    .home3 .container .about-Box{margin:20px 0}
    .home3 .container .about-Box .about-header h2{font-size:36px}
    .home3 .container .about-Box .about-header p{font-size: 20px;}
    .home3 .container .about-Box .about-info p{ line-height: 1.8; margin:0; font-size: 12px;}

    /* 案例 */
    .home2{padding:10px 0}
    .home2 .index-pros{margin-top:20px; justify-content: space-between;}
    .home2 .index-pros li{ width: 46.25%; margin-bottom: 20px; border-radius: 5px; }
    .home2 .index-pros li img{  width: 100%;  height: 46.25vw; object-fit: cover;}
    .home2 .index-pros li span{height: 40px; padding:5px 0}

    /* 产品 */
    .home4{margin:0; padding:10px 0}
    .home4 .container .little_title a{line-height: 1.8; font-size: 1.2em;}
    .home4 .container .big_title{font-size: 16px;}
    .home4 .container .big_title a{color:#888}
    .index_project_list{height: calc(100vw + 40px);}

    .tese{padding:20px 0}
    .tese>div>h3{font-size: 12px;}
    
    /* banner */
    .page-banner{height: calc(100vw*0.4);}

    /* about us */
    .about-main{width:95%; padding: 0; padding-top:0.25vw}
    .subnav-left{display: none;}
    .about-info{width: 100%; padding: 0;}
    .info-images img{width: calc(50% - 1px);}

    /* 解决方案 */
    .group-lists{padding: 0; width: 95vw;}
    .group-lists .com-info{margin: 0;}
    .group-lists img.cover-center{width: 100%; margin:0}
    .group-lists .com-info h2{padding-bottom: 0;}
      .group-lists .com-info p img{width: 100%; max-width: 100%;}

      .float_side_nav{display: none;}


      .img-list .container{ width: 97vw;}

      .img-list .container dl{width: 48vw; overflow: hidden;}

      .img-list .container dl dd{padding:0 5px 0 5px;  width:calc(60% - 10px ) }
      .img-list .container dl dd .btnbox .btn {font-size: 0.6rem; line-height: 2.2;}
      
      .img-list .container dl{margin:10px 0;}
      .img-list .container dl dd h3{font-size: 16px;}
      .img-list .container dl dd p{margin:5px auto; font-size: 14px;}
      .img-list .container dl dt{width: 40%; height:calc(48vw*0.4); flex-shrink: 0;}

      .img-list .container dd .params-content dl{margin-left:0;  margin-right: 0;}
      .img-list .container dd .params-content dl dt{width:48px;margin-right: 3px; font-size: 12px;}
      .img-list .container dd .params-content dl dd{-webkit-line-clamp:2}

      .pro-header{margin-top:1vw}
      .pro-detail{width: 98vw;}
      .pro-img-box { width: calc((100% - 60px)* 0.5);   }
      .pro-info-box { width: calc((100% - 0px)* 0.5);}
      .pro-detail .titler{ line-height: 2; padding: 0;}
      .pro-getprice{margin-top:20px}

      .project_list .container{width: 100vw; justify-content: space-around; }
      .project_list .item{width: calc(50vw - 10px);}




      .relas-box .relas{width: 100vw}
      .relas-box .relas .relas-title{padding:0 10px; line-height: 2.5; font-size: 16px}
      .relas-box .relas .relas-lists{padding:10px; }

      .project-detail-cnt{line-height: 2;}

      .project_list .item .bot_box{padding:5px 5px 10px 5px}
      .project_list .item .bot_box .title{font-size: 14px; line-height: 2;  white-space: nowrap;overflow: hidden;    text-overflow: ellipsis; }

      .contact-box{width: 98vw; padding: 0;}
      .contact-box .item img { aspect-ratio: 4/3;    }


    .about-content{width:100%; max-width:100%}


    .pain-biodiesel-card{width: 100%;}
    .pain-biodiesel-card img{width: 22%;}
    .pain-biodiesel-card div{width: calc(100% - 22%);}
      
}
 @media screen and (max-width: 768px){
    .page-banner .container h2 {font-size: 20px; }
    /* swiper字 */
    .swiper-slide .txtbox .p1 span{ font-size:20px; }
    /* 关于我们容器 */
    .home3{padding: 15px 0;}
    .home3 .container .about-Box .about-header h2{font-size:28px}
    .home3 .container .about-Box .about-header p{font-size: 16px;}

    .img-list .container{ width: 96vw;}
    .img-list .container dl{width: 100%; overflow: hidden;}
    .img-list .container dl dt{width: 40%; height:calc(96vw*0.4);}
    .img-list .container dl dd{padding:0 0px 0 3px;  width:calc(60% - 3px ) }
    .img-list .container dd .params-content dl{margin:0}
    .img-list .container dd .params-content{margin:5px 0}

    .img-list .container dd .params-content dl dd{width: calc(100% - 51px);}

    .pagination{margin:10px 0}
    .pagination li{display: none;}
    .pagination li:first-child,.pagination li:last-child,.pagination li.active{display: block;}

    .project_list.slt-pros h2{font-size: 1rem;    font-weight: bolder;    }
    .project_list.slt-pros .item{width: 100%; display: flex; }
    .project_list.slt-pros .item .img_box{width: 40%;}
    .project_list.slt-pros .item .bot_box{ width: calc(100% - 40%);  text-align: left; }
    .project_list.slt-pros .item .bot_box .title{  padding-top:0;  }
    .project_list.slt-pros .item .bot_box .text{padding-top:0;   text-indent: 0; }
    
    .project_list.slts .item{width: 100%; display: flex; }
    .project_list.slts .item .img_box{width: 40%;}
    .project_list.slts .item .bot_box{ width: calc(100% - 40%);  text-align: left; }
    .project_list.slts .item .bot_box .title{  padding-top:0; font-size: 0.7rem; }
    .project_list.slts .item .bot_box .text{padding-top:0;   text-indent: 0; }


    .pro-detail .titler{padding:15px 0}
    .pro-detail .titler h2{font-size: 18px;}
    .pro-header{display: block;}
    .pro-img-box,.pro-info-box{width: 100%; margin:0 }
    .thumbs ul{overflow-y: auto;}
    .thumbs ul::after,.thumbs ul::before{display: none;}
    .pro-getprice{display: block;}
    .text-phone span{display: none;}
    .pro-detail-cnt{padding:10px;}


    .pro-header{margin:0; padding: 0.5vw; margin-top:2vw}
    .pro-detail{ width:96vw; padding:auto 10px; }
    .pro-detail .titler{padding:5px 0}
    .pro-detail .titler h2{font-size: 24px;}
    .params-content dl dt{width: 80px; flex-shrink: 0;}

    .pro-img-box  .thumbs{ display: none;}
    .contact-box .item .com-info{margin-left: 0;}
    .contact-box .item img{display: none;}
    .contact-box .item{margin:0; padding:10px;}
    .contact-box .item .com-info h2{font-size: 16px; line-height: 2;}


    #c_new_list_181-1678182999979 .e_container-5{display: none;}
    #c_new_list_181-1678182999979 .e_text-13{display: none;}
    #c_new_list_181-1678182999979 .e_container-4{padding:5px; font-weight: normal; text-indent: 0;}
    #c_new_list_181-1678182999979 .e_text-11{font-weight: normal; text-indent:0}

    .footer-mobile{
      display: flex; position: fixed; justify-content: space-around; border-top:1px solid #ccc; bottom: 0; width: 100vw; background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding:10px;
    }
    .footer-mobile a{color: #888; display: block; font-size: 12px;}
    .footer-mobile a i{display: block; text-align: center; font-size: 24px;}




    .soultion-item{width:calc(100vw - 1rem); padding: 1rem 0;}
    .process-section{padding-left: 0.5rem; padding-right: 0.5rem; }
    .pain-section{ width:calc(100vw - 1rem) }
    .icon-outer{ width:calc(100vw - 1rem) }
    .pain-outer .pain{ width:calc(100vw - 1rem) }
  
    .pain-outer .palm-table{ width:calc(100vw - 1rem); margin-top:1rem }
    .pain-card{margin:0}
    .project_list .container{width:calc(100vw - 1rem)}
    .relas-box .relas{ width:calc(100vw - 1rem) }
    
    .pain-kernel-section{width:calc(100vw - 1rem) }

  
    .refine-youshi-section{width:calc(100vw - 1rem); margin: 1rem auto 1rem auto; }
    .cooperation-outer{width:calc(100vw - 1rem) }
    .oleo-youshi-section{width:calc(100vw - 1rem); margin: 1rem auto 1rem auto; }
    .oleo-cooperation-outer{width:calc(100vw - 1rem) }
    
    .pain-biodiesel-section{width:calc(100vw - 1rem); margin: 1rem auto 1rem auto; }
    .biodiesel-cooperation-outer{width:calc(100vw - 1rem) }


    .project_list{margin:1rem auto; padding:1rem 0}
    .project_list h2{margin-bottom:1rem}
    .project_list .item .bot_box .title{ -webkit-line-clamp: 2;  }
    .stn-top{flex-direction: column-reverse;}
    .stn-top .stn-top-text{width: 100%;}
    .stn-top .stn-top-text h2{display: none;}
    .stn-top .stn-top-img{width: 100%;}
    .pain-section{margin:1rem auto;}
    .pain-section h2{font-size: 1.2rem;}
    .pain-outer .pain{ flex-wrap: wrap;}
    .pain-card{width:100%; margin-bottom:0.5rem}
    .pain-card h3{font-size:0.8rem; line-height: 1.5;}
    

    .icon-section h2{ font-size: 1.2em; margin-top:1rem}
    .icon-outer{padding:1rem 0; flex-wrap:wrap; }
    .icon-outer>div{display:flex; justify-content: space-between; width: 100%;     padding: 0.5rem 0; margin-bottom:0.5rem}
    .icon-outer>div>img{margin-bottom:0; width: 25%; margin:0.5rem}
    .icon-outer>div>div{width: 75%; text-align: left;}
    .icon-outer>div>div>p{text-indent: 0;}
    .project_list .item {width: calc(50vw - 1rem);     margin:0.5rem 0;}

    .pain-kernel{flex-wrap: wrap;}
    .pain-kernel-card{width: 100%; margin-bottom: 1rem;}
    .pain-kernel-card h3{font-size:0.8rem; line-height: 1.5;}
    .kernel-tables{flex-wrap: wrap;}
    .kernel-table{width: 100%;}

    .advantage-outer{width:calc(100vw - 1rem) }
    .advantage-outer>div{width: 100%; margin-bottom:1rem}
    .advantage-outer{padding:1rem 0; flex-wrap:wrap; }
    .advantage-outer>div{display:flex; justify-content: space-between; width: 100%;     padding: 0.5rem 0; margin-bottom:0.5rem}
    .advantage-outer>div>img{margin-bottom:0; width: 25%; margin:0.5rem}
    .advantage-outer>div>div{width: 75%; text-align: left;}
    .advantage-outer>div>div>p{text-indent: 0;}

    .refine-youshi-outer h2{font-size: 1.1rem;}
    .refine-youshi{flex-wrap: wrap;}
    .refine-youshi-card{width: 100%; margin-bottom: 1rem;}
    .refine-youshi-card h3{font-size:0.8rem; line-height: 1.5;}
    .refine-tables{flex-wrap: wrap;}
    .refine-table{width: 100%; margin-bottom: 1rem;}
    .refine-table .comparison-table{ height: auto;}
    .refine-table h3{line-height: 1.5;}
    
    .cooperation-section h2{font-size: 1.2rem; margin:1rem 0}
    .cooperation-outer{width:calc(100vw - 1rem) }
    .cooperation-outer>div{width: 100%; margin-bottom:1rem}
    .cooperation-outer{padding:1rem 0; flex-wrap:wrap; }
    .cooperation-outer>div{display:flex; justify-content: space-between; width: 100%;     padding: 0.5rem 0; margin-bottom:0.5rem}
    .cooperation-outer>div>img{margin-bottom:0; width: 25%; margin:0.5rem}
    .cooperation-outer>div>div{width: 75%; text-align: left;}
    .cooperation-outer>div>div>p{text-indent: 0;}


    
    .oleo-youshi-outer h2{font-size: 1.1rem;}
    .oleo-youshi{flex-wrap: wrap;}
    .oleo-youshi-card{width: 100%; margin-bottom: 1rem;}
    .oleo-youshi-card h3{font-size:0.8rem; line-height: 1.5;}
    .oleo-tables{flex-wrap: wrap;}
    .oleo-table{width: 100%; margin-bottom: 1rem;}
    .oleo-table .comparison-table{ height: auto;}
    .oleo-table h3{line-height: 1.5;}
    .oleo-cooperation-section h2{font-size: 1.2rem; margin:1rem 0}
    .oleo-cooperation-outer{width:calc(100vw - 1rem) }
    .oleo-cooperation-outer>div{width: 100%; margin-bottom:1rem}
    .oleo-cooperation-outer{padding:1rem 0; flex-wrap:wrap; }
    .oleo-cooperation-outer>div{display:flex; justify-content: space-between; width: 100%;     padding: 0.5rem 0; margin-bottom:0.5rem}
    .oleo-cooperation-outer>div>img{margin-bottom:0; width: 25%; margin:0.5rem;aspect-ratio: 1/1;}
    .oleo-cooperation-outer>div>div{width: 75%; text-align: left;}
    .oleo-cooperation-outer>div>div>p{text-indent: 0;}
    

    .pain-extract-outer h2{font-size: 1.1rem;}
    .pain-extract{flex-wrap: wrap;}
    .pain-extract-card{width: 100%; margin-bottom: 1rem;}
    .pain-extract-card h3{font-size:0.8rem; line-height: 1.5;}
    .extract-tables{flex-wrap: wrap;}
    .extract-table{width: 100%; margin-bottom: 1rem;}
    .extract-table .comparison-table{ height: auto;}
    .extract-table h3{line-height: 1.5;}
    .extract-advantage-section h2{font-size: 1.2rem; margin:1rem 0}
    .extract-advantage-outer{width:calc(100vw - 1rem) }
    .extract-advantage-outer>div{width: 100%; margin-bottom:1rem}
    .extract-advantage-outer{padding:1rem 0; flex-wrap:wrap; }
    .extract-advantage-outer>div{display:flex; justify-content: space-between; width: 100%;     padding: 0.5rem 0; margin-bottom:0.5rem}
    .extract-advantage-outer>div>img{margin-bottom:0; width: 25%; margin:0.5rem;aspect-ratio: 1/1;}
    .extract-advantage-outer>div>div{width: 75%; text-align: left;}
    .extract-advantage-outer>div>div>p{text-indent: 0;}


    .biodiesel-cooperation-section h2{font-size: 1.2rem; margin:1rem 0}
    .biodiesel-cooperation-outer{width:calc(100vw - 1rem) }
    .biodiesel-cooperation-outer>div{width: 100%; margin-bottom:1rem}
    .biodiesel-cooperation-outer{padding:1rem 0; flex-wrap:wrap; }
    .biodiesel-cooperation-outer>div{display:flex; justify-content: space-between; width: 100%;     padding: 0.5rem 0; margin-bottom:0.5rem}
    .biodiesel-cooperation-outer>div>img{margin-bottom:0; width: 25%; margin:0.5rem;aspect-ratio: 1/1;}
    .biodiesel-cooperation-outer>div>div{width: 75%; text-align: left;}
    .biodiesel-cooperation-outer>div>div>p{text-indent: 0;}


    .process-section{display: none;}

    .process-section-phone{display: block;}


    .process-section-phone .flow-title{ text-align: center; font-weight: bold; line-height: 2; margin-bottom: 1rem;}
    .process-section-phone .flow-title h2{font-size: 1.2rem; border-bottom: 3px solid #f69e10; display: inline-block;  padding:0 40px;}
    .process-section-phone .flow-container .flow-item{ display: flex;    background-color: #fff; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); margin-bottom: 0.5rem; border-left: 3px solid #f69e10; align-items: center; }
/*     .process-section-phone .flow-container .flow-item::after{content:">"; width: 1rem; color:#ccc} */

    .process-section-phone .flow-container .flow-item>img{margin-bottom:0; width:calc(25% - 1rem); margin:0.5rem;aspect-ratio: 1/1; object-fit: cover;}
    .process-section-phone .flow-container .flow-item>div{width: calc(75% - 1rem); text-align: left;  margin:0.5rem;}
    .process-section-phone .flow-container .flow-item>div>p{text-indent:0;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;font-size:0.8rem; line-height: 1.8;}
    .process-section-phone .flow-container .flow-item>div>h4{ color:#f69e10; font-size: 0.9rem; line-height: 2;  font-weight: bold; height: 1.8rem;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;     }

    .flow-info{max-height: 50vh; overflow-y: scroll; padding: 0.5rem;}
    .flow-info h4{ color:#f69e10; font-size: 0.9rem; line-height: 2;  font-weight: bold; height: 1.8rem;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
    .flow-info p{font-size:0.8rem; line-height: 1.8; }
}