@charset "utf-8";

* {
  margin: 0px;
  padding: 0px;
 
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
body{ font-family:
    "微软雅黑", "Microsoft Yahei", "Source Han Sans", "Source Han Sans CN",
    Arial;}
body,
html {
  width: 100%;
  height: 100%;
  position: relative;
}
body.lang {
  position: relative;
  cursor: pointer;
}

@media (max-width: 800px) {
  body {
    padding-top: 1rem;
  }
}

/* ============================= 网页宽度 开始 ============================= */
.header_width {
  width: 92%;
  max-width: 1680px;
  margin: 0px auto;
}

.publicWidth {
  width: 92%;
  max-width: 1680px;
  margin: 0px auto;
  position: relative;
}

.width1660 {
  max-width: 100%;
  margin: 0px auto;
  position: relative;
}

.width1600 {
  width: 100%;
  max-width: 16rem;
  margin: 0px auto;
  position: relative;
}

.width1500 {
  width: 100%;
  max-width: 15rem;
  margin: 0px auto;
  position: relative;
}

.width1400 {
  width: 100%;
  max-width: 14rem;
  margin: 0px auto;
  position: relative;
}

.width1200 {
  width: 100%;
  max-width: 12rem;
  margin: 0px auto;
  position: relative;
}

/* ============================= 网页宽度 结束 ============================= */
/* 富文本 */
.richText {
  overflow: hidden;
}

.richText img {
  max-width: 100%;
}

/* ========== 限制文本行数 开始 ========== */
/* 文字一行，多余省略号 */
.clamp1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

/* 文字多行，多余省略号 */
.clamp2,
.clamp3,
.clamp4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.clamp2 {
  -webkit-line-clamp: 2;
}

.clamp3 {
  -webkit-line-clamp: 3;
}

.clamp4 {
  -webkit-line-clamp: 4;
}

/* ========== 限制文本行数 结束 ========== */

/* 美化滚动条 - 全局 */
::-webkit-scrollbar {
  width: 2px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #d9e0e9;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: #113f82;
  border-radius: 4px;
  transition: background 0.3s;
}
::-webkit-scrollbar-thumb:hover {
  background: #113f82;
}

/* 隐藏不需要的滚动条（ul/ol） */

/* ul::-webkit-scrollbar,
ol::-webkit-scrollbar {
    display: none
}
ul, ol {
    scrollbar-width: none;
} */

/* ============================= 头部 开始 ============================= */
body {
  position: relative;
}

header {
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  z-index: 9990;
  background: #fff;
}

/* 头部 */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0rem;
}
.header .logo img {
  display: block;
  height: 0.6rem;
  /* width: auto; */
}

.header.logo a {
  display: block;
  margin: 0.1rem 0rem;
}

.lang {
  width: 1.5rem;
  border: 0.01rem solid #ddd;
  border-radius: 6rem;
  line-height: 0.45rem;
  margin-left: 0.1rem;
  margin-right: 0.15rem;
  position: relative;
}
.lang a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lang a span {
  display: inline-block;
  margin: 0 0.1rem;
}

.searchBox input {
  width: 2.4rem;
  height: 0.4rem;
  padding: 0rem 0.2rem;
  display: block;
  border: 0.01rem solid #ddd;
  border-radius: 0.06rem;
}

.searchBox button {
  width: 0.5rem;
  height: 0.4rem;
  display: block;
  border-radius: 0.06rem;
  background: #ecb875;
  color: #fff;
  border: none;
  margin-left: 0.1rem;
}

.headerUl {
  display: flex;
  align-items: center;
}

.headerList {
  color: #333;
  line-height: 0.6rem;
  position: relative;
}

/* .headerList::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 4px;
  background: #0061bd;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
} */

.headerList > a {
  color: #333;
  padding: 0rem 0.3rem;
  font-weight: 700;
}

.headerList:hover > a {
  color: #0061bd;
}

/* .headerList:hover::after {
  width: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
} */

.headerList.active::after {
  width: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.headerList.active > a {
  color: #0061bd;
  font-weight: bold;
}

/* 下拉菜单 */
.headerUl .dropDown {
  position: fixed;
  top: 0.96rem;
  z-index: 999;
  display: none;
  width: 4.8rem;
  padding-top: 0;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

/* 下拉菜单 */
.dropDownMenu {
  position: absolute;
  top: 0.6rem;
  width: 3rem;
  background: rgba(255, 255, 255, 1);
  padding: 0.1rem 0.2rem;
  box-shadow: 0rem 0.05rem 0.2rem rgba(0, 0, 0, 0.04);
  display: none;
  z-index: 999;
}
.lang-dropdown {
  position: absolute;
  top: 0.6rem;
  width: 1.6rem;
  background: rgba(255, 255, 255, 0.9);
  display: none;
  z-index: 999;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
}

.dropDownMenu .dropDownList {
  width: 100%;
}
.dropDownMenu ul li {
  padding: 0.02rem 0.1rem;
  border-bottom: 0.01rem solid #f7f7f7;
}
.dropDownMenu ul li:last-child {
  border-bottom: none;
}

.dropDownMenu .dropDownList li a {
  line-height: 0.4rem;
  color: #333;
}

.dropDownMenu .dropDownList li:hover a {
  color: #0061bd;
  text-decoration: underline;
}

.coreBusiness {
  width: 5rem;
}
.coreBusiness ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.coreBusiness ul li {
  width: 48%;
}
.aboutMenu {
  width: 1.4rem;
}

.dropDownMenu .dropDownList
{
  width: 100%;
}
.dropDownMenu ul li
{
  padding: 0.02rem 0.1rem;
  border-bottom: 0.01rem solid #f7f7f7;
}
.dropDownMenu ul li:last-child
{
  border-bottom: none;
}
.dropDownMenu .dropDownList li a
{
  line-height: 0.4rem;
  color: #333;
  display: block;
  font-weight: 600;
}
.dropDownMenu .dropDownList li:hover a
{
  color: #0061bd;
  text-decoration: underline;
}

.phoneNumber{
  border-left:1px solid #ddd;
  padding-left:0.25rem;
 
}
.phoneNumber img{
  width:0.25rem;
}
.phoneNumber span{
  font-family: 'manrope-Bold';
}

.inptBd i {
  font-size: 0.28rem;
  color: #fff;
}

.inptBd {
  display: flex;
  align-items: center;
  padding: 0rem 0.3rem;
}
.hd-ser .close-ser {
  position: absolute;
  top: 0;
  right: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  color: #a3adc7;
  text-align: center;
  line-height: 0.4rem;
  cursor: pointer;
}
.hd-ser .close-ser i {
  font-size: 0.28rem;
}
.hd-ser .ser-inp {
  padding: 0.1rem 0.3rem;
  width: 100%;
  height: 0.4rem;
  border: none;
  background: 0 0;
  color: #fff;
}



/* =========== 移动端头部 开始 =========== */
@media (min-width: 801px) {
  .mobleHeaderMenu {
    display: none !important;
  }

  .mobleHeader {
    display: none !important;
  }
}

@media (max-width: 800px) {
  .header {
    display: none !important;
  }
}

.mobleHeader {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  padding-left: 4%;
  padding-right: 4%;
  background: #fff;
  box-shadow: 0rem 0.08rem 0.4rem rgba(0, 0, 0, 0.04);
  z-index: 9991;
}

.mobleHeader > div {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobleHeader a {
  display: flex;
  align-items: center;
  font-family: "Montserrat-Bold";
  color: #2a466b;
}

.mobleHeader img {
  height: 0.8rem;
  width: auto;
}

/* 按钮 */
.mobleMenu_button {
  width: 1rem;
  line-height: 1rem;
  text-align: right;
}

.mobleMenu_button span {
  display: inline-block;
  width: 0.28rem;
  height: 0.04rem;
  background: #333;
  margin-bottom: 0.3rem;
  position: relative;
}

.mobleMenu_button span::after,
.mobleMenu_button span::before {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.04rem;
  background: #333;
  position: absolute;
  right: 0rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mobleMenu_button span:before {
  top: 0.18rem;
}

.mobleMenu_button span:after {
  top: -0.18rem;
}

.mobleMenu_button.on span {
  background: rgba(51, 51, 51, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mobleMenu_button.on span::before,
.mobleMenu_button.on span::after {
  top: 0rem;
  width: 0.44rem;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.mobleMenu_button.on span::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

.mobleMenu_button.on span::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

/* 下拉菜单 */
.mobleHeaderMenu {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-top: 55px;
  z-index: 9990;
  background: #fff;
  color: #000;
}

.mobleHeaderMenu ul {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.mobleHeaderMenu ul > li {
  margin-left: 4%;
  margin-right: 4%;
  position: relative;
  border-bottom: 1px solid #edf0f4;
}

.mobleHeaderMenu a {
  display: block;
  font-size: 0.28rem;
  line-height: 1rem;
  margin-right: 1rem;
  text-transform: uppercase;
}

.mobleHeaderMenu span {
  position: absolute;
  top: 0.25rem;
  right: 0.1rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/headerTriangle2.png) no-repeat center right;
  background-size: 0.2rem 0.1rem;
}
.mobleHeaderMenu span i {
  font-size: 0.24rem;
  display: block;
  margin-top: 0.1rem;
}

/* 二级栏目 */
.mobleDropdown {
  display: none;
  background: #f9f9f9;
}

.mobleDropdown li {
  padding-left: 4%;
  color: #000;
}

.mobleDropdown .title {
  font-size: 0.28rem;
  color: #c0c0c0;
  padding-top: 0.3rem;
  margin-bottom: 0.1rem;
}

.mobleDropdown .title:nth-child(n + 2) {
  border-top: 0.01rem dashed #e5e5e5;
}

.mobleDropdown a {
  line-height: unset;
  padding: 0.2rem 0rem;
}




/* =========== 移动端头部 结束 =========== */
/* ============================= 头部 结束 ============================= */

/* ============================= 底部 开始 ============================= */
@media (max-width: 800px) {
  footer .headerTop {
    display: none !important;
  }

  .mobleHeader img {
    height: 0.8rem;
    width: auto;
  }
  .mobPhone{
    display:flex;
    align-items: center;
    padding:0.4rem 0rem;
    border-left: 0
  }
  .mobPhone img{
    height: 0.36rem;
    width: auto;
    margin-right:0.3rem;
  }
  .mobPhone p{font-family: 'manrope-Bold';}
}

footer {
  width: 100%;
  padding-top: 0.2rem;
  background: url(../images/footerBg.png) no-repeat center center;
  color: #fff;
  background-size: cover;
  padding-top: 0.5rem;
}

.footerTopCon {
  display: flex;
  justify-content: space-between;
}
.addressCon {
  display: flex;
  justify-content: space-between;
  width: 80%;
}
.addressLeft {
  width: 30%;
  background: url(../images/compAll.png) no-repeat center center;
  background-size: cover;
  padding: 0.3rem;
  color: #fff;
  height: 3.2rem;
  border-radius: 0.08rem;
}
.addressLeft h4 {
  padding-bottom: 0.2rem;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.3);
  margin-bottom: 0.2rem;
}
.addressLeft p {
  margin-top: 0.25rem;
  padding-left: 0.3rem;
}
.addressLeft p.addr {
  background: url(../images/addr.png) no-repeat left center;
  background-size: 0.2rem 0.2rem;
}
.addressLeft p.phone {
  background: url(../images/phone.png) no-repeat left center;
  background-size: 0.2rem 0.2rem;
}
.addressLeft p.email {
  background: url(../images/email.png) no-repeat left center;
  background-size: 0.2rem 0.2rem;
}

.addressRight {
  width: 68%;
}
.addressRight ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 3.2rem;
  overflow-y: auto;
  padding-right: 0.2rem;
}

.addressRight ul::-webkit-scrollbar {
  display: block;
  width: 0.04rem;
}
.addressRight ul::-webkit-scrollbar-track {
  background: #02275e;
  border-radius: 0.3rem;
}
.addressRight ul::-webkit-scrollbar-thumb {
  background: #113f82;
  border-radius: 0.3rem;
}
.addressRight ul::-webkit-scrollbar-thumb:hover {
  background: #113f82;
}

.addressRight ul li {
  padding: 0.15rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  width: 48%;
  margin-bottom: 0.1rem;
  border-radius: 0.06rem;
  color: rgba(255, 255, 255, 0.6);
}
/*.addressRight ul li:nth-last-child(1){margin-bottom: 0}
.addressRight ul li:nth-last-child(2){margin-bottom: 0}*/
.addressRight ul li h4 {
  font-weight: normal;
}
.addressRight ul li p {
  margin-top: 0.1rem;
  padding-left: 0.2rem;
}

.addressRight ul li p.addr {
  background: url(../images/addr.png) no-repeat left center;
  background-size: 0.15rem 0.15rem;
}
.addressRight ul li p.phone {
  background: url(../images/phone.png) no-repeat left center;
  background-size: 0.15rem 0.15rem;
}
.addressRight ul li p.email {
  background: url(../images/email.png) no-repeat left center;
  background-size: 0.15rem 0.15rem;
}

.erwCon {
  width: 15%;
}
.erwCon p {
  text-align: center;
}

.footerCon {
  border-top: 0.01rem solid rgba(17, 63, 130, 0.6);
  margin-top: 0.4rem;
}

footer .footerBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0.2rem;
}

footer .footerBox .footerItem {
  width: 14%;
}
footer .footerBox .footerItem:nth-child(3) {
  width: 10%;
}
footer .footerBox .footerItem:nth-child(4) {
  width: 10%;
}

footer .footerBox .footerItem:nth-child(5) {
  width: 8%;
}
footer .footerBox .footerItem:last-child {
  width: 6%;
}

footer .footerBox .footerItem h3 {
  position: relative;
}

/* footer .footerBox .footerItem h3::after {
  content: "";
  position: absolute;
  bottom: -0.15rem;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 0.15rem;
  height: 0.03rem;
  background: rgba(255, 255, 255, 1);
} */

footer .footerBox .footerItem ul {
  margin-top: 0.1rem;
  max-height: 2.8rem;
  overflow-y: auto;
}

footer .footerBox .footerItem ul li {
  padding: 0.05rem 0rem;
  opacity: 0.5;
}
footer .footerBox .footerItem ul li:hover {
  opacity: 1;
}

footer .copyRight {
  text-align: center;
  background: #01204d;
  padding: 0.2rem 0rem;
}
footer .copyRight a {
  display: inline-block;
}

.toggle-icon {
  display: none;
}

/* 返回顶部 */
.backTop {
  position: fixed;
  right: 0.3rem;
  bottom: 0.3rem;
  display: none;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../images/backTop.png) no-repeat center center;
  background-size: cover;
  cursor: pointer;
  border-radius: 50%;
  z-index: 200;
}

/* 移动端 */
@media (max-width: 800px) {
  footer {
    line-height: 1.5;
  }
  .footerPart {
    padding: 0.2rem;
  }
  .footerTopCon {
    flex-direction: column;
  }
  .addressCon {
    width: 100%;
    flex-direction: column;
  }
  .addressLeft {
    width: 100%;
    height: auto;
  }
  .addressRight {
    width: 100%;
    margin-top: 0.2rem;
  }
  .addressRight ul {
    height: auto;
  }
  .addressRight ul li {
    width: 100%;
  }
  .fontSize_16 {
    font-size: 0.26rem;
  }
  .fontSize_14 {
    font-size: 0.25rem;
  }
  .addressRight ul li p {
    padding-left: 0.4rem;
  }
  .addressRight ul li p.addr {
    background-size: 0.3rem 0.3rem;
  }
  .addressRight ul li p.phone {
    background-size: 0.3rem 0.3rem;
  }
  .addressRight ul li p.email {
    background-size: 0.3rem 0.3rem;
  }
  .erwCon {
    width: 100%;
  }
  .erwCon img {
    margin: 0 auto;
    display: block;
  }

  .footerCon {
    flex-direction: column;
    margin-top: 0.3rem;
  }

  .backTop {
    display: none !important;
  }

  footer .footerBox {
    flex-direction: column;
    width: 100%;
    margin-top: 0rem;
  }

  footer .footerBox .footerItem {
    margin-top: 0.2rem;
    width: 100%;
  }
  footer .footerBox .footerItem:nth-child(3) {
    width: 100%;
  }
  footer .footerBox .footerItem:nth-child(4) {
    width: 100%;
  }
  footer .footerBox .footerItem:nth-child(5) {
    width: 100%;
  }
  footer .footerBox .footerItem:last-child {
    width: 100%;
  }

  footer .footerBox .footerItem h3 {
    font-size: 0.28rem;
  }
  footer .footerBox .footerItem h3::after {
    display: none;
  }

  .toggle-icon {
    display: block;
  }

  .footerItem h3 {
    display: flex;
    justify-content: space-between;
    font-weight: normal;
  }

  footer .footerBox .footerItem ul {
    display: none;
  }

  .footerBox .footerItem ul li {
    padding: 0.1rem 0rem;
  }

  footer .copyRight {
    padding: 0.2rem;
    display: block;
    text-align: center;
  }

  .copTxt p a {
    display: inline-block;
  }

  footer .copyRight .copyR {
    margin-top: 0.2rem;
  }
}

/* ============================= 底部 结束 ============================= */

/* ============================= 公共样式 开始 ============================= */

/* 标题 */
.section_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section_head p {
  color: #333;
  font-family: "manrope-simpleBold";
}

.pubIndexTitle h2 {
  font-weight: 500;
}

/* 内页Banner */
.pubPageBanner {
  position: relative;
  width: 100%;
  padding-top: 0.7rem;
}

.pubPageBanner img {
  width: 100%;
}

.pubPageTitle {
  position: absolute;
  top: 1.5rem;
  left: 1.9rem;
  color: #fff;
}

.lineBd {
  width: 2rem;
  height: 0.01rem;
  background: #fff;
  margin-top: 0.2rem;
  position: relative;
}

.lineBd:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}

.pubPageTitle p {
  color: #fff;
  font-family: "manrope-semibold";
  text-transform: uppercase;
}

.pubPageTitle h1 {
  margin-top: 0.1rem;
}


/* 内页Banner */
.mobBanner {
  display: none;
}

@media (max-width: 800px) {
  .pcBanner {
    display: none;
  }

  .mobBanner {
    display: block;
  }

  .pubPageTitle {
    position: absolute;
    top: 1rem;
    left: 0.3rem;
  }
  .pubPageBanner{
    padding-top: 0rem;
  }
}

/* ===== 公共样式== 内页导航、翻页、面包屑导航、 开始===== */


/* ========== 分类切换-公用样式 ========== */
.pubChangeTab ul {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;
  color: #fff;
}
.pubChangeTab ul li {
  margin-right: 0.3rem;
  line-height: 0.48rem;
  border-radius: 0.6rem;
  border: 0.01rem solid #e8e8e8;
  padding: 0 0.3rem;
  cursor: pointer;
}
.pubChangeTab ul li:hover {
  background: #0072d0;
  color: #fff;
  border: none;
}

/* 适配 */
@media (max-width: 800px) {
  .pubChangeTab ul {
    flex-wrap: wrap;
  }
  .pubChangeTab ul li {
    margin-right: 0.2rem;
    line-height: 0.48rem;
    border-radius: 0.6rem;
    border: 0.01rem solid #e8e8e8;
    padding: 0 0.2rem;
    cursor: pointer;
    font-size: 0.26rem;
    margin-top: 0.2rem;
  }
}

/* ========== 分类切换-公用样式 end ========== */


/* 公共按钮样式 */
.pubBtn {
  border: 1px solid #666;
  height: 0.5rem;
  line-height: 0.5rem;
  transition: border-color 0.3s ease;
  width: 1.6rem;
  text-align: center;
  border-radius: 0.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pubBtn span {
  display: inline-block;
  margin-right: 0.1rem;
}

/* Font Awesome 箭头图标 */
.pubBtn i.fas.fa-arrow-right {
  font-size: 0.16rem;
  color: transparent;
  color: #333;
  transform: translateX(0) rotate(0deg);
  /* 初始不偏移、不旋转 */
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center;
}

@media (max-width: 800px) {

}

/* ========== 列表页面翻页效果 ========== */
.applyPage {
  margin-top: 0.8rem;
}

.applyPage ul {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}

.applyPage ul li {
  margin: 0 0.05rem;
  text-align: center;
  min-width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background: #f4f4f4;
  border-radius: 5px
}
.applyPage ul li a{padding: 0 10px}
.applyPage ul li a.active {
  background: #0061bd;
  color: #fff;
   border-radius: 5px
}

.applyPage .prev::before {
  content: "←";
  /* 可以根据需要调整样式 */
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.applyPage .next::before {
  content: "→";
  /* 可以根据需要调整样式 */
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
@media (max-width: 800px){
  .applyPage ul li.hidden-sm{display: none}
}
/* ========== 列表页面翻页效果 end ========== */

/* ========== 左侧侧边栏 ========== */
.main-wrap {
  display: grid;
  grid-template-columns: 215px 1fr;
  gap: 40px;
  padding: 0.4rem 0 0.6rem;
}

.sidebar {
  background: #f8fafd;
  border-radius: 8px;
  overflow: hidden;
  height: fit-content;
  position: sticky;
  top: 90px;
  margin-top: -1.1rem;
}
.sidebar-title {
  background: #003388;
  color: #fff;
  padding: 0.25rem 0.2rem;
  font-weight: 600;
  padding-top: 0.4rem;
}
.sidebar-title:before {
  content: "";
  display: block;
  width: 0.3rem;
  height: 0.04rem;
  background: #fff;
  margin-top: 0rem;
  position: relative;
  top: 0rem;
  left: 0rem;
  margin-bottom: 0.3rem;
}
.sidebar-title span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.8;
  margin-top: 2px;
}
.sidebar-nav li a {
  display: block;
  padding: 0.15rem;
  color: #555;
  border-bottom: 1px solid #e8eef7;
  position: relative;
}
.sidebar-nav li a:hover,
.sidebar-nav li a.active {
  background: #fff;
  color: #0047ab;
  border-left: 3px solid #ff7a00;
  padding-left: 0.15;
}

@media (max-width: 992px) {
  
  .main-wrap {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 0.3rem 0.2rem;
  }
  /* 侧边栏改为横向吸顶标签 */
  .sidebar {
    position: sticky;
    top: 0.9rem; /* 对齐顶部导航高度，紧贴导航下方 */
    z-index: 99;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    margin: 0 -20px; /* 撑满容器宽度，对齐页面边缘 */
    padding: 0 0.2rem;
  }
  /* 隐藏侧边栏大标题，避免和页面Banner重复 */
  .sidebar-title {
    display: none;
  }
  .sidebar-nav {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    /* 隐藏原生滚动条 */
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sidebar-nav::-webkit-scrollbar {
    display: none;
  }
  .sidebar-nav li {
    flex-shrink: 0; /* 禁止压缩，保证文字完整 */
  }
  .sidebar-nav li a {
    border: none;
    padding: 14px 4px;
    margin: 0 12px;
    border-bottom: 2px solid transparent;
    font-size: 14px;
  }
  .sidebar-nav li a:hover,
  .sidebar-nav li a.active {
    background: transparent;
    border-left: none;
    border-bottom: 2px solid #ff7a00;
    color: #0047ab;
    padding-left: 4px;
  }
}

/* ========== 左侧侧边栏 end ========== */

/* ========== 右侧主内容 ========== */
.main-content {
  /* min-height: 600px; */
}

/* ========== 面包屑 ========== */
.breadcrumb {
  color: #999;
  padding-bottom: 0.15rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8eef7;
}

.breadcrumb a:first-child {
  background: url(../images/home.png) no-repeat left center;
  background-size: 0.2rem 0.2rem;
  padding-left: 0.2rem;
}
.breadcrumb a:hover {
  color: #0047ab;
}
.breadcrumb span {
  margin: 0 6px;
}
/* ========== 面包屑 end ========== */

/* 详情页公用样式 */
.article-header {
  padding: 0.4rem 0.2rem 0.1rem 0.2rem;
}
.article-body {
  padding: 0.1rem 0.2rem;
}
.article-body p {
  margin-top: 0.2rem;
  color: #666;
  margin-bottom: 0.1rem;
  line-height: 1.9;
}

@media (max-width: 800px) {
  .breadcrumb{
    display: none;
  }
  .crumbsCon {
    flex-direction: column;
  }

  .crumbsBox {
    padding-left: 0.2rem;
    width: 100%;
  }

  .crumbsBox a:first-child {
    background-size: 0.3rem 0.3rem;
  }

  .pubPageNav {
    width: 100%;
  }

  .pubPageNav .navBd {
    padding: 0rem;
  }

  .pubPageNav ul {
    display: flex;
    justify-content: flex-start;
    /* width: 7.2rem; */
    overflow-x: scroll;
  }

  .applyPage ul li {
    margin: 0 0.05rem;
    text-align: center;
    font-size: .3rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background: #f4f4f4;
  }
}

/* =====公共样式==内页导航、 翻页、面包屑导航、 结束 ===== */

/* ============================= 公共样式 结束 ============================= */