@charset "utf-8";
/* ==========================================================================
   Portal header, navigation and footer.
   Ported 1:1 from https://www.ciapst.org/ (publichs.css, publichs_media.css
   and the inline header styles on that page). Mobile rem values from the
   reference (750px design width, html font-size = width / 7.5) are expressed
   here as vw so the header scales identically without touching the root
   font size the rest of this site relies on.
   ========================================================================== */

/* 与参照站一致的排版：html{font-family:'微软雅黑'}，body 上的 optimizeLegibility +
   antialiased 抗锯齿（hanweb.css）。少了后一组，同样的字号字色在深底上会明显更粗更亮。 */
.pubhead,
.pub_outernav,
.footers {
  font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", Arial, sans-serif;
  /* 参照站 body 未声明 line-height，各处默认 normal；本站 body 是 1.65，会把
     .head_lj 这类没单独设行高的元素撑高，故在这里对齐参照站的默认值。 */
  line-height: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}

.pubhead ul,
.pub_outernav ul { margin: 0; padding: 0; list-style: none; }
.pubhead dl,
.pubhead dd,
.pub_outernav dl,
.pub_outernav dd { margin: 0; padding: 0; }
.pubhead img,
.pub_outernav img { display: block; }
.pubhead input,
.pub_outernav input { outline: none; }
.pubhead a,
.pub_outernav a { color: #333; outline: none; text-decoration: none; }
.pubhead a:hover,
.pub_outernav a:hover { text-decoration: none; }
.pubhead a:focus,
.pub_outernav a:focus { outline: none; }

.pubhead .clear,
.pub_outernav .clear { clear: both; height: 0; overflow: hidden; }
.posi { position: relative; }
.pubcore {
  border: 1px solid #fbfcfd;
  background-color: #fff;
  box-shadow: #e6e6e6 0 0 15px;
  -webkit-box-shadow: #e6e6e6 0 0 15px;
}

/* ------------------------------- head ---------------------------------- */
.naven { display: none; }
.navbar { display: none; }

.pubhead {
  width: 100%;
  min-width: 1200px;
  height: 176px;
  background: url("../img/portal/pubhead.jpg") no-repeat center 100%;
}
.pubhead .w1200,
.pubnav .w1200 { width: 1200px; margin: 0 auto; }

/* 站标按原始尺寸显示（与参照站一致，logo2.png 598x116） */
.publogo { display: block; float: left; margin-top: 40px; }
.publogo img { width: auto; height: auto; }

.pubheadrihgt { float: right; margin-top: 53px; }
.pubheadrihgt ul { float: right; display: flex; align-items: center; }
.pubheadrihgt ul li {
  float: left;
  height: 14px;
  padding: 0 20px;
  border-right: 1px solid #ccc;
  font-size: 14px;
  line-height: 14px;
}
.pubheadrihgt ul li a { color: #666; }
.pubheadrihgt ul li a:hover { color: #265b97; }
.pubheadrihgt ul li.bs { padding-right: 0; border-right: none; }

.head_lj { margin-top: 38px; margin-left: 20px; }
.head_lj a {
  display: block;
  color: #7c0000;
  font-size: 16px;
  text-shadow: #fff 1px 0 2px, #fff 0 1px 2px, #fff -1px 0 2px, #fff 0 -1px 2px;
}
.head_lj a:hover { color: #7c0000; }
/* 中英文标语都保持单行，头部高度与参照站一致 */
.head_lj a { white-space: nowrap; }

/* collapsing header search */
.search-box {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
  float: right;
  justify-content: flex-end;
  width: 32px;
  height: 30px;
  margin: 0 20px;
  padding: 0;
  background: transparent;
  border-radius: 16px;
  transition: width .25s ease, padding .25s ease, background-color .25s ease;
}
.search-box.is-open {
  justify-content: flex-start;
  width: 180px;
  padding: 0 10px;
  background: #163e82;
}
.search-box .comp-text {
  flex: 1;
  min-width: 0;
  width: 0;
  height: 30px;
  line-height: 30px;
  background: none;
  font-size: 14px;
  color: #fff;
  border: none;
  border-radius: 0;
  opacity: 0;
  transition: opacity .2s ease;
  pointer-events: none;
}
.search-box.is-open .comp-text { opacity: 1; pointer-events: auto; }
.search-box .comp-text::placeholder { color: #fff; }
.search-box .search-toggle-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.search-box.is-open .search-toggle-btn { width: auto; padding-left: 4px; }
.search-box .comp-btn { width: auto; height: 15px; margin: 0; vertical-align: middle; }

/* -------------------------------- nav ---------------------------------- */
.pub_outernav { min-width: 1200px; }
.pubnav { height: 60px; background: #163e82; }

.pubsnav > li {
  float: left;
  width: 16.38%;
  text-align: center;
  border-left: 1px solid #9fb1cc;
}
.pubsnav > li:first-child { border-left: none; }
.pubsnav > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 60px;
  padding: 0 8px;
  color: #fff;
  font-size: 22px;
  line-height: 60px;
}
.pubsnav > li > a:hover,
.pubsnav > li.on > a { color: #fff; }
.nav-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}
.pubsnav > li:hover { background-color: #063870; }
.pubsnav > li.on,
.pubsnav > li:hover {
  margin-top: -5px;
  border-top: 5px solid #bd5252;
  background-color: #063870;
}
.pubsnav > li.on > a,
.pubsnav > li:hover > a { font-weight: 600; }

/* 一级菜单图标（沿用站内原图标） */
.pubsnav > li:nth-child(1) .nav-icon { background-image: url("../img/portal/nav-home.png"); }
.pubsnav > li:nth-child(2) .nav-icon { background-image: url("../img/portal/nav-about.png"); }
.pubsnav > li:nth-child(3) .nav-icon { background-image: url("../img/portal/nav-news.png"); }
.pubsnav > li:nth-child(4) .nav-icon { background-image: url("../img/portal/nav-journals.png"); }
.pubsnav > li:nth-child(5) .nav-icon { background-image: url("../img/portal/nav-submit.png"); }
.pubsnav > li:nth-child(6) .nav-icon { background-image: url("../img/portal/nav-contact.png"); }

.pubsmdown {
  display: none;
  width: 15px;
  height: 8px;
  margin-top: -8px;
  margin-left: 70px;
  background: url("../img/portal/pubdown.png") no-repeat;
}
.pubsnav > li.on .pubsmdown,
.pubsnav > li:hover .pubsmdown { display: block; }

/* 二级菜单 */
.pubsnav > li .nav_er {
  text-align: left;
  box-shadow: 0 10px 15px #e6e6e6;
  -webkit-box-shadow: 0 10px 15px #e6e6e6;
}
.nav_er {
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 999;
  display: none;
  overflow: hidden;
  width: 1200px;
  height: 90px;
  line-height: 90px;
  border: 1px solid #eff0f0;
  background: #fff;
  /* 菜单项必须排在同一行：这里高度固定 90px 且 overflow:hidden，
     一旦折行，第二行会被整行裁掉（英文标签较长时曾出现） */
  white-space: nowrap;
}
.nav_er > dd { display: inline-block; width: auto; font-size: 18px; }
.nav_er > dd > a {
  display: inline-block;
  min-width: 40%;
  height: 90px;
  padding-left: 50px;
  padding-right: 20px;
  color: #666;
  line-height: 90px;
  text-align: left;
}
.nav_er > dd > a:hover,
.nav_er > dd.on > a { border-bottom: 6px solid #265b97; color: #265b97; }
.nav_er > dd > span { float: right; display: inline-block; width: 1%; color: #dedede; }

/* 二级菜单整体左缩进，使其落在各自一级菜单所在的列下方（参照站同样按栏目逐个设定） */
.pubsnav .nav_jg { padding-left: 200px; }
.pubsnav .nav_zw { padding-left: 595px; }
.pubsnav .nav_fw { padding-left: 790px; }

/* 英文标签比中文长，按中文缩进会挤出 1200px 容器导致折行被裁；
   适当左移，仍大致落在各自一级菜单下方 */
@media screen and (min-width: 769px) {
  html[lang="en"] .pubsnav .nav_zw { padding-left: 510px; }
  html[lang="en"] .pubsnav .nav_fw { padding-left: 730px; }
}

/* 二级菜单 关于中心 */
.nav_jg > .firt a { background: url("../img/portal/sy_lingdao.png") no-repeat 15px 34px; }
.nav_jg > .firt + dd a { background: url("../img/portal/sy_jigou.png") no-repeat 15px 36px; }
.nav_jg > .firt a:hover,
.nav_jg > .on a { background: url("../img/portal/sy_lingdao_on.png") no-repeat 15px 34px; }
.nav_jg > .firt + dd a:hover,
.nav_jg > .firt + dd.on a { background: url("../img/portal/sy_jigou_on.png") no-repeat 15px 36px; }

/* 二级菜单 期刊 */
.nav_zw > dd { width: auto; }
.nav_zw > .firt a { background: url("../img/portal/sy_xinxigongkai.png") no-repeat 15px 35px; }
.nav_zw > .firt + dd a { background: url("../img/portal/sy_zhengcewenjian.png") no-repeat 15px 37px; }
.nav_zw > .firt + dd + dd a { background: url("../img/portal/sy_difangzhengfu.png") no-repeat 15px 34px; }
.nav_zw > .firt a:hover,
.nav_zw > .on a { background: url("../img/portal/sy_xinxigongkai_on.png") no-repeat 15px 35px; }
.nav_zw > .firt + dd a:hover,
.nav_zw > .firt + dd.on a { background: url("../img/portal/sy_zhengcewenjian_on.png") no-repeat 15px 37px; }
.nav_zw > .firt + dd + dd a:hover,
.nav_zw > .firt + dd + dd.on a { background: url("../img/portal/sy_difangzhengfu_on.png") no-repeat 15px 34px; }

/* 二级菜单 在线投稿 */
.nav_fw > .firt a { background: url("../img/portal/fwfwpt.png") no-repeat 20px 30px; }
.nav_fw > .firt + dd a { background: url("../img/portal/ggfw.png") no-repeat 25px 35px; }
.nav_fw > .firt a:hover,
.nav_fw > .on a { background: url("../img/portal/ls2.png") no-repeat 20px 30px; }
.nav_fw > .firt + dd a:hover,
.nav_fw > .firt + dd.on a { background: url("../img/portal/ls3.png") no-repeat 25px 35px; }

.pubnav-mobile-search { display: none; }

/* ------------------------------ mobile --------------------------------- */
@media screen and (max-width: 768px) {
  body.deadlock { overflow: hidden; }

  .pubhead { height: auto; min-width: auto !important; background: none !important; }
  .pub_outernav { min-width: auto; }
  .pubhead .w1200 {
    position: relative;
    width: 100%;
    height: 16vw;
    padding-bottom: 1.2vw;
    border-bottom: 1px solid #f7f7f7;
  }
  /* 本站站标比参照站更高（比例 3.9 : 6.7），按高度收窄以放进 16vw 的头部行 */
  .publogo { width: 48%; margin-top: 2vw; margin-left: 3.3333vw; }
  .publogo img { width: 100%; max-width: 100%; height: auto; }
  .navbar {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 16vw;
    height: 16vw;
    background: url("../img/portal/nav_bar.jpg") no-repeat 100% 100%;
    background-size: contain;
    -webkit-background-size: contain;
  }
  .navbar_on {
    background: url("../img/portal/nav_bar_close.jpg") no-repeat 100% 100%;
    background-size: contain;
    -webkit-background-size: contain;
  }
  .naven {
    float: left;
    display: block;
    height: 10.6667vw;
    margin-top: 2.6667vw;
    margin-left: 5.3333vw;
    color: #265b97;
    font-size: 4vw;
    line-height: 10.6667vw;
    text-align: center;
  }
  .pubheadrihgt {
    position: absolute;
    top: 16vw;
    z-index: 999;
    display: none;
    width: 100%;
    margin-top: 0;
    padding-bottom: 5.3333vw;
    background: #bd5252;
  }
  .pubheadrihgt ul { display: none; }
  .head_lj { display: none; }
  .search-box { display: none; }

  .pubnav {
    position: absolute;
    top: 16vw;
    left: 0;
    z-index: 999999;
    display: none;
    width: 100%;
    height: auto;
    border-top: 1px solid #f7f7f7;
    background: #fff;
  }
  .pubnav .w1200 { width: 100%; padding: 0 4vw; box-sizing: border-box; }
  .pubsnav > li {
    position: relative;
    width: 100% !important;
    padding-top: 4.8vw;
    padding-bottom: 3.4667vw;
    border-left: none;
    border-bottom: 1px solid #eeeeee !important;
    text-align: left;
  }
  .pubsnav > li.on,
  .pubsnav > li:hover { margin-top: 0; border-top: none; background-color: #fff !important; }
  .pubsnav > li.on > a,
  .pubsnav > li:hover > a { font-weight: normal; }
  .pubsnav > li > a {
    display: inline;
    height: auto;
    padding: 0;
    background: none !important;
    color: #333;
    font-size: 3.7333vw;
    font-weight: 600 !important;
    line-height: inherit;
  }
  .nav-icon { display: none; }
  .pubsnav > li.on > a,
  .pubsnav > li:hover > a { color: #333; }
  .pubsmdown {
    position: absolute;
    top: 5.3333vw;
    right: 0;
    display: block !important;
    width: 4vw;
    height: 4vw;
    margin-top: 0;
    margin-left: 0;
    background: url("../img/portal/navapp_close.jpg") no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
  }
  .pubsmdown_on {
    background: url("../img/portal/navapp_open.jpg") no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
  }
  .pubsnav > li:hover .nav_er { display: none; }
  .pubsnav > li .nav_er,
  .nav_er > dd > a {
    position: inherit;
    height: auto;
    line-height: 8vw;
    box-shadow: none;
  }
  .pubsnav > li .nav_er { top: 0; width: 100%; padding-top: .6667vw; padding-left: 4vw; }
  .nav_er { border: none; white-space: normal; }
  .nav_er > dd { width: 100%; margin-left: 0 !important; font-size: 3.4667vw; }
  .nav_er > dd > span { display: none; }
  .nav_er a { background: none !important; }
  .nav_er > dd > a {
    min-width: inherit;
    padding-left: 4vw !important;
    padding-right: 0;
    background: url("../img/portal/navapppoint.jpg") no-repeat left center !important;
  }
  .nav_er > dd > a:hover,
  .nav_er > dd.on > a { border-bottom: none; color: #666; }
  .nsk { overflow-y: auto; -webkit-overflow-scrolling: touch; }

  .pubnav-mobile-search {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 3.2vw 0 4.8vw;
    border-bottom: 1px solid #eeeeee;
    box-sizing: border-box;
  }
  .pubnav-mobile-search-inner {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    width: 100%;
    min-width: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
  }
  .pubnav-mobile-search-input {
    flex: 1;
    width: auto;
    min-width: 0;
    max-width: none;
    height: 9.6vw;
    padding: 0 3.2vw;
    border: none;
    border-radius: 0;
    background: #fff;
    color: #333;
    font-size: 14px;
    line-height: 9.6vw;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
  }
  .pubnav-mobile-search-input::placeholder { color: #999; }
  .pubnav-mobile-search-btn {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.6667vw;
    min-width: 9.6vw;
    margin: 0;
    padding: 0;
    border: none;
    border-left: 1px solid #ddd;
    background: #f5f5f5;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .pubnav-mobile-search-icon { display: block; width: 4.5333vw; height: auto; vertical-align: middle; }
}

/* ==========================================================================
   Footer — ported from https://www.ciapst.org/ (publichs.css .footers block).
   ========================================================================== */
.footers {
  min-width: 1200px;
  padding: 50px 0;
  background: url("../img/portal/pubfoot.jpg") repeat-x #0154a2;
  color: #fff;
}
.footers ul { margin: 0; padding: 0; list-style: none; }
.footers p { margin: 0; }
.footers .clear { clear: both; height: 0; overflow: hidden; }
.footers .fl { float: left; }
.footers .fr { float: right; }
.w1140 { width: 1200px; margin: 0 auto; }

.footer_l { width: 800px; padding-top: 5px; }
.footer_l p { color: #fff; font-size: 14px; line-height: 24px; }
.footer_l .p1 {
  height: 30px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  line-height: 30px;
}
.footer_l .p2 { margin: 2px 0; font-size: 14px; }
.footer_l a { color: #fff; text-decoration: none; }
.footer_l a:hover { color: #ff0; text-decoration: none; }
.footer_nav_1 { display: none; }

/* 与线上 iaewc.com 内联样式一致 */
.icp-link {
  margin-top: 5px;
  color: #fff !important;
  text-align: center;
  font-size: 12px;
}
.icp-link a:hover {
  text-decoration: underline;
  color: #fff !important;
}
.info-item { display: inline-block; white-space: nowrap; }

.footer_r { width: 300px; }
.footer_r .ewm { float: right; width: 100px; margin-left: 20px; padding: 5px; text-align: center; }
.footer_r .ewm img { width: 92px; height: 92px; max-width: none; }
.footer_r .ewm p { line-height: 24px; }

@media screen and (max-width: 768px) {
  .footers { min-width: auto; }
  .w1140 { width: 95%; margin: 0 auto; }
  .footer_l { width: 100%; float: none; }
  .footer_l .p1 { height: auto; }
  .footer_r { width: 100%; float: none; }
  .footer_r .ewm { float: none; display: inline-block; width: 42%; }
  .info-item { display: contents; width: 100%; white-space: normal; }
}