﻿/* 内容区域 */
.page-main {
  position: relative;
  background: #fff;
}


.neiCenter {
  margin-top: 15px;
}

.neiCenter2 {
  width: 100%;
  margin: 0 auto;
  margin-top: 15px;
}

.info-nav {
  display: flex;
  margin-top: 10px;
}

.info-nav .info-box {
  background: #f7f7f7;
  flex: 1;
}

.info-nav .info-box .title-box {
  color: #0c64c8;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #dddddd;
}

.info-nav .info-box .title-box span {
  padding: 10px;
  display: inline-block;
  border-bottom: 3px solid #0c64c8;
  margin-left: 2px;
}

.info-nav .info-list {
  padding: 15px 15px 20px;
  box-sizing: border-box;
  background: url('../images/details-jgbg.jpg') no-repeat 100% center;
  background-size: contain; 
}

.info-nav .info-list .info-item {
  display: flex;
}

.info-nav .info-list .info-item:not(:first-of-type) {
  margin-top: 15px;
}

.info-nav .info-list .info-item .title {
  font-weight: bold;
  margin-right: 10px;
  font-size: 18px;
}

.info-nav .info-list .info-item .title .iconfont {
  color: #0c64c8;
  font-weight: 500;
  margin-right: 10px;
}

.info-nav .info-list .info-item .txt-info {
  flex: 1;
  max-width: 720px;
  line-height: 28px;
}

.info-nav .nav-box {
  margin-left: 15px;
  width: 335px;
	min-height: 300px;
	 background: #f7f7f7;
}

.info-nav .nav-box .nav-list {
  display: flex;
  flex-flow: row wrap;
  margin: -1px 0 0 -1px;
}

.info-nav .nav-box .nav-item {
  width: calc(50% - 1px);
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.info-nav .nav-box .nav-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.info-nav .nav-box .nav-item .icon-box {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 50%;
  margin-right: 15px;
  text-align: center;
  color: #fff;
}

.info-nav .nav-box .nav-item .icon-box .iconfont {
  font-size: 28px;
}

.info-nav .nav-box .nav-item:nth-of-type(1) .icon-box {
  background: linear-gradient(to right, #b198ff, #937cfe);
}

.info-nav .nav-box .nav-item:nth-of-type(2) .icon-box {
  background: linear-gradient(to right, #61d6f9, #4cbef4);
}

.info-nav .nav-box .nav-item:nth-of-type(3) .icon-box {
  background: linear-gradient(to right, #1ad9d4, #15c8c2);
}

.info-nav .nav-box .nav-item:nth-of-type(4) .icon-box {
  background: linear-gradient(to right, #fbc92c, #fcb421);
}

.info-nav .nav-box .nav-item:nth-of-type(5) .icon-box {
  background: linear-gradient(to right, #ff8576, #fa6b5d);
}

.info-nav .nav-box .nav-item:nth-of-type(6) .icon-box {
  background: linear-gradient(to right, #b198ff, #937cfe);
}

.info-nav .nav-box .nav-item:nth-of-type(7) .icon-box {
  background: linear-gradient(to right, #fbc92c, #fcb421);
}

.item-nav {
  margin: 15px 0;
  border-radius: 20px;
  background: linear-gradient(to right, #eaf7ff 90%, #ffffff);
  padding: 0 20px;
  display: flex;
  align-items: center;
  color: #0675ce;
  font-weight: bold;
  font-size: 18px;
}

.item-nav .img-box {
  width: 40px;
  height: 48px;
  background: url('../images/details-jgicon.png') no-repeat left 0;
}

.item-nav .img-box-1 {
  background-position-y: -48px;
}

.txt-content {
  padding: 10px 20px;
}

.txt-content .preDiv {
  line-height: 32px;
}
