﻿body {
  background: #f5f6f8;
}

.hero-banner {
  background-image:
          linear-gradient(180deg, rgba(8, 33, 65, .26), rgba(8, 33, 65, .12) 38%, rgba(8, 33, 65, 0) 100%),
          url("../assets/jjybg.jpg");
}

.leftList .second-list {
  display: block;
  background: #fff;
}

.leftList > li > .second-list,
.leftList > li > ul,
.leftList > li > ol,
.leftList .second-list li > ul,
.leftList .second-list li > ol {
  background: #fff;
}

.leftList > li:not(.active):not(.current):not(.on):not(:hover) > .second-list,
.leftList > li:not(.active):not(.current):not(.on):not(:hover) > ul,
.leftList > li:not(.active):not(.current):not(.on):not(:hover) > ol {
  display: none;
}

.leftList > li:hover > .second-list,
.leftList > li:hover > ul,
.leftList > li:hover > ol,
.leftList > li.has-current > .second-list,
.leftList > li.has-current > ul,
.leftList > li.has-current > ol {
  display: block;
}

.leftList .second-list li > ul,
.leftList .second-list li > ol,
.leftList > li > ul li > ul,
.leftList > li > ul li > ol,
.leftList > li > ol li > ul,
.leftList > li > ol li > ol {
  display: none;
}

.leftList .second-list li:hover > ul,
.leftList .second-list li:hover > ol,
.leftList .second-list li.active > ul,
.leftList .second-list li.active > ol,
.leftList .second-list li.current > ul,
.leftList .second-list li.current > ol,
.leftList .second-list li.on > ul,
.leftList .second-list li.on > ol,
.leftList > li > ul li:hover > ul,
.leftList > li > ul li:hover > ol,
.leftList > li > ol li:hover > ul,
.leftList > li > ol li:hover > ol {
  display: block;
}

.leftList .second-list li.active a,
.leftList .second-list li.current a,
.leftList .second-list li.on a,
.leftList .second-list li:hover a {
  background: #eef2f7;
  color: #1d5ca9;
}

.leftList .second-list li > ul li a,
.leftList .second-list li > ol li a,
.leftList > li > ul li > ul li a,
.leftList > li > ul li > ol li a,
.leftList > li > ol li > ul li a,
.leftList > li > ol li > ol li a {
  padding-left: 42px;
  min-height: 46px;
  line-height: 46px;
  font-size: 18px;
}

.location {
  margin-bottom: 22px;
}

.article-shell {
  color: #2d333b;
}

.article-shell h1,
.article-shell h2,
.article-shell h3,
.article-shell .arti_title,
.article-shell .Article_Title,
.article-shell .title {
  font-size: 26px;
  line-height: 1.35;
  color: #303640;
  font-weight: 700;
}

.article-shell h1,
.article-shell h2,
.article-shell .arti_title,
.article-shell .Article_Title,
.article-shell > .title {
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e8ed;
}

.article-shell .arti_metas,
.article-shell .Article_PublishDate,
.article-shell .Article_Source,
.article-shell .Article_Author,
.article-shell .Article_Hits,
.article-shell .Article_Publisher,
.article-shell .info {
  color: #7d8794;
  font-size: 14px;
  line-height: 1.8;
}

.article-shell .arti_metas,
.article-shell .info {
  margin-bottom: 18px;
}

.article-shell p,
.article-shell div,
.article-shell td,
.article-shell span,
.article-shell font {
  font-size: 16px;
  line-height: 2;
}

.article-shell p {
  margin-bottom: 10px;
  text-indent: 2em;
}
.article-shell p[align="left"] {
  text-indent: 0;
}

.article-shell img {
  max-width: 100% !important;
  height: auto !important;
  margin: 18px auto;
}

.article-shell table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: collapse;
}

.article-shell iframe,
.article-shell video {
  max-width: 100%;
}

@media (max-width: 1199px) {
  .article-shell h1,
  .article-shell h2,
  .article-shell h3,
  .article-shell .arti_title,
  .article-shell .Article_Title,
  .article-shell .title {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .hero-banner {
    background-image:
            linear-gradient(180deg, rgba(8, 33, 65, .14), rgba(8, 33, 65, 0) 65%),
            url("../assets/jjybgh5.jpg");
  }

  .article-shell h1,
  .article-shell h2,
  .article-shell h3,
  .article-shell .arti_title,
  .article-shell .Article_Title,
  .article-shell .title {
    font-size: 22px;
    margin-bottom: 18px;
    padding-bottom: 12px;
  }

  .article-shell p,
  .article-shell div,
  .article-shell td,
  .article-shell span,
  .article-shell font {
    font-size: 16px;
    line-height: 1.95;
  }
}

@media (max-width: 767px) {
  .article-shell h1,
  .article-shell h2,
  .article-shell h3,
  .article-shell .arti_title,
  .article-shell .Article_Title,
  .article-shell .title {
    font-size: 20px;
  }

  .article-shell p,
  .article-shell div,
  .article-shell td,
  .article-shell span,
  .article-shell font {
    font-size: 15px;
    line-height: 1.9;
  }
}