@charset "utf-8";

@media screen and (max-width:1450px){
  .inner{width:100%;padding:0 50px;}
  footer .info-wrap .qrcode-li img{width:100px;}
}

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

  :root{
   
    /*字体尺寸*/
    --page-tit:55px;
    --page-tab:20px;
    --con-tit:30px;
    --com-txt-bg:22px;
    --com-txt:18px;
    --com-txt-sm:15px;
  }

  .inner{padding:0 30px;}
  header .gnb,
  header .gnb ul{gap:50px;}
  footer .info-wrap ul{gap:50px}
  footer .info-wrap .qrcode-li img{width:150px;}
  footer .info-wrap{padding-top:0;}
  footer{padding:var(--mg-bg) 0;}
  footer .info-wrap .qrcode-flex li{ width: 100px; }
}

@media screen and (min-width:769px){
  .m-only{display:none;}
}

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

  .pc-only{display:none;}
  .m-only{display:block;}

  :root{
   
    /*字体尺寸*/
    --page-tit:35px;
    --page-tab:15px;
    --con-tit:24px;
    --com-txt-bg:20px;
    --com-txt:16px;
    --com-txt-sm:13px;

    /*间隔*/
    --mg-bg:80px;
    --mg-mm:35px;


    
  }
  .inner{padding:0 20px;}
  header .gnb,
  header .gnb ul{gap:10px;}
  header{height:60px;}
  header h1 img{width:200px;}

  header .lang-wrap button{width:60px;height:25px;font-size: 11px;gap:5px;}
  header .lang-wrap li a{width:60px;height:25px;font-size: 11px;}
  header .lang-wrap ul{margin-top:5px;}
  header .lang-wrap li:first-child{margin-bottom:5px;}


  footer{padding:var(--mg-mm) 0;}
  footer .info-wrap{padding: 0}
  footer .info-wrap ul{flex-wrap: wrap;}
  footer .info-wrap .qrcode-flex li{ width: 100px; }
  footer .info-wrap .qrcode-li img{width:100px;}
  footer .info-wrap{align-items: flex-end;}
  footer .info-wrap .con-flex-start{display: flex; flex-direction: column;gap: 30px}
  footer .dh-li p{line-height: 1em;}
  footer .info-wrap li{width:100%;margin-bottom: 10px}
  footer .tel-box p{margin-bottom: 10px}
  footer .qrcode-flex li{display: inline-block;margin-right: 20px;}
  footer .copyright{padding:10px 0;}
  footer .info-wrap .footer-logo{width: 50%;margin: 20px 0;}

  footer .dh-li p .footer-menu{ width: 80px;}

  .allmenu ul{ display: block; }
  .allmenu ul li{ margin: 40px 0 ; transition: all 0.3s ease-in-out; }

  header .gnb .ham-btn{margin-left: 10px}

  .floatingLayer{display:block; padding: 10px;right: 10px}
  .floatingLayer .item{margin: 10px 0}
  .floatingLayer .item a{display: flex;flex-direction: column;justify-content: center;align-items: center;}
  .floatingLayer .item-2{margin: 20px 0}
  .floatingLayer .item .icon-img{width: 30px;}
  .floatingLayer .item p{font-size: 16px;margin-top: 0;}
  .floatingLayer .wechat .wechat-box {left: -170px;bottom: -10px;}
}

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