.headMobile{ display: none;}

    /* top */
    .headPc{ display: block; min-height: 70px; border-bottom: solid 1px #bfbfbf; background: #fff; width: 100%; max-width: 100%; min-width: 1200px; position: fixed; top: 0; z-index: 99;}
    .headPc .logo{ float: left; margin: 25px 0 0 10px;}
  
    /* menu */
    .headPc .menuMod{ float: left;}
    .headPc .menuMod li{ float: left; position: relative; margin-left: 60px;}
    .headPc .menuMod li>a{ color: #666;font: 16px/69px "Microsoft YaHei"; display: block;border-bottom:3px solid transparent; position: relative;}
    .headPc .menuMod li:hover>a{ color:#0073ff; border-bottom:3px solid #0073ff;}
    .headPc .menuMod .list{ width: 100%; background: #fff; position: fixed; left: 0; top: 72px; z-index: 9;  opacity: 0; height: 0; display: none; overflow: hidden; border-bottom: solid 1px #bfbfbf;
      -webkit-transition: all 0.5s ease-in-out; 
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .headPc .menuMod li .icon{ width: 9px; height: 8px; background:url(https://www.cfca.com.cn/2025site/img/menu_arrow.jpg) no-repeat; position: absolute; right: -15px; top: 30px; opacity: 0; display: none;}
    .headPc .menuMod .list dl{ padding: 20px 0; margin: 0 20px;}
    .headPc .menuMod .list dt{ color: #333; font: 20px/50px "Microsoft YaHei"; height: 50px; border-bottom: solid 1px #d7d7d7; }
    .headPc .menuMod .list dd a{ color: #666; font: 14px/20px "Microsoft YaHei"; margin-top: 20px; display: block;}
    .headPc .menuMod .list a:hover{color:#0073ff;}
    .headPc .menuMod .on .list{ opacity: 1;}
    .headPc .menuMod .on .icon{ display: block; opacity: 1;}
  
    /* search */
    .headPc .searchMod{ width: 130px; float: right; margin: 7px 13px 0 0 ;}
    .headPc .searchMod .info{ color: #bcbcbc; font: 12px/20px "Microsoft YaHei"; text-align: right; }
    .headPc .searchMod .search{ width: 100%; height: 20px; border: solid 1px #babbbc; border-radius: 10px; }
    .headPc .searchMod .input{  width: 87px; height: 20px; float:left; border: none; margin-left: 10px; background: none;}
    .headPc .searchMod .btn{ float: right; height: 20px; width: 20px; margin-right: 3px; background:url(https://www.cfca.com.cn/2025site/img/searchIcon.jpg) no-repeat center; border: none; text-indent: -9999px; cursor: pointer;}
    
    .menuMobileWrap{ display: none;}

/*移动端*/
@media screen and (max-width: 767px) {

   .headPc{ display: none;}
   .headMobile{ display: block;}

   .headMobile{ width: 100%; margin: 0 auto; height: 1rem; background: #fff; position: fixed; left: 0;top: 0; z-index: 999999;box-shadow: 0 10px 10px #f0f0f0;}
   .headMobile .logo{ height: 0.36rem;position: relative; left: 0.2rem; top: 0.18rem;}
   .headMobile .search{ width: 0.36rem; position: absolute; right: 1.56rem; top: 0.40rem;}
   .headMobile .menuBtn{ width: 0.41rem; height: 0.29rem; background:url(https://www.cfca.com.cn/2025site/img/menuIconMobile.jpg) no-repeat; background-size: contain; position: absolute; right: 0.47rem; top: 0.43rem;}

   .menuMobileWrap{ display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 1rem; background: #f8f8f8; z-index: 99999;}
}
/*ipad*/
@media screen and (min-width: 768px) {
  .headPc{ display: none;}
   .headMobile{ display: block;}

   .headMobile{ width: 100%; margin: 0 auto; height: 1rem; background: #fff; position: fixed; left: 0;top: 0; z-index:999999;box-shadow: 0 10px 10px #f0f0f0;}
   .headMobile .logo{ height: 0.36rem;position: absolute; left: 0.2rem; top: 0.18rem;}
   .headMobile .search{ width: 0.36rem; position: absolute; right: 1.56rem; top: 0.40rem;}
   .headMobile .menuBtn{ width: 0.41rem; height: 0.29rem; background:url(https://www.cfca.com.cn/2025site/img/menuIconMobile.jpg) no-repeat; background-size: contain; position: absolute; right: 0.47rem; top: 0.43rem;}
  
}
/*pc*/
@media screen and (min-width: 1200px) {
  .headPc{ display: block;}
  .headMobile{ display: none;}

}