/* 手机端 */
  @media (max-width:640px){
      .title h2{
          text-align: left;
          margin-left: 15%;
      }
      body{
          font-size: 12px;
      }
    /* 头部导航栏  */
       .header{
           height:60px;
           line-height:60px;
       }
       .header h1{
           display: block;
           width: 80px;
           height: 30px;
           /* margin-left: 50px; */
       }
       .nav{
           margin-left:20px;
           /* height:90px; */
           height: 60px;
       }
       .nav li{
           margin: 14px;
           width: 60px;
           float: left;
           text-align: center;
           line-height: 30px;
           height: 30px;
           /* border: 1px solid red; */
       }
       .nav li a{
           border-radius: 30px;
           width: 60px;
           line-height: 30px;
           height: 30px;
           margin: 0px auto;
       }
       .nav li a:hover,.nav li a.current{
           background: #1FA2FF;  
           background: -webkit-linear-gradient(to right, #fff, #12D8FA, #1FA2FF);  
           background: linear-gradient(to right, #ffff, #12D8FA, #1FA2FF); 
           color:#fff;
           transition:all 0.3s;
           transition-delay:0.2s;
           line-height:30px;
           height: 30px;
           margin:0px auto;
           width: 60px;
           border-radius: 50px;
       }
       .proList li{
           /* float:left; */
           width:260px;
           /* background:#eee; */
           margin:20px 40px;
           padding:10px 10px 5px 10px;
           border: 1px solid transparent;
       }
       .kefuBox{
           top: 100px;
       }
       .xuhao,.c_time,.f_name{
           display: none;
       }
       .tbContent tr td{
        padding: 10px;
        min-width:150px;
        text-align: left;
    }
    .url_address{
        width: 100px;
    }
       .url_address a{
           width: 220px;
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
           display: block;
       }
       .product-show-pic{
           width:300px;
           height:300px;
           margin: 0 4%;
       }
       .f_le,.f_rg{
           float: none;
       }
       .product-show-title{
           width:300px;
           overflow:hidden;
            float:none;
            background:#fff;
            padding:15px 20px;
            margin: 0% 4%;
            margin-top: 16%;
            
       }
       .xiang_list li{
           width: 300px;
           height: 300px;

       }
       .related-product ul{ 
        width:980px;
        margin-top:20px;
        margin: 20px 4%;  

    }
    .product_table tr td:first-child{
        width:20%;
        text-align: left;
        word-wrap: break-word;
        word-break: break-all
      }
      .product_table tr td:last-child{
        text-align: left;
        width:80%;
        word-wrap: break-word;
        word-break: break-all
      }
      .product_table tr td{
        padding: 5px; 
        font-size: 14px;
   
     
      }
      .product_table{
          margin: 10px 4%;
          width: 300px;
      }
      .related-product .title h1{
        text-align: left;
        margin: 0 16%;
    }
    .describe {
        margin: 10px 4%;
        /* font-size: 12px; */
    }
    .describe span{
        width: 300px;
        white-space: normal;
        word-wrap:break-word;
        display: block;
    }
    #gallery{
        clear: both;
        width: 300px;
        height:300px;
    
    }
    .g_img{
        width: 300px;
        height: 300px;
        display: block;
        margin: 10px 4%;
    }
    .g_img img{
        width: 100%;
        height: 100%;
    }
    .product_type,.factory_text,.c_describle{
        width: 300px;
        margin: 20px 4%;
        display: block;
        white-space: normal;
        word-wrap: break-word;

    }
    .listLeft,.f_rg{
        float: none;
    }

} 
/* ipad  中屏幕设备 */
@media (min-width:768px) {
   .header{
       height: 90px;
       line-height: 90px;
       /* border: 1px solid red; */
   }
   .header h1{
       display: block;
       width: 150px;
       height: 50px;
       margin-left: 50px;
   }
   
}
@media (min-width:992px) {
   .header{
       height: 90px;
       line-height: 90px;
       /* border: 1px solid red; */
   }
   .header h1{
       display: block;
       width: 150px;
       height: 50px;
       margin-left: 50px;
   }
   
}
@media (min-width:1200px){
     /* 头部导航栏  */
           .header{
               height: 90px;
               line-height: 90px;
               /* border: 1px solid red; */
           }
           .header h1{
               display: block;
               width: 150px;
               height: 50px;
               margin-left: 50px;
           }
           .proList{width:1200px;overflow:hidden;margin: 50px auto;}
           .proList ul{width:1260px;padding-top:10px;}
           .proList li{
               float:left;
               width:260px;
               /* background:#eee; */
               margin:0px 20px 20px 0px;
               padding:10px 10px 5px 10px;
               border: 1px solid transparent;
           }   
           .kefuBox{
               top:150px;
           }
}