@-webkit-keyframes towidth{
  0% {
    width:0;
  }
  100% {
    width:100%;
  }
}
@-webkit-keyframes tohight{
  0% {
    height:0;
  }
  100% {
    height:100%;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --padding: 50px 0;
  }
  span[style='font-size:48px']{
    font-size:36px !important;
  }
  span[style='font-size:24px']{
    font-size:18px !important;
  }
  span[style='font-size:18px']{
    font-size:14px !important;
  }
  span[style='font-size:16px']{
    font-size:14px !important;
  }
  #c_portalResPublic_codeContainer-16227945482534922 li{
    font-size:16px !important;
  }
  #c_portalResPublic_codeContainer-16227945482534922{
    margin-bottom:4rem;
  }
  #c_portalResPublic_codeContainer-16227945482534922 ul {
    margin: 10vw 0;
  }
  #w_fimg-1622793244877{
    margin-top:4rem;
    margin-bottom:2rem;
  }
  #c_portalResNews_list-16230299402277487 .newBox {
    padding: 35px 0 20px;
  }
  #c_portalResNews_list-16230299402277487 span.timel {
    display: block;
    font-size: 30px;
  }
  #c_portalResNews_list-16230299402277487 .summary {
    font-size: 14px;
  }
  .more_box {
    width: 120px !important;
    height: 40px !important;
    font-size: 16px !important;
    line-height: 40px !important;
  }
  div#content_box-1621996184381-0 {
    /* display: none; */
  }
  #w_grid-1622792883815{
    margin:0 auto !important;
  }
  div#c_portalResnav_main-16219964305149443 {
    display: none;
  }

  div#w_grid-1621996928997 {
    display: none;
  }
  #w_grid-1621997978133 p{
    text-align:center !important;
  }

  div#w_grid-1621996184381 {
    margin: 10px auto;
  }
  .c_portalResnav_main-01001005 .pc_nav {
    position: relative;
  }
  .reset_style h2 {
    font-size: 32px !important;
  }
  .reset_style h3 {
    font-size: 36px !important;
  }
  #w_grid-1622108258873> div > .p_gridbox,
  #w_grid-1622100267395> div > .p_gridbox,
  #w_grid-1622000636022 > div > .p_gridbox {
    display: flex;
    align-items: center;
  }
  #w_grid-1621998932732,
  #w_grid-1622000594095{
    margin:50px auto;
  }
  #c_portalResNews_list-16220153698800899 .rightCotent{
    padding-bottom:75%;
  }
  #c_portalResNews_list-16220153698800899 img.js_thumb.newPic {
    width: auto;
    height: 100%;
  }
  #c_portalResNews_list-16220153698800899 article.newMs {
    font-size: 14px;
  }#c_portalResNews_list-16220153698800899 h3.newTitle1 {
    font-size: 32px;
  }
  #c_portalResNews_list-16220153698800899 .newList2{
    margin-top: 0;
  }
  #c_portalResNews_list-16220153698800899 .newList {
    width: calc((100% - 20px) / 2);
    margin: 5px;
  }
  #w_fimgbox-1622020901960 .w_imgbox > img {
    width: auto;
    height: 100%;
  }
  #c_portalResFriendlink_list-16220223337225111 ul.lists.p_links{
    margin:0 auto;
  }
  #c_portalResFriendlink_list-16220223337225111 .e_box.L_box {
    max-width: 140px;
    padding-left: 3%;
    top: -15px;
    left: 3%;
  }
  #c_portalResFriendlink_list-16220223337225111 h3 {
    font-size: 24px;
  }
  #w_grid-1621998930423 > div > .p_gridbox {
    background-color: #fff;
  }
  #c_portalResFriendlink_list-16220223337225111 span.square {
    width: 200px;
    height: 150px;
  }
  #c_portalResFriendlink_list-16220223337225111 li.list {
    width: calc((100% - 20px) / 2);
    overflow: hidden;
    margin: 5px;
  }
  #c_portalResFriendlink_list-16220223337225111 img.listImgCover {
    margin: 0;
    box-shadow: none;
  }
  #c_portalResFriendlink_list-16220223337225111 li.list:nth-child(-n+5):nth-child(n+3){
    width: calc((100% - 30px) / 3);
  }

  #c_portalResFriendlink_list-16220223337225111 p {
    font-size: 14px;
  }
  #c_portalResProduct_list-16220879323544875 .p_Product.proLi {
    width: calc((100% - 20px) / 2) !important;
    margin: 5px !important;
  }
  #c_portalResProduct_list-16220879323544875 .leftBox{
    font-size:14px;
  }
  #w_grid-1622105191431,
  #w_grid-1622099983445{
    margin:0;
    padding:15px 0;
  }
  #w_common_text-1622105191441 span,
  #w_common_text-1622100021012 span{
    font-size: 14px !important;
    line-height: 22px;
    color:#595959;
  }
  #w_common_text-1622105191446 span,
  #w_common_text-1622100052362 span{
    color: rgba(0,0,0,0.45);
    font-size: 14px !important;
    line-height: 22px;
  }
  #c_portalResNews_relatedlist-1622108258913 .fa_AbList .fa_Abli,
  #c_portalResNews_list-1622105191456 .newList,
  #c_portalResNews_relatedlist-16221006049909835 .fa_AbList .fa_Abli,
  #c_portalResNews_list-16220992693469057 .newList{
    width: calc((100% - 20px) / 2);
    margin: 5px !important;
  }
  .c_portalResPublic_websiteShare-01001 .iShare a {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 5px;
  }
  .p_pagebox .next .font,
  .p_pagebox .pre .font {
    display: table-cell;
    vertical-align: middle;
    bottom: 0;
    font-size: 14px;
  }
  .p_pagebox .next,
  .p_pagebox .next:hover{
    background-color: #00a8ce;
  }
}