/* 顶部Banner */
body{opacity:0;}
.top-banner {
    width: 100%;
    height: 4.53rem;
    margin-bottom: 0.76rem;
    position: relative;
}
.top-banner img{
	width:100%;
    height:100%;
}
.top-text-position{
	position:absolute;
    top:1.56rem;
    left:1.25rem;
}
.top-banner-text {
    font-size: 0.72rem;
    font-weight: bold;
}
.line {
  width: 1.46rem;
  height: 0.11rem;
  margin-bottom: 0.47rem;
}
.line>img {
    width: 100%;
    height: 100%;
}
.card-title {
  font-size: 0.367rem;
  color: rgba(34, 34, 34, 1);
  width: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 0.95rem;
}
.card-title h2{
  font-size:0.48rem;
}
.line-left {
  width: 0.55rem;
  height: 0.06rem;
  background-color: rgba(230, 0, 18, 1);
  border-radius: 0rem 0rem 0rem 0.05rem;
}

.line-right {
  width: 0.55rem;
  height: 0.06rem;
  background-color: rgba(218, 184, 102, 1);
  border-radius: 0rem 0.05rem 0rem 0rem;
}

/* 业务模块儿左文字右边图片 */
.business-module {
  overflow: hidden;
  margin-bottom: 0.5rem;
  padding-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
  /* margin-left: 1.62rem; */
}

.text-left .business-text {
  width: 4.2rem;
  /* float: left; */
}

.section-title {
  font-size: 0.367rem;
  color: #222222;
}

.line2 {
  width: 1.1rem 96.25px;
  height: 0.06rem;
  margin-top: 0.34rem;
  margin-bottom: 0.4rem;
}

.business-links {
  line-height: 0.4;
  padding-top: 0.3rem;
  box-sizing: border-box;
  display: flex;
  width: 7.2rem;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.business-links-list {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}

.business-links-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}

.more-link {
  vertical-align: top;
  font-size: 0.18rem;
  color: #e53e3e;
  display: inline-block;
}

.business-links a {
  vertical-align: top;
  line-height: 3.2;
  font-size: 0.2rem;
  color: #222222;
}

.business-links-list a {
  text-align: left;
  white-space: nowrap;
  /* margin-right: 3rem; */
  flex-shrink: 0;
  min-width: 1.5rem;
}

.text-left .business-img {
  width: 7.19rem;
  height: 3.79rem;
  /* float: right; */
}

.business-img>img {
  width: 100%;
}

.line2 {
  width: 1.1rem;
  height: 0.06rem;
  margin-top: 0.34rem;
  margin-bottom: 0.4rem;
}

.line2>img {
  width: 100%;
  height: 100%;
}

/*左边图片右边文字部分*/
.business-module {
  overflow: hidden;
  margin-bottom: 0.5rem;
  padding-bottom: 0.2rem;
}

.text-right .business-img {
  float: left;
  width: 7.19rem;
  height: 3.79rem;
  border-radius: 0.05rem;
}

.text-right .business-text {
  width: 6.8rem;
}

.business-links>p {
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #666666;
}

.tscpfw-module {
  width: 100%;
  margin-bottom: 0.95rem;
}

.section-title {
  font-size: 0.3rem;
  line-height: 0.28rem;
  color: #222222;
}

.tscp-list {
  display: flex;
  justify-content: space-between;
}

.tscp-item {
  width: 3.8rem;
  background-color: #ffffff;
  box-shadow: 0.022rem 0.056rem 0.49rem 0rem rgba(41, 41, 41, 0.29);
  border-radius: 0.1rem;
}

.tscp-item>a>img {
  width: 100%;
  height:auto;
}
.tscp-item>a{width:100%;height:100%;}
.tscp-item>a>p {
  font-size: 0.2rem;
  line-height: 0.65rem;
  color: #222222;
  text-align: center;
}

.tscp-btn {
  width: 3.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;

}

.tscp-btn>a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  width: 3.39rem;
  height: 1.22rem;
  background-color: #f3f7f4;
  border-radius: 0.06rem;
  line-height: 1.22rem;
  cursor: pointer;
  color: #333333
}

/* 默认选中第一个按钮 */
.tscp-btn>a.active {
  background: url(/eportal/uiFramework/commonResource/zip/gsywimg/gsywimg/rzywbg.png) center center no-repeat;
  background-size: cover;
  color: #f3f7f4;
}

.tsjrcp-list {
  display: flex;
  justify-content: left;
    gap:0.5rem;
}

.tsjrcp-item {
  display: block;
  width: 3.8rem;
  height: 1.82rem;
  border-radius: 0.1rem;
}

.item1 {
  background: url(/eportal/uiFramework/commonResource/zip/gsywimg/gsywimg/thdbb.png) center center no-repeat;
  background-size: cover;
}

.item2 {
  background: url(/eportal/uiFramework/commonResource/zip/gsywimg/gsywimg/jkrht.png) center center no-repeat;
  background-size: cover;
}

.item3 {
  background: url(/eportal/uiFramework/commonResource/zip/gsywimg/gsywimg/fftt.png) center center no-repeat;
  background-size: cover;
}

.item4 {
  background: url(/eportal/uiFramework/commonResource/zip/gsywimg/gsywimg/hwdff.png) center center no-repeat;
  background-size: cover;
}

/* 各种效果 */
.business-links-list a:hover {
  color: #e60012;

}
.tscp-item:hover{background:#e60012;}
.tscp-item:hover p{color:#fff;}
.business-img:hover {
  transform: scale(1.1);

}

.tsjrcp-item:hover {
  transform: scale(1.1);

}

.tsjrcp-item,
.business-img,
.tscp-item {
  transition: transform 0.8s ease-in-out;
}

.tscp-item:hover {
  transform: scale(1.1);
}

/*响应式*/
@media (max-width: 767px) {
	.card-title h2 {
		font-size: 0.32rem;
	}
	.card-title{width: 3rem;margin-bottom: 0.5rem;}

	.w1670{
		width:90%;
	}
	.top-banner {
		padding-top: 0.8rem;
	}
	.top-text-position {
		position: absolute;
		top: 55%;
		left: 5%;
	}
	.line {
		width: 1rem;
		height: 0.08rem;
		margin-bottom: 0.2rem;
	}
	.top-banner-text {
		font-size: 0.3rem;
		font-weight: bold;
	}
	.top-banner {
		height: unset;
		margin-bottom:0.5rem;
	}
	.section-title{
		font-size: 0.28rem;
		line-height: unset;
	}
	.activity-img{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.tscp-item>a>p{font-size:0.26rem;}
	.activity-list{
		width:100%;
	}
	.line2 {
	  margin-top: 0.34rem;
	  margin-bottom: 0.2rem;
	  width: 1rem;
	}
	.cfgl{
		display:flex;
		flex-wrap:wrap;
	}
	.cfgl  .business-img{
		float:unset;
		order:1;
	}
	.cfgl .business-img{
		float:
		unset;
		order:2;
		margin-top: 0.5rem;
	}

	.more-link{
		margin-bottom: 0.2rem;
		margin-top: unset;
		font-size: 0.26rem;
	}
	.business-links{width:100%;padding-bottom: unset;padding-top: unset;}
	.business-links-list{width: unset;}
	
	.text-left .business-text {
		width: 100%;
		float: left; 
	}
	.business-links-list a{min-width:unset;font-size: 0.28rem;}
	.tscp-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
		gap: 0.5rem 0;
	}
	.business-links a{font-size:0.28rem;}
	.tscp-item,.tscp-btn,.tscp-btn>a{width:100%;}
	.tscp-item>p{font-size:0.28rem;}
	.tsjrcp-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 0.8rem;
        gap:inherit;
	}
	.tsjrcp-item{width:48%;margin-top:0.2rem;}
}



@media screen and (min-width: 768px) and (max-width: 1199px) {
    .top-banner{
		padding-top:1.4rem;
	}
	.top-text-position {
		position: absolute;
		top: 50%;
		left: 5%;
	}
	.top-banner-text{
		font-size:0.5rem;
	}
    .section-title {
  font-size: 0.4rem;
  line-height: 0.6rem;
}
    .line2{ margin-top:0.1rem; margin-bottom:0.1rem;}
    .business-links{padding-top:0; margin-bottom：0;}
    .business-links a {
  line-height: 1rem;
  font-size: 0.32rem;
}
    .gs-text a{line-height:0.7rem;}
    .more-link {
  font-size: 0.28rem;
}
    .tsjrcp-list {
margin-top:0.3rem;
}
.text-right .business-img,
    .text-left .business-img{
  height: 4.6rem;
}
    .tscp-btn>a,.tscp-btn>a>p { font-size:0.32rem;}

    .business-img>img { height:100%;}
    
    
}