.toped{height:500px;background:url("../img/3/ed.jpg") center top;}

.part1{background:url("../img/3/bg.jpg");padding-bottom:60px;padding-top:60px;}
.part2{background:#fff;padding-bottom:6px;padding-top:60px;min-height:600px;}
.part3{background:#f7f7f7;padding-bottom:6px;padding-top:60px;min-height:600px;}
.listcs{margin-left:-3.5px;margin-right:-3.5px;}
.listcs li{display:block;padding-left:3.5px;padding-right:3.5px;width:20%;margin-top:20px;margin-bottom:20px;float:left;}
.listcs li a{width:100%;background:#fff;height:380px;display:block;position:relative;}
.listcs li a .pic{position:relative;}
.listcs li a .pic img{width:100%;}
.listcs li a .info{background:#fff;width:100%;height:140px;position:absolute;overflow:hidden;padding:25px;line-height:150%;bottom:0;left:0;}
.listcs li a .info .tit{font-size:18px;line-height:25px;color:#303030;display:block;text-align:center;margin-bottom:10px;}
.listcs li a .info .txt{font-size:14px;color:#666;display:block;text-align:center;}
.listcs li a .info .ibtn{font-size:14px;border:1px solid #fff;padding:5px 12px;color:#fff;position:absolute;bottom:-50px;left:50%;margin-left:-60px;border-radius:4px;}
.listcs li a:hover .info{z-index:1;height:100%;padding-top:210px;background:#00a2ff;}
.listcs li a:hover .info .ibtn{bottom:15px;}
.listcs li a:hover .info .ibtn .more-arr{margin-left:5px;}
.listcs li a:hover .info .ibtn:hover .more-arr{margin-left:10px;}
.listcs li a:hover .info .tit,.listcs li a:hover .info .txt{color:#fff;}

/* advantagesDetails.asp页面使用 */
.liststyle{margin-left:-3.5px;margin-right:-3.5px;}
.liststyle li{display:block;padding-left:3.5px;padding-right:3.5px;width:16%;margin-top:20px;margin-bottom:20px;float:left;}
.liststyle li a{width:100%;background:#fff;height:380px;display:block;position:relative;}
.liststyle li a .pic{position:relative;}
.liststyle li a .pic img{width:100%;}
.liststyle li a .info{background:#fff;width:100%;height:140px;position:absolute;overflow:hidden;padding:5px;line-height:150%;bottom:0;left:0;}
.liststyle li a .info .tit{font-size:18px;line-height:25px;color:#303030;display:block;text-align:center;margin-bottom:10px;}
.liststyle li a .info .txt{font-size:14px;color:#666;display:block;text-align:center;}
.liststyle li a .info .ibtn{font-size:14px;border:1px solid #fff;padding:5px 12px;color:#fff;position:absolute;bottom:-50px;left:50%;margin-left:-60px;border-radius:4px;}
.liststyle li a:hover .info{z-index:1;height:100%;padding-top:210px;background:#00a2ff;}
.liststyle li a:hover .info .ibtn{bottom:15px;}
.liststyle li a:hover .info .ibtn .more-arr{margin-left:5px;}
.liststyle li a:hover .info .ibtn:hover .more-arr{margin-left:10px;}
.liststyle li a:hover .info .tit,.liststyle li a:hover .info .txt{color:#fff;}

/* enhancementDetail.asp页面使用 */
.liststyles{margin-left:-3.5px;margin-right:-3.5px;}
.liststyles li{display:block;padding-left:3.5px;padding-right:3.5px;width:20%;margin-top:20px;margin-bottom:20px;float:left;}
.liststyles li div{width:100%;background:#fff;height:380px;display:block;position:relative;}
.liststyles li div .pic{position:relative;}
.liststyles li div .pic img{width:100%;}
.liststyles li div .info{background:#fff;width:100%;height:160px;position:absolute;overflow:hidden;padding:5px;line-height:150%;bottom:0;left:0;}

/* .liststyles li div .info{background:#fff;width:100%;height:140px;position:absolute;overflow:hidden;padding:5px;line-height:150%;bottom:0;left:0;} */
.liststyles li div .info .tit{font-size:18px;line-height:25px;color:#303030;display:block;text-align:center;margin-bottom:10px;}
.liststyles li div .info .txt{font-size:14px;color:#666;display:block;text-align:center;}
.liststyles li div .info .ibtn{font-size:14px;border:1px solid #fff;padding:5px 12px;color:#fff;position:absolute;bottom:-50px;left:50%;margin-left:-60px;border-radius:4px;}
.liststyles li a:hover .info{z-index:1;height:100%;padding-top:210px;background:#00a2ff;}
/* .liststyles li a:hover .info .ibtn{bottom:15px;}
.liststyles li a:hover .info .ibtn .more-arr{margin-left:5px;}
.liststyles li a:hover .info .ibtn:hover .more-arr{margin-left:10px;}
.liststyles li a:hover .info .tit,.liststyle li a:hover .info .txt{color:#fff;} */


.hcases a{width:170px;height:170px;display:block;float:left;}
.hcases a img{width:170px;height:170px;border:1px solid #ebebeb;}
.hnews a i{margin-top:20px;margin-right:10px;height:8px;width:8px;display:block;border-radius:4px;background-color:#ccc;float:left;}
.hnews{line-height:200%;padding-left:20px;margin-top:3px;}
.hnews a{display:block;font-size:16px;color:#333;line-height:300%;}
.hnews a:hover{color:#000;}


/* remodeling.asp使用start */
   .table-wrapper {    
	

    display: flex;
    justify-content: center;
    align-items: center;
          display: flex;    
          justify-content: center;    
          align-items: center;    
          height: 60%; 
          width: 100%;
          margin: 0;    
          padding: 0;    
          box-sizing: border-box;    
      }    
      
   
      .centered-table {    
          width: 100%; 
          height: 100%;
          border-collapse: collapse; 
          position: relative;
          
      }    
      
     
      .centered-table td {    
        width: 50%; 
        height: 50%;
          text-align: center; 
          vertical-align: middle;
          border: none; 
      }    
    
      .centered-table::before,  
      .centered-table::after {  
          content: '';  
          position: absolute;  
          background-color: #ccc; 
      }  
    
      .centered-table::before {  
          top: 50%;  
          left: 0;  
          right: 0;  
          height: 1px;  
          margin: 0 auto;  
          width: 100%; 
      }  
    
      .centered-table::after {  
          top: 0;  
          bottom: 0;  
          left: 50%;  
          width: 1px;  
          margin: auto 0;  
          height: 100%;
      }  
/* remodeling.asp使用end */
@media (max-width:768px){
    .listcs li{width:50%;}
    .liststyle li{width:50%;}
    .listcss li{width:50%;}
    .liststyles li{width:50%;}
    
}