@charset "UTF-8";
/*弹性盒样式*/
.f-no {
  display: flex;
  flex-flow: row wrap; }

.f-no-b-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center; }

.f-no-b-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start; }

.f-no-b-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch; }

.f-no-c-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center; }

.f-no-c-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start; }

.f-no-c-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch; }

.f-no-s-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center; }

.f-no-s-end {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-end; }

.f-no-s-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch; }

.f-no-end-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end; }

.f-no-col {
  display: flex;
  flex-flow: column wrap; }

.f-no-col-b-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center; }

.f-no-col-c-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center; }

.f-no-col-s-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center; }

.f-no-col-s-end {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-end; }

.f-no-col-c-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start; }

.f-no-col-b-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start; }

.f-no-col-end-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-end;
  align-items: flex-start; }

/*响应隐藏样式*/
.pc-block {
  display: block; }

.pc-block-768 {
  display: block; }

.pc-block-767 {
  display: block; }

.m-block {
  display: none; }

.m-block-767 {
  display: none; }

.m-block-768 {
  display: none; }

@media (max-width: 1024px) {
  .pc-block {
    display: none; }

  .m-block {
    display: block; } }
@media (max-width: 768px) {
  .pc-block-768 {
    display: none; }

  .m-block-768 {
    display: block; } }
@media (max-width: 767px) {
  .pc-block-767 {
    display: none; }

  .m-block-767 {
    display: block; } }
.zw1400{
      width: calc(100% - 13rem);
  /*max-width:88%;*/
  margin:0 auto;
}
/*常用样式类名*/
.poa-middle {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

.tran-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.text-hide {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.img-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.about-list1 {
  padding: 1.5rem 0 2.25rem;
  position: relative;
  z-index: 1; 
  background:url(../img2/img2.jpg) no-repeat center bottom;
  background-size:100% auto;
}
  .about-list1 .swiper-slide{
    width:25%;
  }
  .about-list1 .p {
        width: calc(100% - 13rem);
    margin: 1rem auto 0;
    max-height: calc(1rem * 10);
    line-height: .7rem;
    overflow-y: auto;
    text-align:justify;
    }
    .about-list1 .p::-webkit-scrollbar {
      width: 5px;
      height: 5px; }
    .about-list1 .p::-webkit-scrollbar-track {
      background: rgba(204, 204, 204, 0.5); }
    .about-list1 .p::-webkit-scrollbar-thumb {
      background: #c71432; }
    .about-list1 .p::-webkit-scrollbar-thumb:window-inactive {
      background: #c71432; }
    .about-list1 .p::-webkit-scrollbar-thumb:vertical:hover {
      background: #c71432; }
  .about-list1 .text-container {
    margin-top: 1.7rem;
    margin-bottom: 1.5rem; 
  }

    .about-list1 .text-container .item {
      padding: .25rem 1.25rem .25rem 1.4rem; 
      border-right:1px solid #E0E0E0;

    }
      .about-list1 .text-container .item .num {
        color: rgba(229, 0, 18, 1);
        margin-bottom: .2rem; 
        align-items: flex-end;
      }
.about-list1 .text-container .item sup{
  color:#333;
  margin-left:.2rem;
}
.about-list1 .text-container .swiper-slide:nth-child(4n) .item{
  border-right:none;
}
.about-list1 .ul .li{
  margin:0 1.4rem;
  position: relative;
  color:rgba(0, 0, 153, 1);
  padding-left:.25rem;
}
.about-list1 .ul .li:before{
  content:"";
  position: absolute;
  width:.125rem;
  height:.125rem;
  background:rgba(228, 0, 17, 1);
  border-radius:50%;
  left:0;
  top:50%;
  margin-top:-2.5px;
}

.about-list2{
  height:100vh;
  position: relative;
  z-index:1;
  overflow: hidden;
}
.about-list2 .bg{
  position: absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}
.about-list2 .videobox{
  position: absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}
.about-list2 .textbox{
  z-index:2;
  top:40.6vh;
  width:100%;
  padding:0 6%;
}
.about-list2 .textbox .tit3{
  margin-bottom:2.25rem;
  color:#fff;
  transition: all .6s;
}
.about-list2 .textbox .videobtn{
  width:1.5rem;
  height:1.5rem;
  border-radius:.125rem;
  margin:0 auto;
  border:1px solid #fff;
  position: relative;
  cursor:pointer;
  transition: all .6s;
}
.about-list2 .textbox .videobtn:hover{
  background:#fff;
}
.about-list2 .textbox .videobtn:hover svg{
  fill:#e40011;
}
.about-list2 .textbox .videobtn svg{
  width:.5rem;
  height:.5rem;
  fill:#fff;
  transition: all .6s;
}
.about-list2 .textbox .videobtn .icon1{
  opacity:1;
}
.about-list2 .textbox .videobtn .icon2{
  opacity:0;
}
.about-list2 .textbox .videobtn.cur .icon1{
  opacity:0;
}
.about-list2 .textbox .videobtn.cur .icon2{
  opacity:1;
}
.about-list3{
  position: relative;
  padding:2rem 0 3rem;
  overflow: hidden;
  z-index:1;
  background:#F2F2F2;
}
.about-list3 .title{
  padding-bottom:.9rem;
  border-bottom:.025rem solid rgba(153, 153, 153, .2);
  margin-bottom:1.2rem;
}
.about-list3 .tit3{
  color:rgba(0, 0, 153, 1);
}
.about-list3 .img{
  margin:.65rem auto 0;
  display:block;
}
.about-list3 .img2{
  position: absolute;
  height:2.25rem;
  left:50%;
  bottom:.2rem;
  transform:translate(-50%,0);
}
.about-list4{
  padding:3rem 4rem 5rem;
  position: relative;
  z-index:1;
}
.about-list4 .tit2{
  margin-bottom:2rem;
}
.news-list6-dialog4 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.about-list3-1{
  padding:2.5rem 0;
  position: relative;
  background: #fff;
  z-index:2;
}
.about-list3-1 .tit3{
  margin-bottom:1.35rem;
  color:rgba(51, 51, 51, 1);
}
.about-list3-1 .tit4{
  margin-bottom:.5rem;
  color:#333;
  transition:all .6s;
}

.about-list3-1 .his-swiper{
  width: 92%;
  padding-bottom:1.25rem;
  position: relative;
  background:url(../img2/img7.png) no-repeat center top;

}
.about-list3-1 .li{
  border-right:.025rem solid rgba(1, 1, 1, .1);
  padding-left:.85rem;
  padding-right:.5rem;
  padding:1rem .5rem 1.25rem 1rem;
  height:11.25rem;
  transition: border-right .3s;
}
.about-list3-1 .swiper-slide:nth-child(1) .li{
  padding-left:3.5rem;
}
.about-list3-1 .swiper-slide{
  transition: box-shadow .6s;
}
.about-list3-1 .swiper-slide:hover{
  position: relative;
  z-index:3;
  box-shadow: -0.125rem .225rem .5rem 0px rgba(35,39,43,0.15);
}
.about-list3-1 .swiper-slide:hover .li{
  border-right:none;
  position: relative;
}
.about-list3-1 .swiper-slide:hover .li .tit4{
  color:rgba(224, 17, 34, 1);
}
.about-list3-1 .nli .i{
  padding-left:.4rem;
  line-height:.75rem;
  margin-bottom:.575rem;
  color:#5A5A5A;
  position: relative;
}
.about-list3-1 .nli .i:before{
  content:"";
  position: absolute;
  left:0;
  height:.125rem;
  width:.125rem;
  border-radius:50%;
  top:.275rem;
  background:rgba(224, 17, 34, 1);
}
.about-list3-1 .his-swiper .swiper-scrollbar{
  width:1600px;
  max-width:88%;
  left:49.35%;
  transform:translate(-50%,0);
  
}
.about-list3-1 .his-swiper .swiper-scrollbar .swiper-scrollbar-drag{
  background:rgba(224, 17, 34, 1);
}
.about-list3-1 .nli{
  max-height:7.5rem;
  overflow-y: auto;
  padding-right:.5rem;
}

.about-list3-1 .nli::-webkit-scrollbar-thumb {
   background:rgba(224, 17, 34, 1);
   border-radius:.25rem;
   overflow: hidden;
}

.about-list3-1 .nli::-webkit-scrollbar-thumb:window-inactive {
   background:rgba(224, 17, 34, 1);
   border-radius:.25rem;
   overflow: hidden;
}

.about-list3-1 .nli::-webkit-scrollbar-thumb:vertical:hover {
  background:rgba(224, 17, 34, 1);
  border-radius:.25rem;
  overflow: hidden;
}
.about-list3-1 .nli::-webkit-scrollbar {
  width: .25rem;
  height: .075rem;
  border-radius:.25rem;
  overflow: hidden;
}

.about-list3-1 .swiper-slide .nli .i:before{
background-color: rgba(51, 51, 51, .8);
}
.about-list3-1 .swiper-slide.swiper-slide-visible .nli .i:before{
  background:rgba(224, 17, 34, 1);

}
.about-list3-1 .swiper-slide{
  opacity: .3;
}
.about-list3-1 .swiper-slide.swiper-slide-visible{
  opacity: 1;
}

.about-list4 .warpbox {
  width: 100%;
  margin-left:.7rem;
}

.about-list4 .warpbox .yearleft {
  font-size: 3.5rem;
  color:rgba(204, 204, 204, .5);
  width: 7rem;
  height: 100%;
  position: relative;
  z-index:1;

}

.about-list4 .warpbox .yearleft span {
  position: absolute;
  left: 0;
  top: 40%;
  width: 140%;
  transform: rotate(90deg) translate(0, -50%);
  transform-origin: 3rem 0rem;
}

.about-list4 .warpbox .warpitem {
  width:100%;
}

.about-list4 .warpbox .itembox {
  height: 13.5rem;
}

.about-list4 .warpbox .tab-container {
  width: calc(100% - 7rem);
  height: 13.5rem;
      left: -0.25rem;
    position: relative;
}
.about-list4 .warpbox .yearleft:before{
  content:"";
  position: absolute;
  width:.25rem;
  height:100%;
  border-radius:.125rem;
  background:rgba(204, 204, 204, .2);
  right:0;
  top:0;
}

.about-list4 .warpbox .tab-container .item {
  padding-left: 2.7rem;
  width:100%;
}

.about-list4 .warpbox .tab-container .item:before {
  content: "";
  position: absolute;
  width: .25rem;
  height: 1rem;
  left: 0;
  top: 50%;
  margin-top: -.5rem;
  border-radius:.25rem;
  background: #d12935;
  opacity: 0;
  transition: all .5s;
}

.about-list4 .warpbox .tab-container .yearbtn {
  color: #b2b2b2;
  margin-bottom:.4rem;
  transition: all .5s;
}

.about-list4 .warpbox .tab-container .tit3 {
  margin-bottom:.2rem;
  transition: all .5s;
}
.about-list4 .warpbox .tab-container .tit4{
  width:68%;
}
.about-list4 .warpbox .tab-container .swiper-slide {
  cursor: pointer;
}

.about-list4 .warpbox .tab-container .swiper-slide-active .item:before {
  opacity: 1;
}

.about-list4 .warpbox .tab-container .swiper-slide-active .yearbtn {
  color:rgba(224, 17, 34, 1);
}

.about-list4 .warpbox .tab-container .swiper-slide-active .tit3 {
  color: rgba(224, 17, 34, 1);
}
.about-list4 .warpbox .tab-container .swiper-slide-active .tit4 {
  color: rgba(224, 17, 34, 1);
}



@media (max-width: 1700px) {
  .about-list4 .warpbox {
    margin-left: 6%;
  }
}
@media (max-width: 1024px) {
  .about-list4 .warpbox .tab-container {
    width: 100%;
    height: auto;
  }

  .about-list4 .warpbox .tab-container .item {
    padding-left: 0;
  }

  .about-list4 .warpbox .tab-container .item:before {
    display: none;
  }

  .about-list4 .warpbox .tab-container {
    background: none;
  }

  .about-list4 .warpbox .itembox {
    height: auto;
    width: 100%;
  }

  .about-list4 .warpitem {
    width: 100%;
  }

  .about-list4 .tabul .li {
    width: 2.5rem;
    height: .875rem;
  }
}
@media (max-width: 996px) {
  .about-list3-1 .his-swiper{
    width: 100%;
  }
  .about-list3 {
    padding: 2rem 0 3.25rem;
  }

  .about-list3 .warpbox {
    margin-left: 0;
  }

  .about-list3 .tabul {
    width: 88%;
    margin: .7rem auto 0;
  }
}


.n-news {
  padding: 1.75rem 0 3.5rem;
  position: relative;
  z-index: 1;
  background: #fff;
}
.n-news .ul4 {
  padding-top: .5rem;
}
.n-news .ul4 .litop {
  width: 100%;
  margin-bottom: .25rem;
  transition: all .6s;
}
.n-news .ul4 .litop {
  border: 1px solid rgba(242, 242, 242, .85);
  border-radius:.1rem;
  margin-bottom:.225rem;
}
 
.n-news .ul4 .litop .time {
  width: 4rem;
  height: auto;
  transition: all .6s;
}
.n-news .ul4 .litop .time .line{
  width:1px;
  height:.8rem;
  background:rgba(0, 0, 0, .25);
  transform:skew(-10deg);
  margin:0 .2rem;
  transition: all .6s;
}
.n-news .ul4 .litop .time .ri {
  transition: all .6s;
  color: rgba(38, 38, 168, 1);
}
.n-news .ul4 .litop .text {
  width: calc(100% - 6rem);
  border-left: none;
  padding: .6rem 1.15rem;
}
.n-news .ul4 .litop .tit3 {
  margin-bottom: .2rem;
  transition: all .6s;
}
.n-news .ul4 .litop .tit4 {
  margin-bottom: .3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height:.55rem;
  max-height:1.1rem;
  overflow: hidden;
  transition: all .6s;
}
@media (min-width: 1024px) {
    .n-news .ul4 .litop:hover {
      box-shadow: 0px 2px 5px 0px rgba(51,71,102,0.1);
    }
    .n-news .ul4 .litop:hover .time {
      background:rgba(0, 0, 153, 1);
    }
    .n-news .ul4 .litop:hover .time .ri {
      color: #fff;
    }
    .n-news .ul4 .litop:hover .time .line{
      background:#fff;
    }
    .n-news .ul4 .litop:hover .time .y {
      color: #fff;
    }
    .n-news .ul4 .litop:hover .tit3 {
      color: rgba(229, 0, 18, 1);
    }
    .n-news .ul4 .litop:hover .tit4 {
      color: rgba(229, 0, 18, 1);
    }
}

.n-join {
  background: #fff;
  padding: 2.2rem 0 2.75rem;
  position: relative;
  z-index: 1;
}
.n-join .ul {
  margin-top: .7rem;
}
.n-join .ul .li {
  background: #fff;
  transition: all .6s;
  margin-bottom:.375rem;
}
.n-join .ul .li .litop{
  padding:.6rem 1rem .6rem .65rem;
  background:rgba(245, 245, 252, 1);
  cursor:pointer;
} 
.n-join .ul .li.cur .litop{
  background-color: #fff;
}
.n-join .ul .li .litit1 {
  width:calc(100% - 10.45rem - 2.5rem);
}
.n-join .ul .li .litit1 .sp2 {
  margin-top: .2rem;
  color: #c71432;
}
.n-join .ul .li .litit2 {
  max-width: 2rem;
  padding:0 .65rem;
  box-sizing: content-box;
  border-right: .025rem solid rgba(153, 153, 153, .25);
}
.n-join .ul .li .litit3 {
  max-width:7.95rem;
  padding:0 .65rem;
  box-sizing: content-box;
  border-right: 1px solid rgba(153, 153, 153, .25);
}
.n-join .ul .li .litit3 span{
  color:rgba(229, 0, 18, 1);
}
.n-join .ul .li .litit4 {
  max-width:2.5rem;
  padding:0 0 0 .65rem;
  box-sizing: content-box;
}
.n-join .ul .li .litit4 .sp2 {
  margin-top: .4rem;
  color: #c71432;
}
.n-join .ul .li .textbox2{
  display: none;
  box-shadow: 0px .125rem .25rem 0px rgba(0,0,0,0.1);

}
.n-join .ul .li .ntextbox2 {
  padding: 1rem .65rem 1rem;
  border-radius: .05rem .1rem .1rem .1rem;
  border: .025rem solid rgba(51, 51, 51, 0.05);
  border-bottom:none;
}
.n-join .ul .li .textbox2 .itembox {
  width: 100%;
  margin-bottom:.65rem;
}
.n-join .ul .li .textbox2 .tit6 {
  margin-bottom: .4rem;
}
.n-join .ul .li .botbox {
  padding:.5rem .7rem;
  background:rgba(245, 245, 252, 1);
}
.n-join .ul .li .botbox .tipbox{
    width:65%;
}
.n-join .ul .li .botbox .tipbox a{
  color:rgba(229, 0, 18, 1);
} 
.n-join .ul .li .closebtn {
  width: .9rem;
  height: .9rem;
  margin-left:.7rem;
  cursor: pointer;
  border-radius: 50%;
  background:rgba(0, 0, 153, 1);
  transition: all .6s;
}
.n-join .ul .li .closebtn svg{
  width:.325rem;
  height:.325rem;
  fill:#fff;
  margin-left:2px;
  transition: all .6s;
}

.n-join .ul .li .applybtn {
  width: 3.15rem;
  height: 1.05rem;
  background: #E50012;
  border-radius: .05rem;
  border-radius: .125rem;
  transition: all .6s;
}
.n-join .ul .li .applybtn svg{
  width:.45rem;
  height:.45rem;
  margin-left:.05rem;
  fill:#fff;
}
.n-join .ul .li.cur .closebtn svg{
  transform: rotate(-180deg);
}
.n-join .ul .li .applybtn:hover {
  background:#000099;
  color: #fff;
}
.n-join .ul .li .textbox2 .closebtn:hover {
  background: #e01122;
}
.n-join .ul .li{
  border-top:.05rem solid #fff;
}
.n-join .ul .li.cur{
  border-top:.05rem solid rgba(229, 0, 18, 1);
}
.n-join .ul .li.cur{
  /* box-shadow: 0px .125rem .25rem 0px rgba(0,0,0,0.1); */
}
.n-join .ul .li.cur .litit1 .sp{
  color:rgba(229, 0, 18, 1);
}

.n-join .ul .li.cur .txtbox {
  background: transparent;
}
.n-join .ul .li .closebtn:hover {
  background:rgba(0, 0, 153, 1);
}
.n-join .ul .li .closebtn:hover svg{
  transform:rotate(-180deg);
}

.n-join .morebtn{
  color:rgba(224, 17, 34, 1);
  line-height:1.2;
  display:inline-flex;
  border-bottom:.025rem solid rgba(224, 17, 34, 1);
  margin-top:1.5rem;
  cursor:pointer;
  transition: all .6s;
}
.n-join .morebtn:hover{
  color:#000099 !important;
  border-bottom:.025rem solid #000099;
}
.n-public_opinion{
  padding:1.5rem 0 4.45rem; 
  background:url(../img2/img9.jpg) no-repeat center bottom;
  background-size:100% auto;
}
.n-public_opinion .formbox{
  padding:1rem 1.5rem;
  border: .025rem solid rgba(51, 51, 51, .1);
  position: relative;
  z-index:3;
  margin-top:.7rem;
}
.n-public_opinion form{
  width:100%;
  display:block;
}
.n-public_opinion .formbox:before{
  content:"";
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(255,255,255,.2);
  backdrop-filter: blur(10px);
  z-index:-1;
}
.n-public_opinion .formbox .tit3{
  margin-bottom:.4rem;
}



.n-public_opinion .formbox .titletop{
  padding:0 0 1rem;
  border-bottom:.025rem solid rgba(51, 51, 51, .05);
  margin-bottom:.7rem;
}
.n-public_opinion .formbox .li {
  margin-bottom: .42rem;
  position: relative;
}
.n-public_opinion .formbox .li .sp {
  width: 2.625rem;
}
.n-public_opinion .formbox .li .sp span {
  color:rgba(255, 0, 0, 1);
  margin-right:.25rem;
  display: inline-block;
  height: .45rem;
  line-height: 1.1;
  margin-top: .25rem;
}
.n-public_opinion .formbox .li .input1 {
  width: calc(100% - 2.625rem);
  border: 1px solid rgba(51, 51, 51, .1);
  text-indent: .375rem;
  height: 1.5rem;
}

.n-public_opinion .formbox .li .input3 {
  width: calc(100% - 2.625rem);
  border: 1px solid rgba(51, 51, 51, .1);
  background: #fff;
  padding: .375rem;
  height: 3rem;
}
.n-public_opinion .formbox .li2 .sp span {
  margin-top: .25rem;
  margin-right:.25rem;
  display: inline-block;
  height: .45rem;
  line-height: 1.1;
  color:rgba(255, 0, 0, 1);
}

.n-public_opinion .formbox .submitbtn {
  width: 4.05rem;
  height: 1.35rem;
  background: #E50012;
  border-radius: .05rem;
  margin:0 auto;
  display: block;
  transition:all .6s;
}
.n-public_opinion .formbox .submitbtn:hover{
  background: #000099;
}
.n-public_opinion .formbox .coadinput {
  width: 10.75rem;
  height: 1.5rem;
  border: .025rem solid rgba(51, 51, 51, .1);
  background:#fff;
  position: relative;
      flex-flow: row nowrap;
  z-index: 2;
}
.n-public_opinion .formbox .coadinput .captcha_no,.n-public_opinion .formbox .coadinput .captcha_ok{
  position: relative;
  right:-30px;
}
.n-public_opinion .formbox .coadinput:before {
  content: "";
  position: absolute;
  left: calc(.75rem + .65rem);
  width: .025rem;
  height: .75rem;
  background: rgba(51, 51, 51, .2);
  top: 50%;
  margin-top: -0.375rem;
}
.n-public_opinion .formbox .coadinput .icon {
  position: absolute;
  width: .65rem;
  height: .65rem;
  left: .35rem;
  margin-top: -0.325rem;
  fill: #035DBC;
  top: 50%;
  z-index: 1;
}
.n-public_opinion .formbox .coadinput .cinput {
  padding-left: calc(.75rem + 1.1rem);
  width:100%;
  height:100%;
}
.n-public_opinion .formbox .coadinput .captcha {
  position: absolute;
  width: 2rem;
  height: 1.2rem;
  right: .5rem;
  margin-top: -.6rem;
  top: 50%;
}
.n-public_opinion .formbox .tipx{
  margin:.25rem;
  font-size: .325rem;
  margin-left:2.625rem;
}
.n-public_opinion .formbox .tipx span{
  color:rgba(255, 0, 0, 1);
}

.zalertbox{
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:9999;
  opacity:0;
  visibility:hidden;
  transition: all .6s;
}
.zalertbox.active{
  opacity:1;
  visibility:visible;
}
.zalertbox .bg{
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:1;
  background:rgba(0, 0, 0,.65);
}
.zalertbox .formbox{
  width:22.5rem;
  max-width:88%;
  background:#fff;
  padding:1.7rem 1.65rem 2rem;
  z-index:3;
}
.zalertbox .formbox .li {
  margin-bottom: .6rem;
  width:48%;
  position: relative;
}
.zalertbox .formbox .li .sp {
  width:1.5rem;
}

.zalertbox .formbox .li .sp span {
  color:rgba(255, 0, 0, 1);
  margin-right:.25rem;
  display: inline-block;
  height: .45rem;
  line-height: 1.1;
  margin-top: .25rem;
}
.zalertbox .formbox .li .input1 {
  width: calc(100% - 1.5rem);
  border: .025rem solid rgba(51, 51, 51, .1);
  text-indent: .375rem;
  height: .9rem;
}
.zalertbox .formbox .li .input1-1{
  border:none;
  width: calc(100% - 1.5rem);
  height: auto;
}
.zalertbox form{
  width:100%;
}
.zalertbox .formbox{
  position: relative;
  cursor:pointer;
}
.zalertbox .formbox .li .input2 {
  width: calc(100% - 2.25rem);
  border: .025rem solid rgba(51, 51, 51, .1);
  background: #fff;
  padding:0 .375rem;
  height: .9rem;
}
.zalertbox .formbox .li4 .input2{
  opacity: .5;
  background: #F7F7F7;
}
.zalertbox .formbox .li2{
  width:100%;
  padding-left:1.5rem;
  margin-bottom:1.2rem;
}
.zalertbox .formbox .li4 .sp{
  width:2.25rem;
}
.zalertbox .formbox .li3{
  margin-bottom:0;
}
.zalertbox .formbox .li3{
  width:55%;
}


.zalertbox .formbox .submitbtn {
  width: 4.05rem;
  height: 1.35rem;
  background: #E50012;
  border-radius: .05rem;
  display: block;
  transition: all .6s;
}
.zalertbox .formbox .submitbtn:hover {
  background:#000099;
}
.zalertbox .formbox .coadinput {
  width: 100%;
  height: 1.35rem;
  border: .025rem solid rgba(51, 51, 51, .1);
  position: relative;
  z-index: 2;
}
.zalertbox .colsebtn{
  position: absolute;
  width:.875rem;
  height:.875rem;
  right:.4rem;
  top:.4rem;
  z-index:1;
}
.zalertbox .colsebtn svg{
  fill:#6C6C6C;
  width:.625rem;
  height:.625rem;
  transition: all .6s;
}
.zalertbox .colsebtn:hover svg{
  fill:#E50012;
}

.zalertbox .formbox .coadinput:before {
  content: "";
  position: absolute;
  left: calc(.75rem + .65rem);
  width: .025rem;
  height: .75rem;
  background: rgba(51, 51, 51, .2);
  top: 50%;
  margin-top: -0.375rem;
}
.zalertbox .formbox .coadinput .icon {
  position: absolute;
  width: .65rem;
  height: .65rem;
  left: .35rem;
  margin-top: -0.325rem;
  fill: #035DBC;
  top: 50%;
  z-index: 1;
}
.zalertbox .formbox .coadinput .captcha_no{
  right:-30px;
  position: relative;
}
.zalertbox .formbox .coadinput .captcha_no{
  right:-30px;
  position: relative;
}
.zalertbox .formbox .coadinput .captcha_ok{
  right:-30px;
  position: relative;
}
.zalertbox .formbox .coadinput .cinput {
  padding-left: calc(.75rem + 1.1rem);
}
.zalertbox .formbox .coadinput .captcha {
  position: absolute;
  width: 2rem;
  height: .85rem;
  right: .5rem;
  margin-top: -0.425rem;
  top: 50%;
}
@media (max-width: 996px) {
  
}
@media (max-width: 767px) {
  
}

.wpage {
  text-align: center;
}

.zpage {
  padding: 1.25rem 0 0;
  text-align: center;
  clear: both;
  display: inline-block;
}

.zpage a {
  text-decoration: none;
  color: #333;
  width: auto;
  height: .6rem;
  line-height: .6rem;
  margin: 0 .65rem;
  display: block;
  float: left;
  transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
  border-bottom:3px solid  transparent;
}

.zpage a.active {
  color: rgba(0, 0, 153, 1);
  transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
  border-bottom:3px solid  rgba(224, 17, 34, 1);
}

.zpage span.laypage_curr {
  width: .5rem;
  height: .5rem;
  line-height: .5rem;
  margin: 0 .05rem;
  display: inline-block;
  color: rgba(0, 0, 153, 1);
  transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
  border-bottom:.075rem solid  rgba(224, 17, 34, 1);
}

.zpage a:hover {
  text-decoration: none;
  color:rgba(0, 0, 153, 1);
  transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
  border-bottom:.075rem solid rgba(224, 17, 34, 1);
}

.zpage a[rel="next"], .zpage a[rel="prev"] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  border-bottom:none;
}

.zpage a[rel="next"] .icon, .zpage a[rel="prev"] .icon {
  width: .45rem;
  height: .45rem;
  fill: rgba(102, 102, 102, 0.5);
}

.zpage a[rel="next"] .icon {
  transform: rotate(180deg);
}

.zpage a[rel="next"]:hover .icon, .zpage a[rel="prev"]:hover .icon {
  fill:rgba(0, 0, 153, 1);
}
.zpage a[rel="next"]:hover,.zpage a[rel="prev"]:hover{
  border-bottom:none;
}

.zstipbox {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.zstipbox .icon {
  width: .3rem;
  height: .4rem;
  fill:rgba(191, 191, 191, 1);
  margin-right: .15rem;
}
.zstipbox a {
  color: #000;
  transition: all .6s;
}
.zstipbox a:hover {
  color: rgba(224, 17, 34, 1);;
}
.zstipbox span {
  color: rgba(224, 17, 34, 1);
}
.news-info1 {
  padding:2rem 0 3.5rem;
  position: relative;
  background: #FAFAFA;
  z-index: 1;
}
.news-info1 .zstipbox{
  margin:.5rem 0 .4rem;
  width:100%;
  justify-content: flex-end;
}
.news-info1 .zstipbox .col-999{
  color: #999;
}
.news-info1 .zstipbox .col-999:hover{
  color: #E50012;
}
.news-info1 .news-top {
  padding:1.25rem 0;
  background:rgba(245, 245, 252, 1);

}
.news-info1 .news-top .news-tit {
  width: 100%;
  margin-bottom:.4rem;
}
.news-info1 .news-top .box {
  margin-top: .4rem;
}
.news-info1 .news-top .time {
  color:rgba(51, 51, 51, .5);
}
.news-info1 .news-top .time .icon{
  width:.35rem;
  height:.35rem;
  margin-right:.3rem;
  fill:rgba(224, 17, 34, 1);
}
                  
.news-info1 .news-text {
  padding: 0 0 1rem;
  border-bottom: .025rem solid rgba(102, 102, 102, 0.2);
}
.g_news_info .news-text {
  padding-bottom: 1rem;
}
.news-info1 .news-text .conet{
  padding-bottom: 2rem;
}
.news-info1 .news-text img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.news-info1 .news-text .files{
  width: 8rem;
    height: 2.075rem;
    background: rgba(51, 51, 51, .05);
    display: flex
;
border-radius: .1rem;
    align-items: center;
    padding-left: .55rem;
    transition: all .6s;
}
.news-info1 .news-text .files:hover{
  box-shadow:0rem 0rem .25rem .075rem rgba(0, 0, 0, .1);

  
}
.news-info1 .news-text .files .img{
  width: .75rem;
  margin-right: .725rem;
}
.news-info1 .news-text .files .file_txt{
  font-size: .375rem;
}
.news-info1 .news-text .files .file_txt .t8{
  color: rgba(228, 0, 17, 1);
    text-decoration: underline;
    text-underline-offset: .1rem;
    margin-top: .125rem;
}

.news-info1 .leftbox{
  width:calc(100% - 8rem - 1.5rem);
}
.news-info1 .news-nav {
  padding-top:1rem;
}

.news-info1 .rightbox{
  width:8rem;
  padding:.7rem 1rem;
  background:rgba(245, 245, 252, 1);
}
.news-info1 .rightbox .ul .li{
  padding:.65rem 0 .4rem;
  border-bottom:1px solid rgba(51, 51, 51, .1);
  display:block;
  
}
.news-info1 .rightbox .ul .li .time{
  margin-bottom:.25rem;
  color:rgba(0, 0, 0, .5);
}
.news-info1 .rightbox .ul .li .tit4{
  transition: all .4s;
}
.news-info1 .rightbox .ul .li:hover .tit4{
  color:rgba(229, 0, 18, 1);
}
.news-info1 .news-nav .nav-l {
  width: 55%;
  position: relative;
}


.news-info1 .news-nav .nav-l span {
  line-height: 1.2;
  margin-right: .25rem;
  color: rgba(204, 204, 204, 1);
}
.news-info1 .news-nav .nav-l p {
  width: calc(100% - 2rem);
  line-height: 1.6;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-info1 .news-nav .nav-l a {
  max-width: 100%;
  margin-bottom: .2rem;
  color: rgba(229, 0, 18, 1);

}
.news-info1 .news-nav .nav-l a:hover p,
.news-info1 .news-nav .nav-l a:hover {
  color: #000099;
}
.news-info1 .news-nav .nav-l a:nth-child(2) {
  margin-bottom:0;
}
.news-info1 .news-nav .nav-l a:nth-child(3) {
  padding-left: 1.75rem;
}
.news-info1 .news-nav .backbtn {
  width: 1.075rem;
  height: 1.075rem;
  background: rgba(229, 0, 18, 1);
  transition: all .6s;
  margin-top:.35rem;
}
.news-info1 .news-nav .backbtn .icon {
  width: .45rem;
  height: .45rem;
  fill: #fff;
}
.news-info1 .news-nav .backbtn:hover {
  background: #000099;

}

.n-branch{
    padding:1.7rem 0 3.95rem;
    position: relative;
    z-index:3;
}
.n-branch .zul{
    margin-top:.7rem;
}
.n-branch .zul .li{
    background: #F5F5FC;
}
.n-branch .zul .li .ztitle{
    padding:.55rem 1rem;
    background:rgba(125, 142, 195, 1);
}

.n-branch .zul .li .itembox{
    padding:.5rem 1rem 1.4rem;
    position: relative;
    margin-bottom:.225rem;
}
.n-branch .zul .li .itembox:before{
    content:"";
    position: absolute;
    width:.025rem;
    height:calc(100% - 1.9rem);
    top:.5rem;
    left:50%;
    background:rgba(51, 51, 51, .1);
}
.n-branch .zul .li .nitembox{
    width:50%;
}
.n-branch .zul .li .nitembox .xli{
    margin-bottom:.25rem;
}
.n-branch .zul .li .sp1{
    width:3rem;
}
.n-branch .zul .li .sp2{
    width:calc(100% - 3rem - .65rem);
    margin-left:.65rem;
    letter-spacing: -.025rem;
}
.n-branch .zul .li .nitembox:nth-child(1){
    padding-right:.9rem;
}
.n-branch .zul .li .nitembox:nth-child(2){
    padding-left:.9rem;
}
.n-branch .morebtn{
  color:rgba(224, 17, 34, 1);
  line-height:1.2;
  display:inline-flex;
  border-bottom:.025rem solid rgba(224, 17, 34, 1);
  margin-top:1.25rem;
  cursor:pointer;
  transition: all .6s;
}
.n-branch .morebtn:hover{
  color:#000099;
  border-bottom:.025rem solid #000099;
}
.n-transaction{
    padding:1.7rem 0 3.95rem;
    position: relative;
    z-index:3;
}
.n-transaction .contentbox{
    padding-top:.6rem;
}
.n-transaction .contentbox .item{
    margin-bottom:.6rem;
}
.n-transaction .contentbox .item .tit3{
    margin-bottom:.2rem;
}
.n-transaction .contentbox .tablebox{
    width:100%;
}
.n-transaction .contentbox .tablebox table{
    width:100%;
}
.n-transaction .contentbox .tablebox .td1{
    width:14%;
}
.n-transaction .contentbox .tablebox .td2{
    width:20%;
}
.n-transaction .contentbox .tablebox .td3{
    width:24%;
}
.n-transaction .contentbox .tablebox .tr1{
    background:rgba(125, 142, 195, 1);
    height:1.65rem;
}
.n-transaction .contentbox .tablebox .tr1 td{
    border-right:.025rem solid #9EAAD2;
    letter-spacing:-.025rem;
}
.n-transaction .contentbox .tablebox .tr1 td:last-child{
    border-right:none;
}
.n-transaction .contentbox .tablebox .tr2 .td1:nth-child(2){
    color:rgba(0, 0, 153, 1);
}
.n-transaction .contentbox .tablebox .tr2 td{
    border-right:.025rem solid #E5E5E5;
    letter-spacing:-.025rem;
    padding:.4rem .5rem;
}
.n-transaction .contentbox .tablebox .tr2:nth-child(odd){
    background:rgba(245, 245, 252, 1);
}
.n-transaction .contentbox .p{
    margin-top:.7rem;
}
.n-integrity {
    padding:1.7rem 0 3.95rem;
    position: relative;
    z-index:3;
}
.n-integrity .contentbox{
    margin-top:1rem;
}
.n-integrity .itembox{
    margin-bottom:.5rem;
    background:rgba(245, 245, 252, 1);
}
.n-integrity .itembox .libox{
    padding:.6rem 1rem;
}
.n-integrity .itembox .tit3{
    padding:.5rem 1rem;
    background:rgba(125, 142, 195, 1);
}
.n-integrity .itembox .i:last-child .sp1{
    border-bottom:none;
}
.n-integrity .itembox .i:last-child .sp2{
    border-bottom:none;
}
.n-integrity .itembox .sp1{
    width:2.75rem;
    padding:.4rem 0;
    border-bottom: .025rem solid rgba(51, 51, 51, .1);
}
.n-integrity .itembox .sp2{
    width:calc(100% - 2.75rem - .7rem);
    padding:.4rem 0;
    border-bottom: .025rem solid rgba(51, 51, 51, .1);
}

.n-subsidiary{
    padding:1.7rem 0 3.95rem;
    position: relative;
    z-index:3;
}
.n-subsidiary .contentbox{
    margin-top:.7rem;
}
.n-subsidiary .contentbox .itembox{
    border-bottom:.025rem solid rgba(153, 153, 153,.25);
}

.n-subsidiary .contentbox .itembox .i2{
    background:rgba(125, 142, 195, 1);
}
.n-subsidiary .contentbox .itembox .i2 .sp1{
    width:30%;
    border-right:.025rem solid #9EAAD2;
    padding:.4rem 1rem;
}
.n-subsidiary .contentbox .itembox .i2 .sp2{
    width:70%;
    padding:.45rem 1rem;
}

.n-subsidiary .contentbox .itembox .i:nth-child(odd){
    background:rgba(245, 245, 252, 1);
}
.n-subsidiary .contentbox .itembox .i .sp1{
    width:30%;
    border-right:.025rem solid #DFDFDF;
    padding:.55rem 1rem;
}
.n-subsidiary .contentbox .itembox .i .sp2{
    width:70%;
    padding:.45rem 1rem;
    text-align:justify;
}

.n-branch .wboxselectbox {
    margin-top:.55rem;
}
.n-branch .tabselectbox {
  width: calc(48% - .25rem);
  position: relative;
  z-index: 3;
}
.n-branch .tabselectbox .itembox {
  width: 49%;
}
.n-branch .tabselectbox .selectbox {
  width: 100%;
  height: 1.25rem;
  margin-right: .375rem;
  position: relative;
  z-index: 3;
}
.n-branch .tabselectbox .selectbox span {
  margin-right: .25rem;
}
.n-branch .tabselectbox .selectbox .icon {
  width: .3rem;
  height: .3rem;
  fill: #B7B7B7;
  transition: all .6s;
}
.n-branch .tabselectbox .selectbox .selecttop {
  width: 100%;
  height: 1.25rem;
  background: #fff;
  border: 1px solid rgba(51, 51, 51, .15);
  border-radius: .1rem;
  cursor: pointer;
  padding: 0 .4rem;
  position: relative;
  z-index: 3;
}
.n-branch .tabselectbox .selectbox .selecttop.on svg{
  transform: rotate(180deg);
} 
.n-branch .tabselectbox .selectbox .selectitem {
  position: absolute;
  left: 0;
  top: 1.25rem;
  width: 100%;
  background: #fff;
  max-height: 5rem;
  /* padding: 15px 5px 10px; */
  border-radius: .1rem;
  overflow-y: auto;
  display: none;
  border: .025rem solid rgba(51, 51, 51, 0.15);
}
.n-branch .tabselectbox .selectbox .item {
  /* height: .8rem; */
  /* line-height: .8rem; */
  /* padding: 0 15px; */
  display: flex;
  align-items: center;
  background: transparent;
  cursor: pointer;
  padding: .2rem .5rem;
  border-bottom: none;
}
.n-branch .tabselectbox .selectbox .item:hover {
  color: #fff;
  background: rgba(224, 17, 34, 1);
}
.n-branch .tabselectbox .selectbox:hover .selecttop {
  color: #999;
}
.n-branch .tabselectbox .selectbox:hover .icon {
  fill: #999;
}
.n-branch .znformbox3 {
  width: 52%;
  height: 1.25rem;
  position: relative;
}
.n-branch .znformbox3 .input1 {
  width: calc(100% - 2.5rem);
  height: 100%;
  padding: 0 .6rem;
  color: #333;
  background: transparent;
  border:1px solid rgba(51, 51, 51, .15);
  border-radius: .1rem 0px 0px .1rem;
}
.n-branch .znformbox3 .input1 input::placeholder{
  color: #C3C3C3;
}
.n-branch .znformbox3 .input2 {
  width: 2.5rem;
  height: 1.25rem;
  background:rgba(224, 17, 34, 1);
  background-size: .5rem auto;
    border-radius: 0px .1rem .1rem 0px;
  z-index: 2;
  transition: all .6s;
}
.n-branch .znformbox3 .input2:hover{
  background-color: #000099;
}

.news-list6-dialog4 .dialog__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.news-list6-dialog4 .dialog__content {
  position: relative;
  z-index: 5;
  overflow-x: auto;
  padding: 0;
  max-width: 25rem;
  width: 90%;
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
  text-align: center;
  opacity: 0;
}

.news-list6-dialog4 .dialog__content #video {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: 90%;
}

.news-list6-dialog4 .closebtn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  width: 1rem;
  height: 1rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.news-list6-dialog4 .closebtn svg {
  width: 1rem;
  height: 1rem;
  fill: #fff;
}

.news-list6-dialog4.dialog--open {
  opacity: 1;
  visibility: visible;
}

.news-list6-dialog4.dialog--open .dialog__overlay {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  backdrop-filter: blur(5px);
}

.news-list6-dialog4.dialog--open #video {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.news-list6-dialog4.dialog--close #video {
  opacity: 0;
  visibility: hidden;
}

.news-list6-dialog4.dialog--open .dialog__content, .news-list6-dialog4.dialog--close .dialog__content {
  opacity: 1;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.news-list6-dialog4.dialog--open .dialog__content {
  -webkit-animation-name: anim-open3;
  animation-name: anim-open3;
}

.news-list6-dialog4 .dialog__overlay {
  background: rgba(0, 0, 0, 0.8);
}

.news-list6-dialog4.dialog--close .dialog__content {
  -webkit-animation-name: anim-close3;
  animation-name: anim-close3;
}

@media (max-width: 1024px) {
  .news-list6-dialog4 .closebtn {
    background: #d12935;
    color: #fff;
  }

  .news-list6-dialog4 .dialog__content .p {
    font-size: 14px;
    width: 90%;
    margin-top: .5rem;
  }
}
@media (max-width: 767px) {
  .news-list6-dialog4 .dialog__content {
    width: 100%;
    padding: .6rem 3%;
  }

  .news-list6-dialog4 .closebtn svg {
    width: .65rem;
    height: .65rem;
  }

  .news-list6-dialog4 .closebtn {
    right: 3%;
  }
}
@-webkit-keyframes anim-open3 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-open3 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes anim-close3 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 1);
  }
}
@keyframes anim-close3 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
  }
}

.n-integrity .itembox .libox .i{
    align-items: stretch;
}

.zalertbox .formbox .li_file{
  width: auto;
}
/* fileUpload */
.select_fiile{
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.select_fiile .uploadClick{
  display: flex;
      align-items: center;
      margin-bottom: .3rem;
}
.select_fiile .uploadClick .t2{
  width: 3.9rem;
  height: 1.075rem;
  background: #F7F7F7;
  border: .025rem solid #E5E5E5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .925rem;
  transition: all .6s;
}
.select_fiile .uploadClick .t2:hover{
  background-color: #000099;
  color: #fff
  ;
}

.select_fiile .uploadClick #file-btn1{
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.select_fiile .uploadClick .file input{
  cursor: pointer;
}
.select_fiile>span{
  padding-left: 1.4rem;
    line-height: 1.2;
}
.select_fiile .pop_file{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}


.wzul .nodata{
  padding: 5rem 0 1rem!important;
}

@media (max-width: 1024px) {
    .about-list4 .warpbox .yearleft{
        display:none;
    }
    .about-list4 .warpbox .warpitem{
        width:100%;
    }
    .about-list4 .warpbox{
        margin-left:0;
    }
    .about-list1 .p{
        margin-top:.75rem;
    }
    .about-list1 .text-container .item{
        padding: 0.25rem 0.75rem;
    }
    .about-list1 .text-container{
        margin-top: 1rem;
        margin-bottom:1rem;
    }
    .about-list1 .ul .li{
        margin: 0 .7rem .35rem;
    }
    .about-list2{
        height:20rem;
    }
    .about-list2 .textbox{
        top:10rem;
    }
    .news-info1 .zstipbox{
        display:none;
    }
    .news-info1 .contentbox{
        padding-top:1.25rem;
    }

}
@media (max-width: 996px) {
    .zw1400,.about-list1 .p,.w1400{
        width:92% !important;
    }
    .about-list3-1 .swiper-slide:nth-child(1) .li{
        padding-left:1.5rem;
    }
    .news-info1 .leftbox{
        width:100%;
    }
    .news-info1 .rightbox{
        width:100%;
        margin-top:1rem;
    }
    .news-info1 .news-nav{
        padding-top:1rem;
    }
    .news-info1 .news-text{
        padding-bottom:1rem;
    }
    .n-branch .sides_left_nav,.n-transaction .sides_left_nav,.n-integrity .sides_left_nav,.n-subsidiary .sides_left_nav{
        display:none;
    }
    .n-branch .right_content_g,.n-transaction .right_content,.n-integrity .right_content,.n-subsidiary .right_content{
        width:100%;
    }
    .n-branch,.n-transaction,.n-subsidiary,.n-integrity{
        padding: 1.7rem 0 2rem;
    }
    .right_content_g .lh1{
        width:100%;
    }
    .right_content_g .rt_navs{
        display:none !important;
    }
    .news-info1 .news-text .files{
      width: 100%;
    }
    .news-info1 .news-text .conet{
      padding-bottom: 1rem;
    }
    .news-info1 .news-nav .nav-l p{
      width:78%;
    }
    .news-info1 .news-nav .nav-l{
      width: 80%;
    }
    .news-info1 .news-nav .nav-l a:nth-child(2){
      padding-right: 0;
    }
    .wzul .nodata{
      padding: 1.5rem 0 !important;
    }
}

@media (max-width: 767px) {
    .zpage a{
        margin: 0 0.4rem;
    }
    .n-news{
        padding:1.5rem 0 2rem;
    }
    .about-list1{
      padding: 1.5rem 0 2rem;
    }
    .about-list1 .swiper-wrapper{
       flex-flow:row wrap;
    }
    .about-list1 .swiper-slide{
        width:50%;
    }
    .about-list1 .text-container .swiper-slide:nth-child(2n) .item{
        border-right:none;
    }
    .about-list1 .p{
        max-height:none;
    }

    .about-list2 .textbox .tit3{
        font-size:1rem;
        margin-bottom: 1.25rem;
    }
    .about-list3 .img2{
        height:1rem;
    }
    .about-list3{
        padding: 1.5rem 0 2rem;
    }
    .about-list3 .title{
        padding-bottom: 0.55rem;
        margin-bottom:.75rem;
    }
    .about-list3-1 .nli .i{
        margin-bottom:.25rem;
    }
    .about-list3-1{
        padding:1.5rem 0 2rem;
    }
    .about-list4 .warpbox .tab-container{
        left:0;
    }
    .about-list4{
        padding:1.5rem 0 2rem;
    }
    .about-list4 .tit2{
        margin-bottom:1rem;
    }
    .n-news .ul4 .litop .text{
        width:100%;
        padding:0  0.6rem .6rem;
    }
    .n-news .ul4 .litop .time{
        width:3.5rem;
        height:2rem;
    }
    .news-info1{
        padding:1.5rem 0 2rem;
    }
    .n-join{
        padding:1.5rem 0 2rem;
    }
    .n-join .ul .li .litit1{
        width:100%;
        margin-bottom:.25rem;
    }
    .n-join .ul .li .litop .f-no-s-center{
        width:100%;
    }
    .n-join .ul .li .litit2{
        width:100%;
        padding:0;
        border-right:none;
    }
    .n-join .ul .li .litit3{
        width:100%;
        padding:0;
        border-right:none;
    }
    .n-join .ul .li .litit4{
        width:100%;
        padding:0;
        border-right:none;
    }
    .n-join .ul .li .ntextbox2{
        padding: 1rem 0.65rem .5rem;
    }
    .n-join .ul .li .botbox .tipbox{
        width:100%;
        margin-bottom:.45rem;
    }
    .n-join .morebtn{
        margin-top:.75rem;
    }
    .zalertbox .formbox{
        padding: 1.7rem 6% 1.2rem;
    }
    .zalertbox .formbox .li{
        width:100%;
    }
.zalertbox .formbox .li3{
  width:92%;
}

    .zalertbox .formbox .coadinput{
        height:36px;
    }
    .zalertbox .formbox .submitbtn{
        width:100%;
        height:36px;
        margin-top:.65rem;
    }
    .n-public_opinion{
      padding: 1.5rem 0 2rem;
        background: url(../img2/img9.jpg) no-repeat center bottom;
        background-size: cover;

    }
    .n-public_opinion .formbox{
        padding: 1rem 6%;
    }
    .n-public_opinion .formbox .titletop{
        padding: 0 0 .5rem;
        margin-bottom: 0.5rem;
    }
    .n-public_opinion .formbox .li .sp{
        width:65px;
    }
    .n-public_opinion .formbox .li3{
      width:92%;
    }

    .n-public_opinion .formbox .li .input1{
        width:calc(100% - 65px);
    }
    .n-public_opinion .formbox .li .input3{
        width:calc(100% - 65px);
    }
    .n-public_opinion .formbox .coadinput{
        width:calc(100% - 65px);
    }
    .n-public_opinion .formbox .submitbtn{
        width: 100%;
        height: 36px;
        margin-top:.75rem;
    }
    .n-public_opinion .formbox .tipx{
        margin-left:60px;
    }
    .n-branch .tabselectbox{
        width:100%;
        margin-bottom:.35rem;
    }
    .n-branch .znformbox3{
        width:100%;
    }
    .n-branch .zul .li .ztitle{
        padding: 0.35rem .6rem;
    }
    .n-branch .zul .li .nitembox{
        width:100%;
    }
    .n-branch .zul .li .itembox{
        padding: 0.5rem 6% 1rem;
    }
    .n-branch .zul .li .nitembox:nth-child(2){
        padding-left:0;
    }
    .n-branch .zul .li .itembox:before{
        display:none;
    }
    .n-branch .morebtn{
        margin-top:.65rem;
    }
    .n-subsidiary .contentbox{
      width: 100%;
      overflow-x: auto;
    }
    .n-transaction .contentbox .tablebox{
        overflow-x: auto;
        padding-bottom:.65rem;

    }
    .n-transaction .contentbox .tablebox table{
        min-width:900px;
    }
    .n-subsidiary .contentbox .itembox{
        padding-bottom:0;
    }
    .n-subsidiary .contentbox .itembox .libox{
        min-width:900px;
    }
    .n-integrity .itembox .sp1,.n-integrity .itembox .sp2{
        padding:.3rem 0;
    }
    .n-integrity .itembox .sp1{
        width:80px;
    }
    .n-integrity .itembox .sp2{
        width: calc(100% - 80px - 0.7rem);
    }
    .n-integrity .itembox .libox{
        padding:.4rem 0.6rem;
    }
}