/* hover_style */
@media all and (min-width: 991px) {
  
}
@media all and (min-width: 1200px) {
  
}
@media (min-width: 1200px) and (max-width: 1499px){
  
}
@media all and (min-width: 1440px) {

}
@media all and (max-width: 1280px) {}
@media all and (max-width: 1199px) {}
@media (min-width: 1499px) and (max-width: 1820px){
	
}
@media (min-width: 1200px) and (max-width: 1499px){
  .main-top .wrap .right,.active_works .right{
    width:40%;
  }
  .main-top .wrap .left,.active_works .left{
    width:60%;
  }
  .main-top .wrap .left .img-boxs{
    max-width:150px;
    padding-top:50px;
  }
  .main-top .wrap .left .des p{
    font-size:18px;
  }
  .active_works .right-list li a{
    line-height:42px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px){
	
}
@media (min-width: 1200px) and (max-width: 1322px){
	
}
@media (min-width: 992px) and (max-width: 1199px){
	.header{
    padding-left:20px;
    padding-right:20px;
  }
  .header .back-home{
    padding-right:0;
  }
  .main-top .wrap .right,.main-top .wrap .left{
    width:100%;
    height:auto;
  }
  .main-top .wrap .right img{
    width:100%;
  }
  .main-top .wrap .left{
    padding-bottom:20px;
  }
  .active_works .right{
    padding-left:0;
    margin-top:20px;
  }
  .active_works .left,.active_works .right{
    width:100%;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  
}
@media all and (max-width: 991px) {
  .header{
    height:auto;
    padding:0 15px 20px 15px;
  }
  .header .back-home{
    padding-right:15px;
    font-size:16px;
  }
  .header-logo .img-boxs{
    margin-top:40px;
  }
  .main-top{
    padding-top:20px;
    padding-left:15px;
    padding-right:15px;
  }
  .main-top .wrap .right,.main-top .wrap .left{
    width:100%;
    height:auto;
  }
  .main-top .wrap .right img{
    width:100%;
    max-width:100%;
  }
  .main-top .wrap .left .des p{
    font-size:16px;
    line-height:30px;
    margin-bottom:10px;
  }
  .main-top .wrap .left .img-boxs{
    float:none;
    display:block;
    text-align:center;
    padding-bottom:20px;
  }
  .main-top .wrap .left .des,.main-top .wrap .left .img-boxs{
    float:none;
  }
  .active_works .left,.active_works .right{
    width:100%;
  }
  .active_works .container-abs{
    display:none;
  }
  .active_works .txt{
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .active_works .txt span,.active_works .txt{
    font-size:16px;
    white-space:initial;
    overflow:initial;
    height:auto;
    line-height:28px;
  }
  .active_works .right{
    padding-left:0;
    margin-top:20px;
  }.active_works .right-list li{
    margin-bottom:10px;
  }
  .active_works .right-list li a{
    font-size:16px;
    text-overflow:initial;
    overflow:initial;
    white-space:initial;
    line-height:28px;
    background-position:0 7px;
  }
  .main-mid{
    padding-left:15px;
    padding-right:15px;
  }
  .main-mid .info p{
    font-size:16px;
  }
  .main-bot .history-list{
    margin-left:0;
  }
  .main-bot .history-list li{
    line-height:28px;
    margin-top:15px;
  }
  .main-bot .history-list li a{
    font-size:16px;
  }
  .footer p{
    font-size:14px;
  }
}
@media all and (max-width: 767px) {
  
}
@media all and (max-width: 520px) {

}


/*add20241109*/
@media all and (max-width: 767px) {
	.header .back-home{ padding-right:0; }
	.header .back-home a{ font-size: 14px; line-height: 32px;}
	.active_works .news_list a{ background-size: 100% auto; }
  	.active_works .news_list a span{font-size: 24px; padding-right: 0;}
  	.main-mid .zp_list{ background:none; }
  	.main-mid .zp_list a{background: url(2024wft_bg04.png); text-align: right;
  		background-size: 100% auto; padding-right: 15px;     background-position: center;
    background-repeat: no-repeat;}
  	.main-mid .zp_list a span{font-size: 24px; padding-right: 0;}
  	.mid-cont .zpxh_wft2024{ width:15%; }
  	.mid-cont .zp_list_xh{ height: 34px; width: 34px; font-size: 21px; }
  	.main-bot .history span{line-height: 60px; font-size: 24px;}
  	.detail-cont video{ width: 100%!important; height: 190px!important; }
}