.banner_box {

  height: 3.5rem;

  background-image: url('../image/banner01.jpg');

  background-size: 100% 100%;

  background-repeat: no-repeat;
  
      margin-top: 1.25rem;

}

.flex_center_top {

  height: 100%;

  display: flex;

  align-content: center;

  flex-wrap: wrap;

}

.banner_font {

  width: 100%;

  font-size: 0.3rem;

  color: #fff;

  font-weight: bold;

}

.type_nav_box {

  height: 0.55rem;

  border-bottom: 0.01rem solid rgb(77, 77, 77, 0.16);

}

.content_box li {

  width: 1.1rem;

  height: 0.55rem;

  /*line-height: 0.55rem;*/

  text-align: center;

  font-size: 0.16rem;

  color: #383838;

  float: left;

}

.content_box li.active {

  background-color: #005AAF;

  color: #fff;

  position: relative;

}

.content_box li.active::after {

  content: '';

  width: 0;

  height: 0;

  border-right: 0.1rem solid transparent;

  border-left: 0.1rem solid transparent;

  border-top: 0.08rem solid #005AAF;

  position: absolute;

  bottom: -0.06rem;

  left: 50%;

  transform: translateX(-50%);

}

.tzzgx-box {

  width: 14.4rem;

  margin: 0.5rem auto 0;

  height: 1rem;

  overflow: hidden;

  border-top: 0.02rem solid #005AAF;

}

.tzzgx-box > li{

  width: 50%;

  font-size: 0.3rem;

  line-height: 0.9rem;

  text-align: center;

  float: left;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  cursor: pointer;

  background-image: url('../image/tzzgx2.jpg');

  color: #fff;

}

.tzzgx-active {

  color: #333 !important;

  background-image: none !important;

}

.tzzgx-box2 {

  width: 14.4rem;

  height: 5rem;

  background-image: url('../image/tzzgx3.jpg');

  background-size: cover;

  background-repeat: no-repeat;

  margin: 0.1rem auto 0;

  overflow: hidden;

  margin-bottom: 0.8rem;

}

.tzzgx-title {

  text-align: center;

  color: #333;

  font-size: 0.3rem;

  font-weight: 600;

  margin-top: 0.3rem;

  overflow: hidden;

}

.tzzgx-box2b {

  width: 100%;

  margin: 0.1rem auto;

  height: 1.8rem;

  overflow: hidden;

}

.tzzgx-box2b > li {

  width: 50%;

  float: left;

  height: 1.8rem;

  overflow: hidden;

}

.tzzgx-name {

  text-align: center;

  width: 100%;

  font-size: 0.24rem;

  line-height: 0.32rem;

  margin-top: 0.3rem;

  position: relative;

}

.tzzgx-name span {

  right: 25%;

  position: absolute;

  font-size: 0.14rem;

  bottom: -0.06rem;

}

.tzgx-box2c {

  width: 5.5rem;

  height: 1.6rem;

  overflow: hidden;

  margin: 0.1rem auto 0;

}

.tzgx-box2c > p {

  width: 50%;

  height: 0.3rem;

  background-image: url('../image/tzzgx-icon1.png');

  background-size: contain;

  background-repeat: no-repeat;

  float: left;

  overflow: hidden;

  margin-top: 0.22rem;

  padding-left: 0.5rem;

  line-height: 0.3rem;

    font-size: 0.18rem;

}

.tzgx-li2 {

  width: 36% !important;

  font-size: 0.18rem;

  margin-left: 12%;

  background-image: url('../image/tzzgx-icon3.png') !important;

}

.tzgx-li3 {

  font-size: 0.18rem;

  background-image: url('../image/tzzgx-icon2.png') !important;

}

.tzzgx-box2c {

  width: 14.4rem;

  margin: 0.4rem auto 0;

  height: 1.3rem;

}

.tzzgx-box3 {

  width: 14.4rem;

  margin: 0.2rem auto 0;

  min-height: 6.2rem;

  height: auto;

  overflow: auto;

}

.tzggx-title3 {

  font-weight: 600;

  width: 96%;

  font-size: 0.24rem;

  line-height: 0.48rem;

  margin: 0 auto;

}

.tzggx-text4 {

  width: 96%;

  height: auto;

  margin: 0 auto;

}

.tzggx-text4 > li {

  height: 0.8rem;

  overflow: hidden;

  width: 100%;

  border-bottom: 0.01rem solid #eeeeee;

  line-height: 0.7rem;

  position: relative;

  cursor: pointer;

  background-size: contain;

  background-repeat: no-repeat;

  background-image: url('../image/tzzgx-file.png') !important;

  background-position-x: 80%;

}

.tzggx-text4 > li:hover {

  color: #0d60a8;

}

.tzggx-text4 > li:hover a {

  color: #0d60a8 !important;

  text-decoration: none;

}

.tzggx-text4 > li a {

  color: #333 !important;

}

.tzggx-span1 {

  font-size: 0.3rem;

}

.tzggx-span2 {

  font-size: 0.16rem;

}

.tzggx-span3 {

  font-size: 0.18rem;

  margin-left: 0.4rem;

}

.tzggx-span4 {

  font-size: 0.46rem;

  margin-left: auto;

  margin-right: 0.1rem;

  font-size: 0.26rem;

}

.tz-icon {

  position: absolute;

  right: 0;

}

.new-page {

  width: 14.4rem;

  height: 0.8rem;

  margin: 0.4rem auto 0.2rem;

  overflow: hidden;

  position: relative;

}

.new-text {

  position: absolute;

  font-size: 0.16rem;

  top: 0.1rem;

}

.new-text span {

  color: #005bab !important;

}

.new-page ul {

  width: 5rem;

  margin: 0 auto;

}

.new-page ul li:nth-child(1) {

  margin-left: 0.26rem;

}

.new-page ul li {

  float: left;

  margin-right: 0.3rem;

}

.new-page ul .active {

  line-height: 0.4rem;

  color: #005AAF !important;

  font-size: 0.2rem;

  font-weight: 600;

}

.new-page ul .dot {

  width: 0.12rem;

  height: 0.12rem;

  border-radius: 50%;

  background-color: #b4b4b6;

  margin-top: 0.14rem;

}

.new-page ul .prev {

  width: 1rem;

  height: 0.4rem;

  line-height: 0.4rem;

  text-align: center;

  border-radius: 0.04rem;

  border: #005AAF 0.01rem solid;

  color: #005AAF !important;

}

.new-page ul .next {

  width: 1rem;

  height: 0.4rem;

  line-height: 0.4rem;

  text-align: center;

  border: #005AAF 0.01rem solid;

  color: #fff;

  border-radius: 0.04rem;

  background-color: #005AAF !important;

}