body {
  background-color: #F5F6F7;
}
.h5 {
  display: none;
}
.pc {
  width: 100%;
  min-height: 100vh;
  background: #F5F6F7 url(../images/gsyw-bg.png) no-repeat left .82rem;
  background-size: 100% auto;
  box-sizing: border-box;
}
.pc .container {
  width: 14.4rem;
  margin: 4.58rem auto 0;
  padding-top: 0.46rem;
  padding-bottom: 0.6rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), #F5F6F7);
  border-radius: 0.3rem;
}
.pc .container .yw-title {
  font-weight: bold;
  font-size: 0.36rem;
  color: #163175;
  text-align: center;
}
.pc .container .tab-box {
  width: 11rem;
  margin: 0.6rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.3rem;
  color: #6777A1;
}
.pc .container .item {
  width: 3.2rem;
  height: 0.8rem;
  background: #FFFFFF;
  box-shadow: 0px 0.19rem 0.5rem 0px #DCE8F8;
  border-radius: 0.4rem;
  text-align: center;
  line-height: 0.8rem;
  cursor: pointer;
}
.pc .container .item:nth-child(1).on {
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(-45deg, rgba(122, 167, 255, 0.45), #688FFA);
  box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
}
.pc .container .item:nth-child(1):hover {
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(-45deg, rgba(122, 167, 255, 0.45), #688FFA);
  box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
}
.pc .container .item:nth-child(2).on {
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(-45deg, #8DD58B, #1DBB5B);
  box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
}
.pc .container .item:nth-child(2):hover {
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(-45deg, #8DD58B, #1DBB5B);
  box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
}
.pc .container .item:nth-child(3).on {
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(-45deg, #FAA88B, #E14422);
  box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
}
.pc .container .item:nth-child(3):hover {
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(-45deg, #FAA88B, #E14422);
  box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
}
.pc .yw-icon {
  width: 13.16rem;
  height: 2rem;
  margin: 0.56rem auto 0;
}
.pc .tab-content01 .ywfw-content {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 0.7rem;
}
.pc .tab-content01 .ywfw-content .ywfw-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pc .tab-content01 .ywfw-content .ywfw-left .left-top {
  width: 4.99rem;
  height: auto;
  border-radius: 0.2rem;
  margin-bottom: 0.5rem;
  overflow:hidden;
}
.pc .tab-content01 .ywfw-content .ywfw-left .left-bottom {
  width: 5.4rem;
}
.pc .tab-content01 .ywfw-content .ywfw-left .left-bottom>p:nth-child(1) {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4A5F7B;
  text-align: center;
}
.pc .tab-content01 .ywfw-content .ywfw-left .left-bottom div{
  font-size: 0.18rem;
  color: #4A5F7B;
  margin-top: 0.1rem;
}
.pc .tab-content01 .ywfw-content .ywfw-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pc .tab-content01 .ywfw-content .ywfw-right .right-top {
  width: 5.4rem;
  margin-bottom: 0.5rem;
}
.pc .tab-content01 .ywfw-content .ywfw-right .right-top>p:nth-child(1) {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4A5F7B;
  text-align: center;
}
.pc .tab-content01 .ywfw-content .ywfw-right .right-top div {
  font-size: 0.18rem;
  color: #4A5F7B;
  margin-top: 0.1rem;
}
.pc .tab-content01 .ywfw-content .ywfw-right .right-bottom {
  width: 4.99rem;
  height: auto;
  border-radius: 0.2rem;
  overflow:hidden;
}
.pc .tab-content02 {
}
.pc .tab-content02 .jkgl-box {
  display: flex;
  margin-top: 0.7rem;
}
.pc .tab-content02 .jkgl-box .yw-icon2 {
  width: 5.75rem;
  height: 6.5rem;
}
.pc .tab-content02 .jkgl-box>div>div>p:nth-child(1) {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4A5F7B;
}
.pc .tab-content02 .jkgl-box div div div {
  font-weight: 400;
  font-size: 0.18rem;
  color: #4A5F7B;
  margin-top: 0.1rem;
}
.pc .tab-content02 .jkgl-box div .jkgl-text1 {
  width: 7.5rem;
  margin-left: 0.18rem;
  margin-top: 0.25rem;
}
.pc .tab-content02 .jkgl-box div .jkgl-text2 {
  width: 6.87rem;
  margin-left: 1rem;
  margin-top: 0.8rem;
}
.pc .tab-content02 .jkgl-box div .jkgl-text3 {
  width: 7.5rem;
  margin-left: 0.57rem;
  margin-top: 0.9rem;
}
.pc .tab-content03 {
}
.pc .tab-content03 .jypx-box {
  display: flex;
  margin-left: 0.7rem;
  margin-top: 0.74rem;
}
.pc .tab-content03 .jypx-box .jypx-left .yw-icon4 {
  width: 2.76rem;
  height: 2.76rem;
  margin-top: -0.4rem;
  margin-left: -0.2rem;
}
.pc .tab-content03 .jypx-box .jypx-left .jypx-item {
  display: flex;
  margin-top: 1rem;
}
.pc .tab-content03 .jypx-box .jypx-left .jypx-item .jypx-title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4A5F7B;
}
.pc .tab-content03 .jypx-box .jypx-left .jypx-item .jypx-text {
  font-weight: 400;
  font-size: 0.18rem;
  color: #4A5F7B;
  flex: 1;
  margin-left: 0.25rem;
}
.pc .tab-content03 .jypx-box .jypx-left .jypx-item:nth-child(1),
.pc .tab-content03 .jypx-box .jypx-left .jypx-item:nth-child(2) {
  margin-top: 0;
}
.pc .tab-content03 .jypx-box .yw-icon5 {
  width: 5.09rem;
  height: 6.97rem;
  margin-right: 0.37rem;
}
.pc .hzhb-box {
  display: flex;
  align-items: center;
  margin-left: 0.6rem;
  margin-top: 0.7rem;
}
.pc .hzhb-box .hzhb-title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4A5F7B;
  margin-top: -0.35rem;
  margin-right: 0.2rem;
}
.pc .hzhb-box .hz-icon {
  width: 3.62rem;
  height: 2.12rem;
  margin: 0 -0.3rem;
}
.pc .hxys {
  width: 100%;
  height: 9rem;
  background: url(../images/gsyw-icon.png) no-repeat top center / 100% 100%;
  padding-top: 0.62rem;
  box-sizing: border-box;
}
.pc .hxys .hxys-title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #FFFFFF;
  text-align: center;
}
.pc .hxys .hxys-title1 {
  font-weight: bold;
  color: #FFFFFF;
  font-size: 0.2rem;
  text-align: center;
  margin-top: 0.2rem;
}
.pc .hxys .hxys-content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.4rem;
}
.pc .hxys .hxys-content .hxys-item {
  width: 4.62rem;
  height: 6.4rem;
  background: #FFFFFF;
  box-shadow: -0.17rem 0.28rem 0.62rem 0px rgba(51, 70, 122, 0.2);
  border-radius: 0.3rem;
  overflow: hidden;
  margin-left: 0.26rem;
}
.pc .hxys .hxys-content .hxys-item p:nth-child(1) {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4A5F7B;
  text-align: center;
  margin-top: 0.4rem;
}
.pc .hxys .hxys-content .hxys-item p:nth-child(2) {
  font-size: 0.2rem;
  color: #6A7F9C;
  text-align: center;
  margin-top: 0.1rem;
}
.pc .hxys .hxys-content .hxys-item div:nth-child(3) {
  width: 3.93rem;
  height: 2.09rem;
  background: #4A5F7B;
  border-radius: 0.2rem;
  margin: 0.46rem auto 0.35rem;
}
.pc .hxys .hxys-content .hxys-item p:nth-child(4) {
  width: 3.77rem;
  min-height: 1rem;
  font-weight: 400;
  font-size: 0.18rem;
  color: #4A5F7B;
  margin: 0 auto;
}
.pc .hxys .hxys-content .hxys-item .hxys-btn {
  width: 1.56rem;
  height: 0.51rem;
  background: #FFFFFF;
  border-radius: 0.2rem;
  border: 0.01rem solid #163175;
  font-weight: 400;
  font-size: 0.18rem;
  color: #163175;
  text-align: center;
  line-height: 0.51rem;
  margin: 0.21rem auto 0;
}
.pc .hxys .hxys-content .hxys-item .hxys-btn a{
  color: #163175;
}
.pc .hzms-box {
  margin-top: .6rem;
  margin-bottom:2rem
}
.pc .hzms-box .hzms-title {
  font-weight: bold;
  font-size: 0.36rem;
  color: #163175;
  text-align: center;
}
.pc .hzms-box .hzms-title1 {
  width: 3.12rem;
  height: 0.64rem;
  margin: 0.5rem auto 0;
}
.pc .hzms-box .hzms-text {
  font-weight: 400;
  font-size: 0.2rem;
  color: #6777A1;
  margin: 0.29rem auto 0;
  text-align: center;
}
.pc .hzms-box .hzms-content {
  display: flex;
  justify-content: center;
  margin-top: 0.53rem;
}
.pc .hzms-box .hzms-content .hzms-left .hzms-left-title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4A5F7B;
  margin-left: 0.7rem;
  margin-bottom: 0.48rem;
}
.pc .hzms-box .hzms-content .hzms-left .hzms-left-main {
  width: 3.67rem;
  background: linear-gradient(180deg, #5779CD, #8ED3EE);
  border-radius: 0.3rem;
  padding: 0.4rem 0.3rem;
  box-sizing: border-box;
}
.pc .hzms-box .hzms-content .hzms-left .hzms-left-main div {
  margin-bottom: 0.4rem;
}
.pc .hzms-box .hzms-content .hzms-left .hzms-left-main div p:nth-child(1) {
  font-size: 0.24rem;
  color: #FFFFFF;
}
.pc .hzms-box .hzms-content .hzms-left .hzms-left-main div p:nth-child(2) {
  font-size: 0.18rem;
  color: #FFFFFF;
  margin-top: 0.15rem;
}
.pc .hzms-box .hzms-content .hzms-left .hzms-left-main1 {
  background: linear-gradient(180deg, #49C583, #53D8A1);
}
.pc .hzms-box .hzms-content .hzms-left .hzms-left-main2 {
  background: linear-gradient(180deg, #F58849, #F8A851);
}
.pc .hzms-box .hzms-content .hzms-right {
  margin-left: 0.37rem;
}
.pc .hzms-box .hzms-content .hzms-right .hzms-right-title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #4A5F7B;
  margin-left: 0.7rem;
  margin-bottom: 0.48rem;
}
.pc .hzms-box .hzms-content .hzms-right .hzms-right-main {
  width: 10.36rem;
  background: #FFFFFF;
  box-shadow: 0px 0.33rem 0.62rem 0px rgba(51, 70, 122, 0.2);
  border-radius: 0.36rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  padding: 0 0 .4rem 0;
  box-sizing:border-box;
}
.pc .hzms-box .hzms-content .hzms-right .hzms-right-main .hzms-item div {
  width: 4rem;
  height: auto;
  border-radius: 0.3rem;
  overflow: hidden;
  margin-top:.4rem;
}
.pc .hzms-box .hzms-content .hzms-right .hzms-right-main .hzms-item p {
  font-weight: bold;
  font-size: 0.18rem;
  color: #4A5F7B;
  margin-top: 0.36rem;
  text-align: center;
}
.pc .hzms-box .hzms-title2 {
  width: 3.84rem;
  height: 0.64rem;
  margin: 0.65rem auto 0;
}
.pc .hzms-box .hzms-title3 {
  width: 3.12rem;
  height: 0.64rem;
  margin: 0.7rem auto 0;
}
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .h5 {
    width: 100%;
    min-height: 100vh;
    padding: 2.51rem 0 0 0;
    background: #F5F6F7 url(../images/gsyw-bg-h5.png) no-repeat left 1.3rem;
    background-size: 100% auto;
    box-sizing: border-box;
    display: block;
  }
  .h5 .container {
    width: 100%;
    margin: 0 auto;
    padding-top: 0.43rem;
    box-sizing: border-box;
    background: #F5F6F7;
  }
  .h5 .container .yw-title {
    font-weight: bold;
    font-size: 0.36rem;
    color: #163175;
    text-align: center;
  }
  .h5 .container .tab-box {
    width: 6.6rem;
    margin: 0.46rem auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.24rem;
    color: #6777A1;
  }
  .h5 .container .item {
    width: 1.95rem;
    height: 0.6rem;
    background: #FFFFFF;
    box-shadow: 0px 0.19rem 0.5rem 0px #DCE8F8;
    border-radius: 0.3rem;
    text-align: center;
    line-height: 0.6rem;
  }
  .h5 .container .item:nth-child(1).on {
    font-weight: bold;
    color: #FFFFFF;
    background: linear-gradient(-45deg, rgba(122, 167, 255, 0.45), #688FFA);
    box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
  }
  .h5 .container .item:nth-child(1):hover {
    font-weight: bold;
    color: #FFFFFF;
    background: linear-gradient(-45deg, rgba(122, 167, 255, 0.45), #688FFA);
    box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
  }
  .h5 .container .item:nth-child(2).on {
    font-weight: bold;
    color: #FFFFFF;
    background: linear-gradient(-45deg, #8DD58B, #1DBB5B);
    box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
  }
  .h5 .container .item:nth-child(2):hover {
    font-weight: bold;
    color: #FFFFFF;
    background: linear-gradient(-45deg, #8DD58B, #1DBB5B);
    box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
  }
  .h5 .container .item:nth-child(3).on {
    font-weight: bold;
    color: #FFFFFF;
    background: linear-gradient(-45deg, #FAA88B, #E14422);
    box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
  }
  .h5 .container .item:nth-child(3):hover {
    font-weight: bold;
    color: #FFFFFF;
    background: linear-gradient(-45deg, #FAA88B, #E14422);
    box-shadow: -0.1rem 0.16rem 0.62rem 0px rgba(61, 143, 245, 0.2);
  }
  .h5 .yw-icon {
    width: 7.1rem;
    height: 1.4rem;
    margin: 0.56rem auto 0;
  }
  .h5 .tab-content01 .ywfw-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 0.57rem;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-left .left-top {
    width: 3.04rem;
    height: auto;
    border-radius: 0.2rem;
    margin-bottom: 0.5rem;
    overflow:hidden;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-left .left-bottom {
    width: 3.4rem;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-left .left-bottom>p:nth-child(1) {
    font-weight: bold;
    font-size: 0.3rem;
    color: #4A5F7B;
    text-align: center;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-left .left-bottom div {
    font-size: 0.18rem;
    color: #4A5F7B;
    margin-top: 0.1rem;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-right .right-top {
    width: 3.4rem;
    margin-bottom: 0.5rem;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-right .right-top>p:nth-child(1) {
    font-weight: bold;
    font-size: 0.3rem;
    color: #4A5F7B;
    text-align: center;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-right .right-top div {
    font-size: 0.18rem;
    color: #4A5F7B;
    margin-top: 0.1rem;
  }
  .h5 .tab-content01 .ywfw-content .ywfw-right .right-bottom {
    width: 3.04rem;
    height: auto;
    border-radius: 0.2rem;
    overflow:hidden;
  }
 
  .h5 .tab-content02 .jkgl-box {
    display: flex;
    margin-top: 0.7rem;
    margin-bottom: 0.3rem;
  }
  .h5 .tab-content02 .jkgl-box .yw-icon2 {
    width: 3.67rem;
    height: 5.65rem;
  }
  .h5 .tab-content02 .jkgl-box>div>div>p:nth-child(1) {
    font-weight: bold;
    font-size: 0.26rem;
    color: #4A5F7B;
  }
  .h5 .tab-content02 .jkgl-box div div div{
    font-weight: 400;
    font-size: 0.24rem;
    color: #4A5F7B;
    margin-top: 0.1rem;
  }
  .h5 .tab-content02 .jkgl-box div .jkgl-text1 {
    width: 3.36rem;
  }
  .h5 .tab-content02 .jkgl-box div .jkgl-text2 {
    width: 3.18rem;
    margin-left: 0.26rem;
    margin-top: 0.8rem;
  }
  .h5 .tab-content02 .jkgl-box div .jkgl-text3 {
    width: 6.38rem;
    margin-left: -3.16rem;
    margin-top: 0.47rem;
  }
  .h5 .tab-content03 .jypx-box {
    margin-top: 0.68rem;
    margin-left: 0.3rem;
  }
  .h5 .tab-content03 .jypx-box .jypx-left .yw-icon4 {
    width: 2.76rem;
    height: 2.76rem;
    margin-top: -0.2rem;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
  .h5 .tab-content03 .jypx-box .jypx-left .jypx-item {
    display: flex;
    margin-top: 0.5rem;
  }
  .h5 .tab-content03 .jypx-box .jypx-left .jypx-item .jypx-title {
    font-weight: bold;
    font-size: 0.3rem;
    color: #4A5F7B;
  }
  .h5 .tab-content03 .jypx-box .jypx-left .jypx-item .jypx-text {
    font-weight: 400;
    font-size: 0.24rem;
    color: #4A5F7B;
    flex: 1;
    margin-left: 0.25rem;
  }
  .h5 .tab-content03 .jypx-box .jypx-left .jypx-item:nth-child(1) {
    margin-top: 0;
  }
  .h5 .tab-content03 .jypx-box .yw-icon5 {
    width: 5.09rem;
    height: 6.97rem;
    margin: 0.76rem auto 0;
  }
  .h5 .hzhb-box {
    display: flex;
    flex-direction: column;
    margin-top: 0.46rem;
  }
  .h5 .hzhb-box .hzhb-title {
    font-weight: bold;
    font-size: 0.3rem;
    color: #4A5F7B;
    text-align: center;
  }
  .h5 .hzhb-box .hz-box {
    width: 100%;
    display: flex;
    overflow-y: scroll;
  }
  .h5 .hzhb-box .hz-icon {
    width: 3.62rem;
    height: 2.12rem;
    margin: 0 -0.3rem;
  }
  .h5 .hxys {
    width: 100%;
    height: 9rem;
    background: url(../images/gsyw-icon-h5.png) no-repeat top center / 100% 100%;
    padding-top: 0.5rem;
    box-sizing: border-box;
  }
  .h5 .hxys .hxys-title {
    font-weight: bold;
    font-size: 0.3rem;
    color: #FFFFFF;
    text-align: center;
  }
  .h5 .hxys .hxys-title1 {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 0.2rem;
    text-align: center;
    margin-top: 0.2rem;
  }
  .h5 .hxys .hxys-content {
    display: flex;
    align-items: center;
    margin-top: 0.4rem;
    overflow-x: scroll;
    margin-left: 0.2rem;
    padding-right: 0.4rem;
    box-sizing: border-box;
  }
  .h5 .hxys .hxys-content .hxys-item {
    width: 6.6rem;
    background: #FFFFFF;
    box-shadow: -0.17rem 0.28rem 0.62rem 0px rgba(51, 70, 122, 0.2);
    border-radius: 0.3rem;
    margin-left: 0.25rem;
    flex-shrink: 0;
    padding: 0.3rem 0.44rem 0.37rem 0.44rem;
    box-sizing: border-box;
  }
  .h5 .hxys .hxys-content .hxys-item p:nth-child(1) {
    font-weight: bold;
    font-size: 0.3rem;
    color: #4A5F7B;
    text-align: center;
  }
   .h5 .hxys .hxys-content .hxys-item p:nth-child(2) {
      font-size: 0.26rem;
      color: #6A7F9C;
      text-align: center;
      margin-top: 0.1rem;
    }
  .h5 .hxys .hxys-content .hxys-item div:nth-child(3) {
    width: 100%;
    height: auto;
    border-radius: 0.2rem;
    margin: 0.18rem auto 0.35rem;
  }
  .h5 .hxys .hxys-content .hxys-item p:nth-child(4) {
    width: 100%;
    font-weight: 400;
    font-size: 0.24rem;
    color: #4A5F7B;
    margin: 0 auto;
  }
  .h5 .hxys .hxys-content .hxys-item .hxys-btn {
    width: 1.56rem;
    height: 0.51rem;
    background: #FFFFFF;
    border-radius: 0.2rem;
    border: 0.01rem solid #163175;
    font-weight: 400;
    font-size: 0.18rem;
    color: #163175;
    text-align: center;
    line-height: 0.51rem;
    margin: 0.4rem auto 0;
  }
  .h5 .hxys .hxys-content .hxys-item .hxys-btn a{
    color: #163175;
  }
  .h5 .hzms-box{
    margin-bottom:1rem;
  }
  .h5 .hzms-box .hzms-title {
    font-weight: bold;
    font-size: 0.36rem;
    color: #163175;
    text-align: center;
    margin-top: 0.7rem;
  }
  .h5 .hzms-box .tab-box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-weight: 400;
    font-size: 0.26rem;
    color: #283F7D;
    margin-top: 0.4rem;
  }
  .h5 .hzms-box .on span {
    font-weight: bold;
    font-size: 0.3rem;
    position: relative;
  }
  .h5 .hzms-box .on span::after {
    position: absolute;
    content: '';
    top: 0.5rem;
    left: 50%;
    transform: translate(-50%);
    width: 0.33rem;
    height: 0.11rem;
    background: #597CCE;
    border-radius: 0.1rem;
  }
  .h5 .hzms-box .hzms-text {
    font-size: 0.28rem;
    color: #6777A1;
    width: 7rem;
    margin: 0.3rem auto 0;
  }
  .h5 .hzms-box .msys-box {
    width: 7.05rem;
    background: linear-gradient(180deg, #638CD4, #92D9F0);
    border-radius: 0.5rem;
    color: #FFFFFF;
    padding: 0.34rem 0.47rem 0.47rem;
    box-sizing: border-box;
    margin: 0.4rem auto 0;
  }
  .h5 .hzms-box .msys-box1 {
    background: linear-gradient(180deg, #1DBB5B, #8DD58B);
  }
  .h5 .hzms-box .msys-box2 {
    background: linear-gradient(180deg, #E14422, #FAA88B);
  }
  .h5 .hzms-box .msys-box .msys-title {
    font-size: 0.3rem;
    text-align: center;
  }
  .h5 .hzms-box .msys-box .msys-content div p:nth-child(1) {
    font-weight: bold;
    font-size: 0.3rem;
  }
  .h5 .hzms-box .msys-box .msys-content div p:nth-child(2) {
    font-size: 0.24rem;
    margin-top: 0.2rem;
  }
  .h5 .hzms-box .msys-box .msys-content>div{
    margin-top: 0.3rem;
  }
  .h5 .hzms-box .msys-box1 {
    background: linear-gradient(180deg, #1DBB5B, #8DD58B);
  }
  .h5 .hzms-box .msys-box2 {
    background: linear-gradient(180deg, #E14422, #FAA88B);
  }
  .h5 .hzms-box .cgal-box {
    width: 7.15rem;
    background: #FFFFFF;
    box-shadow: 0px 0.13rem 0.4rem 0px rgba(51, 70, 122, 0.2);
    border-radius: 0.5rem;
    margin: 0.5rem auto 0;
    padding: 0.46rem 0.56rem 0.28rem 0.56rem;
    box-sizing: border-box;
  }
  .h5 .hzms-box .cgal-box .cgal-title {
    font-size: 0.3rem;
    color: #163175;
    text-align: center;
  }
  .h5 .hzms-box .cgal-box .cgal-pic {
    width: 5.97rem;
    height: auto;
    border-radius: 0.3rem;
    margin: 0.4rem auto;
    overflow:hidden;
  }
  .h5 .hzms-box .cgal-box .cgal-text {
    font-weight: bold;
    font-size: 0.28rem;
    color: #4A5F7B;
    text-align: center;
  }
  .swiper-pagination{
    position:relative !important;
  }
}