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

   /* 导航整体高度 */
     .nav{
        height: 91px;
     }
    /* 页眉高度 */
     .topbg{
         height: 25px;
     }
     /* 页眉列表 */
     .top-content li{
        margin-left: 25px;
        /* -webkit-transform: scale(0.9); */
        line-height: 2;
     }
     /* 导航高度 */
     .main_nav{
        height: 66px;
     }
     /* logo大小位置 */     
     .nav-logo{
        width: 175.5px;
        height: 21.6px;
        margin-left: 78%;
     }


     /* 导航列表高度 */
     .main_nav-cont{
        top: 25px;
        height: 66px;
     }
     .main_nav-cont li{
        width: 100px;
        line-height: 36px;
     }
     .main_nav-cont a{
      font-size: 15px;
     }


     /* 导航下划线粗细 */
     .navdrop-down::after{
        height: 4px;
        margin-left: 17px;
        margin-top: 11px;
        width: 66px;
     }
     .nav-text::after{
        height: 4px;
        margin-left: 17px;
        margin-top: 11px;
        width: 66px;
     }

     /* 二级导航内容 */
     .second-nav{
        top: 67px;
        height: 580px;
     }
     .container-top{
        height: 514px;
        background-size: auto 515px;
     }
     /* 左侧导航标题 */
     .container-top ul p{
        width: 183px;
        font-size: 15px;
        line-height: 2.6;       
     }
     .container-top ul li{
        width: 183px;
        line-height: 2.3;
        font-size: 15px;
     }
     .container-top ul li a{    /*SVG图标*/
        font-size: 18px;
        padding-right: 8px;
     }
     .container-top ul li:hover{
        font-size: 16px;
     }
     
     /* 所有产品按钮 */
     .container-top ul p a{  
        font-size: 15px;
        line-height: 2.8;
     }
     .container-top ul p i{   /*SVG箭头*/
        font-size: 18px;
    }
     /* 右侧导航内容 */
     .container-bottom{
        height: 560px;
     }
     .con{
        padding: 32px 0 0 32px;
        width: 840px;
        height: 560px;
     }
     .con ul li.pro-img{
        width: 183px;
        height: 153px;
        margin: 8px;
     }
     .con ul li img{
        width: 50px;
        padding: 25px 0 20px 0;
     }
     .con ul li h5{
        font-size: 16px;
     }
     .con ul li p{
        font-size: 14px;
     }
     
}

/* 适配1440以下屏幕,75% */
@media screen and (max-width:1440px) {
      /* 页眉列表 */
      .top-content li{
         margin-left: 22.5px;  
         line-height: 2.2;    
      }

      /* logo大小位置 */
      .nav-logo{
         width: 165.75px;
         height: 20.4px;
         margin-left: 72%;
      }

      .main_nav-cont li{
         width: 90px;
         margin-top: 2.6%
      }
      /* 导航下划线粗细 */
      .navdrop-down::after{
         margin-left: 15px;
         margin-top: 12px;
         width: 60px;
      }
      .nav-text::after{
         margin-left: 15px;
         margin-top: 12px;
         width: 60px;
      }
 
      /* 二级导航内容 */
      .container-top{
         height: 514px;
         background-size: auto 515px;
      }
      /* 左侧导航标题 */
      .container-top ul p{
         width: 165px;
      }
      .container-top ul li{
         width: 165px;
      }
      
      /* 右侧导航内容 */

      .con{
         padding: 30px 0 0 30px;
         width: 760px;
      }
      .con ul li.pro-img{
         width: 165px;
      }
      .con ul li img{
         width: 45px;
      }
      .con ul li p{
         /* overflow: hidden; */
         white-space: nowrap;
         text-overflow: ellipsis;
      } 
 }

 /* 适配1366以下屏幕,71% */
@media screen and (max-width:1366px) {
    /* 导航整体高度 */
    .nav{
      height: 78px;
   }
   /* 导航整体位置 */
      .pro_nav{
         width: 156px;
         height: 78px;
      }
      /* 导航标题 */
      .cate_tle{
         font-size: 14px;
      }
     /* 页眉高度 */
      .topbg{
          height: 21px;
      }
      /* 页眉列表 */
      .top-content li{
         margin-left: 21px;
         line-height: 21px;
      }
      /* 导航高度 */
      .main_nav{
         height: 57px;
      }
      /* logo大小位置 */
      .nav-logo{
         width: 146.25px;
         height: 18px;
         margin-left: 65%;
      }
 
      /* 导航列表高度 */
      .main_nav-cont{
         top: 21px;
         height: 57px;
      }
      .main_nav-cont li{
         width: 84px;
         line-height: 30px;
         margin-top: 2.3%;
      }
      .main_nav-cont a{
        font-size: 14px;
      }
      /* 导航下划线粗细 */
      .navdrop-down::after{
         height: 3px;
         margin-left: 14px;
         margin-top: 10px;
         width: 56px;
      }
      .nav-text::after{
         height: 3px;
         margin-left: 14px;
         margin-top: 10px;
         width: 56px;
      }
 
      /* 二级导航内容 */
      .second-nav{
         top: 57px;
         height: 480px;
      }
      .container-top{
         height: 439px;
         background-size: auto 440px;
      }
      /* 左侧导航标题 */
      .container-top ul p{
         font-size: 14px;
         width: 156px;
         line-height: 2.4;
      }
      .container-top ul li{
         width: 156px;
         font-size: 14px;
         line-height: 2.2;
      }
      .container-top ul li a{    /*SVG图标*/
         font-size: 16px;
         padding-right: 6px;
      }
      .container-top ul li:hover{
         font-size: 15px;
      }     
      /* 所有产品按钮 */
      .container-top ul p a{  
         font-size: 14px;
         line-height: 2.6;
      }
      .container-top ul p i{   /*SVG箭头*/
         font-size: 16px;
     }
      /* 右侧导航内容 */
      .container-bottom{
         height: 480px;
      }
      .con{
         padding: 28px 0 0 28px;
         width: 710px;
         height: 480px;
      }
      .con ul li.pro-img{
         width: 156px;
         height: 131px;
         margin: 6px;
      }
      .con ul li img{
         width: 43px;
         padding: 21px 0 17px 0;
      }
      .con ul li h5{
         font-size: 14px;
      }
      .con ul li p{
         font-size: 13px;
         -webkit-transform: scale(0.9);
      }
 }

  /* 适配1280以下屏幕,66.6% */
@media screen and (max-width:1280px) {
    /* 导航整体高度 */
    .nav{
      height: 78px;
   }
      /* 页眉列表 */
      .top-content li{
         margin-left: 19px;
         font-size: 12px;
         -webkit-transform: scale(0.8);
      }
      /* logo大小位置 */
      .nav-logo{
         width: 136.5px;
         height: 16.8px;
         margin-left: 60%;
      }

     /* 导航列表 */
      .main_nav-cont a{
         font-size: 13px;
      }
      .main_nav-cont li{
         width: 78px;
      }
      /* .main_nav-cont a{
        font-size: 12px;
      } */
      /* 导航下划线粗细 */
      .navdrop-down::after{
         margin-left: 13px;
         margin-top: 11px;
         width: 52px;
      }
      .nav-text::after{
         margin-left: 13px;
         margin-top: 11px;
         width: 52px;
      }

      /* 二级导航内容 */
      .container-top{
         background-size: auto 440px;
      }
      /* 左侧导航标题 */
      .container-top ul p{
         width: 156px;
      }
      .container-top ul li{
         width: 145px;
         font-size: 13px;
      }
      /* 右侧导航内容 */
      .con{
         padding: 28px 0 0 28px;
         width: 666px;
      }
      .con ul li.pro-img{
         width: 145px;
      }
      .con ul li h5{
         font-size: 13px;
      }
      .con ul li img{
         width: 40px;
         padding: 21px 0 17px 0;
      }
 }

   /* 适配1024以下屏幕,53% */
@media screen and (max-width:1024px) {

   /* 页眉列表 */
   .top-content li{
      margin-left: 16px;
   }
   /* logo大小位置 */
   .nav-logo{
      width: 132.6px;
      height: 16.32px;
      margin-left: 54%;
   }

   .main_nav-cont li{
      width: 70px;
      line-height: 28px;
      margin-top: 3.5%;
   }

   /* 导航下划线粗细 */
   .navdrop-down::after{
      margin-left: 13px;
      width: 44px;
   }
   .nav-text::after{
      margin-left: 13px;
      width: 44px;
   }

   /* 二级导航内容 */
   .container-top{
      background-size: auto 440px;
      margin-left: 14%;
   }
   /* 左侧导航标题 */
   .container-top ul p{
      width: 156px;
   }
   .container-top ul li{
      width: 145px;
      font-size: 12px;
   }
   /* 右侧导航内容 */
   .container-bottom{
      margin-left: 26%;
   }
   .con{
      padding: 28px 0 0 28px;
      width: 666px;
   }
   .con ul li.pro-img{
      width: 145px;
   }
   .con ul li img{
      width: 40px;
      padding: 21px 0 17px 0;
   }
}

   /* 平板适配768 */
@media screen and (max-width:768px) {
   .nav-logo{
      margin-left: 30%;
    }
    .main_nav-cont{
      width: 42%;
    }
   .main_nav-cont li{
      width:60px
   }
   .wrap{width: 100%;}
   
   .navdrop-down:hover>.second-nav{
      display: none;
   }
   
}
   /* 手机版适配 */
@media screen and (min-width: 375px) and (max-device-width: 750px) {
   /* 隐藏顶部说明 */
   .topbg{
       display: none;
   }
   /* 顶部导航 */
   
   .nav{
       height: 48px;
   }
   .main_nav{
       height: 48px;
   }
   .main_nav-cont{
      width: 20%;
      height: 48px;
      overflow: hidden;
   }
   .main_nav-cont li{
      line-height: 48px;
   }
   .main_nav-cont a{
      font-size: 16px;
   }  
   .nav-logo{
       margin-left: 16%;
   }
   
}
@media screen and (max-device-width: 400px) {
   /* 隐藏顶部说明 */
   .topbg{
       display: none;
   }
     /* 顶部导航 */
     .nav{
       height: 48px;
   }
   .main_nav{
      height: 48px;
  }
  .main_nav-cont{
     width: 20%;
     height: 48px;
     overflow: hidden;
  }
  .main_nav-cont li{
     line-height: 48px;
  }
  .main_nav-cont a{
     font-size: 14px;
  }
   .nav-logo{
      width: 136.5px;
      height: 16.8px;
       margin-left: 16%;
   }
}