/*首页头部样式*/
.header {
  height: 4.94rem;
  background: url("./zckx_sy_bg2.png") no-repeat;
  background-size: 19.2rem auto;
}

.header-sy-logo {
  line-height: .32rem;
  padding: .15rem 0;
  margin-top: .6rem;
}

.header-sy-logo .logo {
  height: .62rem;
  margin-right: .1rem;
}

.header-sy-logo span {
  font-size: .21rem;
  letter-spacing: .02rem;
  margin-right: .25rem;
  vertical-align: middle;
  margin-top: .02rem;
}

.header-sy-logo span img {
  width: .22rem;
}

.header-search {
  margin-top: 0;
}

.header-tit {
  display: none;
}

.sy-show {
  display: block;
}

/*头部部样式 end*/
.top-col-class {
  margin-bottom: .4rem;
  padding-top: .37rem;
}

.top-col-item {
  width: 5.7rem;
  height: 1.73rem;
  background-image: linear-gradient(0deg, 
    #f7fbff 0%, 
    #e7f4ff 100%);
  box-shadow: 0px .04rem .05rem 1px rgba(81, 124, 241, 0.14);
  border-radius: 2px;
  border: solid 1px #eaf0ff;
}

.top-left-item {
  width: 1rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-left-item img {
  width: 100%;
  height: 100%;
  border-radius: .02rem;
}

.top-right-item {
  width: 4.75rem;
  height: 100%;
  padding: .31rem 0 .15rem 0;
  box-sizing: border-box;
}

.right-item-class {
  width: 100%;
  height: .9rem;
}

.rightItem {
  width: 25%;
  height: 1.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #fff;
  padding-top: .08rem;
}

.rightItem:last-child {
  border-right: none;
}

.rightItem img {
  width: .51rem;
  height: .51rem;
  margin-bottom: .17rem;
}

.rightItem span {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: .28rem;
  letter-spacing: .01rem;
  color: #333333;
}

.top-item-btn {
  width: 4.25rem;
  height: .45rem;
  background-color: #f2f9ff;
  border-radius: .02rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.top-item-btn img {
  width: .24rem;
  height: .24rem;
  margin-right: .19rem;
}

.top-item-btn span {
  font-family: MicrosoftYaHei;
  font-size: .18rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: .28rem;
  letter-spacing: .01rem;
  color: #333333;
}

.center-title-class {
  width: 100%;
  margin-bottom: .4rem;
  position: relative;
}
.title-text-class{
  width: 100%;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
}

.title-text-class span {
  font-family: MicrosoftYaHei-Bold;
  font-size: .36rem;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: .04rem;
  color: #333333;
  margin: 0 .22rem;
  white-space: nowrap;
}

.title-text-class img {
  width: 3.4rem;
  height: .25rem;
}

.more-text-class {
  position: absolute;
  right: 0;
  top: 14px;
  top: .14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 110px;
  width: 1.1rem;
  height: 30px;
  height: .3rem;
  line-height: 30px;
  line-height: .3rem;
  background-image: linear-gradient(270deg, 
    #ffaa30 0%, 
    #ff8112 100%);
  border-radius: 15px;
  border-radius: .15rem;
}

.more-text-class:hover {
  text-decoration: none;
}

.more-text-class span {
  font-size: .16rem;
  letter-spacing: .02rem;
  color: #fff;
}

.more-text-class img {
  width: .14rem;
  height: .11rem;
  margin-left: .02rem;
}

.item-list-class {
  width: 100%;
  margin-bottom: .28rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.item-one-class {
  width: 3.6rem;
  height: 1.91rem;
  background: url(zckx-sybg1.png) center no-repeat;
  background-size: 100% 100%;
  border: solid 1px #dbe9f9;
  margin-right: .4rem;
  margin-bottom: .29rem;
  padding: .2rem;
  box-sizing: border-box;
}

.item-one-class:nth-of-type(3n) {
  margin-right: 0;
}

.item-tit-text {
  width: 100%;
  box-sizing: border-box;
  font-family: MicrosoftYaHei;
  font-size: .2rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: .27rem;
  height: .54rem;
  color: #000000;
}

.item-lable-class {
  margin: .24rem 0;
  display: flex;
}

.label-item-one {
  min-width: .73rem;
  height: .3rem;
  border-radius: 2px;
  border: solid 1px #f13939;
  font-family: MicrosoftYaHei;
  font-size: .18rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: .28rem;
  letter-spacing: 0px;
  color: #f13939;
  margin-right: .1rem;
  text-align: center;
  padding: 0 .07rem;
}

.label-item-one:last-child {
  margin-right: 0;
}

.label-item-one-two {
  border-color: #3571f6;
  color: #3571f6;
}

.item-tip-class span {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: .27rem;
  letter-spacing: 0px;
  color: #7e7e7e;
}

.one-banner-class {
  margin-bottom: .55rem;
}

.one-banner-left {
  width: 5.7rem;
  height: 1.04rem;
  background: url(./zckx_one_banner.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 27px 0 36px;
  padding: 0 .27rem 0 .36rem;
}

.one-banner-right {
  width: 5.7rem;
  height: 1.04rem;
  background: url(./zckx_two_banner.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 19px 0 46px;
  padding: 0 .19rem 0 .46rem;
}
.one-banner-left .tit,.one-banner-right .tit{
  height: .34rem;
}

.one-see-detile {
  width: 1.19rem;
  height: .36rem;
  border-radius: .04rem;
  border: solid 1px #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.one-see-detile span {
  font-family: MicrosoftYaHei;
  font-size: .18rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: .27rem;
  letter-spacing: .01rem;
  color: #ffffff;
}

.one-see-detile img {
  width: .14rem;
  height: .11rem;
  margin-left: .06rem;
}

.one-right-btn-class {
  display: flex;
}

.one-right-btn-class a{
  width: 100px;
  width: 1rem;
  height: 36px;
  height: .36rem;
  background-color: #0062fe;
  border-radius: 4px;
  border-radius: .04rem;
  border: solid 1px rgba(255, 255, 255, 0.6);
  line-height: .36rem;
  text-align: center;
  color: #fff;
  font-size: .18rem;
  margin-left: .25rem;
}
.one-right-btn-class a:hover{
  box-shadow: 0px 1px 4px 0px rgba(39, 197, 255, 0.77);
  font-weight: bold;
}

.file-list-class {
  width: 100%;
  height: 5.81rem;
  border-radius: .1rem 0px 0px .1rem;
  margin-bottom: .5rem;
  overflow: hidden;
}

.file-left-class {
  width: 2.07rem;
  height: 5.81rem;
  border-radius: .1rem 0px 0px .1rem;
  overflow: hidden;
  flex-shrink: 0;
}

.file-left-class img {
  width: 2.07rem;
  height: 5.81rem;
  object-fit: cover;
}

.file-right-class {
  width: 9.03rem;
  box-sizing: border-box;
  margin-right: .22rem;
}

.file-list-item {
  width: 100%;
  align-items: center;
  border-bottom: 1px solid #dde8f2;
  padding-bottom: .2rem;
  padding-top: .17rem;
  margin-bottom: .03rem;
  padding-right: .03rem;
  box-sizing: border-box;
}

.file-list-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.file-item-left {
  width: 80%;
}

.file-item-title {
  font-family: MicrosoftYaHei-Bold;
  font-size: .18rem;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: .01rem;
  color: #333333;
  margin-bottom: .2rem;
}

.file-bottom-tip {
  display: flex;
  align-items: center;
}

.tip-img-class {
  width: .20rem;
  height: .19rem;
  margin-right: .07rem;
}

.fawen-text {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666666;
}

.date-text-class {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #0d61d2;
  width: 1.92rem;
  height: .32rem;
  background-color: rgba(7, 143, 240, 0.08);
  border-radius: .06rem;
  margin-left: .21rem;
}

.line-class {
  display: block;
  width: .01rem;
  height: .12rem;
  background-color: #3d7fff;
  margin: 0 .05rem;
}

.file-detaile-btn {
  width: 1.05rem;
  height: .4rem;
  background-color: #f7fbff;
  border-radius: .04rem;
  border: solid 1px #2d6ed5;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: .38rem;
  letter-spacing: .02rem;
  color: #0d61d2;
  text-align: center;
}

.two-banner-class{
  margin-bottom: .26rem;
}
.two-banner-class a {
  display: inline-block;
}
.two-banner-class a img{
  width: 5.7rem;
}

.two-banner-left {
  width: 5.91rem;
  height: 1.38rem;
  background: url(./zckx_two_banner_one1.png) no-repeat;
  background-size: cover;
}

.two-banner-right {
  width: 5.91rem;
  height: 1.38rem;
  background: url(./zckx_two_banner_one.png) no-repeat;
  background-size: cover;
}

.two-banner-text {
  font-family: MicrosoftYaHei-Bold;
  font-size: .22rem;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: .02rem;
  color: #164ab3;
  margin-top: .52rem;
  margin-left: .26rem;
}

.two-banner-text-one {
  font-family: MicrosoftYaHei-Bold;
  font-size: .24rem;
  font-weight: Bold;
  font-stretch: normal;
  letter-spacing: .02rem;
  color: #bb581c;
  margin-top: .48rem;
  margin-left: .26rem;
}

@media screen and (max-width: 768px) {
  .header {
    height: auto;
    background-size: auto 100%;
    padding-bottom: .8rem;
  }

  .header-sy-logo {
    margin-top: .4rem;
  }

  .header-sy-logo .logo {
    height: .7rem;
  }

  .header-sy-logo span {
    font-size: .24rem;
  }

  .header-sy-logo span img {
    width: .25rem;
    margin-top: -.04rem;
  }

  .top-col-class {
    padding: .3rem .25rem 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .top-col-item {
    width: 100%;
    margin-bottom: .25rem;
  }

  .top-right-item {
    width: 85%;
  }

  .rightItem span {
    font-size: .26rem;
  }

  .top-item-btn span {
    font-size: .26rem;
  }

  .more-text-class{
    width: auto;
    padding: 0 .1rem;
    height: auto;
    line-height: .4rem;
    top: .1rem;
    right: .2rem;
  }

  .more-text-class span {
    font-size: .26rem;
  }

  .item-tip-class span {
    font-size: .26rem;
  }

  .top-item-btn {
    width: 90%;
  }

  .center-title-class {
    padding: 0 .25rem;
  }

  .title-text-class img{
    height: auto;
    width: 2rem;
  }
  .item-list-class {
    width: 100%;
    padding: 0 .25rem;
    justify-content: space-between;
  }

  .item-one-class {
    width: 48%;
    height: 2rem;
    margin: 0 0 .3rem;
  }
  .item-lable-class{
    margin: .12rem 0;
  }

  .one-banner-class {
    width: 100%;
    padding: 0 .25rem;
  }

  .one-banner-left {
    margin-bottom: .25rem;
  }

  .one-banner-left,
  .one-banner-right {
    width: 100%;
  }

  .one-right-btn-class a{
    font-size: .22rem;
    height: .4rem;
    line-height: .38rem;
  }

  .one-see-detile {
    width: 1.5rem;
    height: .4rem;
  }

  .one-right-btn-one,
  .one-right-btn-two {
    line-height: .38rem;
  }

  .file-list-class {
    width: 100%;
    height: 10.8rem;
    height: auto;
    padding: 0 .25rem;
  }

  .file-left-class {
    width: 100%;
    height: 10.8rem;
    height: auto;
    flex-shrink: initial;
    display: none;
  }

  .file-left-class img {
    height: 10.8rem;
  }

  .file-right-class {
    width: 72%;
    width: 100%;
    height: 10.8rem;
    height: auto;
    margin-right: 0;
  }

  .file-list-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .file-item-left {
    width: 100%;
    margin-bottom: .2rem;
  }

  .file-bottom-tip {
    flex-wrap: wrap;
  }

  .date-text-class {
    width: 2.9rem;
    font-size: .26rem;
    height: .42rem;
    margin-left: .05rem;
  }

  .file-detaile-btn {
    width: 1.5rem;
    font-size: .26rem;
    height: .5rem;
    line-height: .48rem;
  }

  /*.file-right-class {
    padding-left: .15rem;
    }*/

    .file-item-title {
      font-size: .3rem;
      margin-bottom: .15rem;
    }

    .two-banner-class {
      width: 100%;
      padding: 0 .25rem;
    }
    .two-banner-class a{
      margin-bottom: .3rem;
    }

    .two-banner-left {
      margin-bottom: .25rem;
    }

    .two-banner-left,
    .two-banner-right {
      width: 100%;
      height: 1.56rem;
    }

    .two-banner-text {
      font-size: .28rem;
      margin-top: .65rem;
    }

    .two-banner-text-one {
      font-size: .28rem;
      margin-top: .6rem;
    }

    .item-tit-text {
      font-size: .3rem;
      line-height: .38rem;
      height: .8rem;
    }

    .label-item-one {
      height: .35rem;
      line-height: .32rem;
    }

    .fawen-text {
      font-size: .26rem;
    }

    .line-class {
      display: block;
      width: .02rem;
      height: .2rem;
      margin: 0 .09rem;
    }

    .more-text-class img {
      width: .2rem;
      height: auto;
    }
    .one-see-detile span{
      font-size: .22rem;
    }
    .two-banner-class a img{
      width: 100%;
    }
  }