.left-box {
	width: 64%;
  }
  
  .right-box {
	width: 34%;
  }
  
  .tzz-box {
	width: 100%;
	height: 610px;
  }
  
  .xx-box {
	width: 100%;
	height: 386px;
  }
  
  .jggk-box {
	width: 100%;
	height: 380px;
  }
  
  .zfgs-box {
	width: 100%;
	height: 292px;
  }
  
  .xxgk-box {
	width: 100%;
	height: 304px;
  }
  
  .jggk-details {
	margin-top: 20px;
  }
  
  .jggk-details li {
	height: 48px;
	/* background-image: url(zwgk_jggk.png); */
	background-color: #658ec1;
	margin-top: 10px;
	line-height: 48px;
	font-size: 18px;
  }
  
  .jggk-details li img {
	vertical-align: middle;
	margin-left: 40px;
	margin-right: 30px;
  }
  
  .jggk-details li a {
	color: #fff;
	width: 100%;
  }
  
  .zfgs-details {
	overflow: hidden;
	margin-top: 12px;
  }
  
  .zfgs-details li {
	float: left;
	width: 48%;
	height: 88px;
	background: #f6f9fb;
	position: relative;
	margin: 8px 0;
  }
  
  .zfgs-details li.right {
	float: right;
  }
  
  .zfgs-details li a {
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 100%;
	color: #333333;
  }
  
  .zfgs-details li p {
	font-size: 16px;
	margin-top: 10px;
  }
  
  .xxgk-details {
	overflow: hidden;
  }
  
  .xxgk-details li {
	float: left;
	width: 30%;
	height: 90px;
	background: #f6f9fb;
	margin-right: 14px;
	margin-top: 14px;
	position: relative;
  }
  
  .xxgk-details li.longli {
	margin-right: 0;
  }
  
  .xxgk-details li.lastli {
	width: 65%;
	margin-right: 0;
  }
  
  .xxgk-details li a {
	position: absolute;
	bottom: 14px;
	text-align: center;
	width: 100%;
	color: #333333;
  }
  
  .xxgk-details li p {
	font-size: 16px;
	margin-top: 6px;
  }
  
  .jyta--tab-title span {
	width: 25%;
  }
  
  .zfgs-details li a {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	color: #333333;
	padding-bottom: 10px;
	padding-top: 20px;
  }
  
  .xxgk-details li a {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	color: #333333;
	padding-bottom: 14px;
	padding-top: 20px;
  }
  
  .jggk-details li:hover {
	background-color: #0168b7;
  }
  
  .tab-title>div>a:hover {
	color: #197acd !important;
  }
  
  .zfgs-details li:hover,
  .xxgk-details li:hover {
	background: #1e64aa;
	color: #fff !important;
  }
  
  .zfgs-details li:hover a,
  .xxgk-details li:hover a {
	color: #fff
  }
  
  .zfgs-details li:hover a .show,
  .xxgk-details li:hover a .show {
	display: none
  }
  
  .zfgs-details li:hover a .hide,
  .xxgk-details li:hover a .hide {
	display: block;
	margin: 0 auto
  }
  
  .zfgs-details li a .hide,
  .xxgk-details li a .hide {
	display: none
  }
  
  @media screen and (max-width: 1200px) {
  
	.main-box {
	  margin-top: 0;
	  padding: .3rem .3rem 0;
	  border: none;
	  background: #fff;
	}
  
	.tzz-box,
	.xx-box,
	.zfgs-box,
	.xxgk-box {
	  height: auto;
	}
  
	.tab-title {
	  height: .56rem;
	  border-bottom: none;
	  display: flex;
	  justify-content: space-between;
	}
  
	.tab-title>div {
	  background: none;
	  float: left;
	  line-height: .56rem;
	  height: .56rem;
	  text-align: center;
	  padding: 0;
	  font-size: .32rem;
	  color: #808080;
	}
  
	.tab-title>div.active {
	  background: #D2E2EF;
	  border-bottom: .04rem solid #1A7ACD;
	}
  
	.tab-title>div.active a {
	  color: #1A7ACD;
	}
  
	.second-tab-title span {
	  font-size: .3rem;
	  width: 47%;
	  height: .74rem;
	  line-height: .74rem;
	  margin-right: .2rem;
	}
  
	.second-tab-title span.special {
	  margin-right: 0.2rem;
	}
  
  
	.jggk-box {
	  width: 100%;
	  height: auto;
	  border-top: .2rem solid #eff2f5;
	  border-bottom: .2rem solid #eff2f5;
	  padding: .4rem .3rem .3rem;
	}
  
	.zfgs-box {
	  border-top: .2rem solid #eff2f5;
	  border-bottom: .2rem solid #eff2f5;
	  padding-bottom: .7rem;
	}
  
	.xxgk-box {
	  padding-bottom: .5rem;
	}
  
	.jggk-box .tab-title>div>a,
	.zfgs-box .tab-title>div>a,
	.xxgk-box .tab-title>div>a {
	  color: #1A7ACD;
	  padding-left: .16rem;
	  position: relative;
  
	}
  
	.jggk-box .tab-title>div>a::before,
	.zfgs-box .tab-title>div>a::before,
	.xxgk-box .tab-title>div>a::before {
	  content: '';
	  width: .06rem;
	  height: .28rem;
	  position: absolute;
	  top: .13rem;
	  left: 0;
	  background-color: #1A7ACD;
  
  
	}
  
	.jggk-details li {
	  height: 1rem;
	  margin-top: .2rem;
	  line-height: 1rem;
	  font-size: .3rem;
	  position: relative;
	  border-radius: .12rem;
	}
  
	.jggk-details li::after {
	  content: '>';
	  position: absolute;
	  top: 0;
	  right: .4rem;
	  color: #fff;
	  font-size: .28rem;
	}
  
	.zfgs-details li {
	  height: 1.9rem;
	  background-color: rgba(102, 142, 193, 0.149);
	  position: relative;
	  margin: 8px 0;
	  border-radius: .12rem;
	}
  
	.zfgs-details li a,
	.xxgk-details li a {
	  padding-top: 0;
	  padding-bottom: .5rem;
	}
  
	.zfgs-details li p,
	.xxgk-details li p {
	  font-size: .3rem;
	  margin-top: .1rem;
	}
  
	.xxgk-details {
	  margin-left: -.26rem;
	}
  
	.xxgk-details li {
	  width: 46.2%;
	  height: 1.9rem;
	  background-color: rgba(102, 142, 193, 0.149);
	  margin: .08rem 0 .08rem .26rem;
	  border-radius: .12rem;
	}
  
	.xxgk-details li:last-child {
	  width: 96%;
  
	}
  }