.banner_out {
  width: 100%;
  position: relative;
}

.banner_box .swiper-slide {
  width: 100%;
  padding-bottom: 53.95%;
}

.banner_info {
  position: absolute;
  left: .79rem;
  top: 3.33rem;
}

.banner_title {
  font-size: .72rem;
  color: #D72318;
  font-weight: bold;
  line-height: .92rem;
  font-style: italic;
}

.banner_info_inner {
  display: flex;
  align-items: center;
  margin-top: 2.94rem
}

.banner_info_left {
  font-size: .24rem;
  color: #FFFFFF;
  margin-right: .79rem;
  display: flex;
  flex-direction: column;
  font-weight: normal;
  font-style: italic;
}

.banner_info_left span:nth-child(1) {
  font-size: .36rem;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: .14rem;
}

.banner_box .page-swiper-pagination, .cp_box .page-swiper-pagination {
  right: .87rem;
  bottom: 1.08rem;
  left: unset;
  display: flex;
  justify-content: flex-end;
  padding-right: .87rem;
  box-sizing: border-box;
}

.banner_box .page-swiper-pagination span, .cp_box .page-swiper-pagination span {
  background: url('../img/spi2.png') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: calc(.17rem * 1);
  height: calc(.14rem * 1);
  margin: 0 .035rem !important;
  opacity: 1 !important;
  border-radius: unset;
}

.banner_box .page-swiper-pagination .swiper-pagination-bullet-active, .cp_box .page-swiper-pagination .swiper-pagination-bullet-active {
  background: url('../img/spi1.png') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.cp_box .page-swiper-pagination {
  display: none;
}

.news_swiper_out {
  background-image: url('../img/ctbg1.png');
}

.news_swiper_out {
  width: 18.21rem;
  height: 1.43rem;
  margin-top: -.54rem;
  position: relative;
  z-index: 1;
  padding: .39rem 0 0 1.44rem;
  box-sizing: border-box;
}

.news_swiper_box {
  width: 85%;
  margin-left: 0;
}

.news_type_title {
  display: flex;
  align-items: center;
  font-size: .18rem;
  color: #FFFFFF;
  font-style: italic;
}

.news_type_title img {
  width: .16rem;
  height: .11rem;
  margin-right: .12rem;
}

.news_swiper_text {
  font-size: .18rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-style: italic;
}

.news_swiper_text p {
  display: flex;
  align-items: center;
}

.news_swiper_text p:nth-child(1)::after {
  content: '';
  width: .28rem;
  height: 1px;
  background-color: #fff;
  margin: 0 .2rem;
  display: inline-block;
}

.news_swiper_btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .2rem;
}

.news_swiper_page_btn_box {
  display: flex;
  align-items: center;
  margin-right: 1.27rem;
  margin-top: .18rem;
}

.news_swiper_page_btn_box .swiper-button-next, .news_swiper_page_btn_box .swiper-button-prev {
  position: static;
  width: .11rem;
  height: .18rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.news_swiper_page_btn_box .swiper-button-next {
  background-image: url('../img/npi2.png');
  margin-left: .16rem;
}

.news_swiper_page_btn_box .swiper-button-prev {
  background-image: url('../img/npi1.png');
}

.news_swiper_page_btn_box .swiper-button-next:after, .news_swiper_page_btn_box .swiper-button-prev:after {
  display: none;
}

.jj_box {
  width: 100%;
  height: 5.04rem;
  background-position: right center;
  background-image: url('../img/icbg1.webp');
  margin-top: 1.66rem;
}


.jj_title {
  margin-left: 2.44rem;
  display: flex;
  flex-direction: column;
  font-size: .36rem;
  color: #D72318;
  font-weight: bold;
  font-style: italic;
}

.jj_title span:nth-child(2) {
  margin-left: 2rem;
  margin-top: .16rem;
}

.jj_gs {
  font-style: italic;
  font-size: .24rem;
  color: #352B28;
  margin-top: .24rem;
  margin-left: 3.81rem;
  font-weight: bold;
}

.jj_info {
  margin-left: 2.88rem;
  font-size: .16rem;
  color: #333333;
  display: flex;
  flex-direction: column;
  line-height: .3rem;
  margin-top: .3rem;
  font-style: italic;
}

.jj_info span:nth-child(1) {
  transform: translate(.8rem, 0);
}

.jj_info span:nth-child(2) {
  transform: translate(.6rem, 0);
}

.jj_info span:nth-child(3) {
  transform: translate(.4rem, 0);
  margin-top: .25rem;
}

.jj_info span:nth-child(4) {
  transform: translate(.2rem, 0);
}

.cp_box {
  background-image: url('../img/g_cp_bg1.webp');
  width: 100%;
  height: 9.6rem;
  margin-top: 1.64rem;
}

.jj_box .more_btn {
  margin-left: 2.4rem;
  margin-top: .7rem;
}

.cp_box {
  padding-top: .75rem;
  padding-left: 1.25rem;
  box-sizing: border-box;
}

.cp_box .page_title_box {
  margin: 0;
  margin-top: .4rem;
  margin-left: 1rem;
}

.cp_swiper_out {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.hidTabContent {
  display: none;
}

.cp_swiper_out .swiper-slide-next {
  opacity: .5;
}

.cp_item {
  display: flex;
  justify-content: center;
}

.cp_img {
  width: 6.1rem;
  /*height: 4.29rem;*/
}

.cp_left_swiper {
  width: 6rem;
}

.cp_left {
  display: flex;
  flex-direction: column;
  font-style: italic;
  margin-right: .85rem;
  flex-shrink: 0;
  padding-left: .8rem;
  box-sizing: border-box;
  width: 100%;
}

.cp_left .more_btn {
  margin-top: .71rem;
}

.cp_swiper_box {
  width: 11.6rem;
  flex-shrink: 0;
}

.cp_l_title {
  font-size: .24rem;
  color: #231815;
  font-weight: bold;
}

.cp_b_title {
  font-size: .4rem;
  color: #D72318;
  font-weight: bold;
  margin-top: .48rem;
  
  white-space: nowrap;
}

.cp_info {
  font-size: .3rem;
  color: #362D2A;
  margin-top: .2rem;
}

.cp_cs {
  font-size: .16rem;
  color: #8E8E8E;
  margin-top: .21rem;
}

.cp_tab_box {
  display: flex;
  margin-top: 1.41rem;
}

.cp_tab_item {
  width: 3.22rem;
  height: .85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../img/cp_tab_bg1.png');
  font-size: .22rem;
  color: #231815;
  cursor: pointer;
  font-style: italic;
  transition: .3s;
}

.cp_tab_box .cp_tab_active {
  background-image: url('../img/cp_tab_bg2.png');
  color: #fff;
}

.cp_swiper_page_btn_box {
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  justify-content: space-between;
  transform: translate(-.5rem, 0);
  z-index: 1;
}


.zx_box {
  padding: .78rem .2rem;
  box-sizing: border-box;
}

.zx_box .page_title_box {
  transform: translate(0);
}

.zx_list {
  margin-top: .7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.zx_item {
  background-image: url('../img/zx_bg1.png');
  width: 15.19rem;
  height: .97rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-style: italic;
  padding: 0 .8rem;
  box-sizing: border-box;
  margin-top: .13rem;
  transition: .3s;
}

.zx_item:hover {
  background-image: url('../img/zx_bg3.png');
}

.zx_item:nth-child(1) {
  margin-top: 0;
}

.zx_item .date {
  font-size: .18rem;
  color: #231815;
  flex-shrink: 0;
  transition: .3s;
}

.zx_item:hover .date {
  color: #fff;
}

.zx_item .type {
  width: 1.62rem;
  height: .38rem;
  background-image: url('../img/zx_bg2.png');
  flex-shrink: 0;
  margin: 0 .28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .18rem;
  color: #666666;
}

.zx_item .title {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .24rem;
  color: #231815;
  font-weight: bold;
  transition: .3s;
}

.zx_item:hover .title {
  color: #fff;
}

.content_box {
  padding-bottom: 1.5rem;
  box-sizing: border-box;
}

.banner_box_mobile {
  display: none;
}

@media screen and (max-width:1150px) {

  .banner_box_pc {
    display: none;
  }

  .banner_box_mobile {
    display: block;
  }

  .content_box {
    padding: 0 .16rem;
    padding-top: .7rem;
    box-sizing: border-box;
  }

  .banner_box .swiper-slide {
    padding-bottom: 188.8%;
  }

  .banner_box {
    width: calc(100% + .32rem);
    margin-left: -.16rem;
  }

  .banner_info_inner {
    margin-top: 3.6rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .banner_info {
    left: 0;
    top: 0;
    transform: translate(0);
    padding-top: .87rem;
    padding-left: .45rem;
  }

  .banner_title {
    font-size: .3rem;
    line-height: .3rem;
    line-height: 1.4;
    color: #fff;
    font-weight: 700;
  }

  .banner_info_left {
    margin: 0;
    font-size: .16rem;
    max-width: 90%;
  }

  .more_btn {
    margin-top: .34rem;
    /* width: calc(1.62rem * .8)!important;
    height: calc(.38rem * .8)!important;
    font-size: calc(.16rem * .8)!important; */
  }

  .banner_info_left span:nth-child(1) {
    font-size: .18rem;
  }


  .banner_box .page-swiper-pagination {
    bottom: .1rem;
    left: 50%;
    transform: translate(-50%, 0);
    padding-right: .16rem;
  }

  .news_swiper_out {
    width: calc(100%);
    height: .661rem;
    background-image: url('../img/xwxbg.png');
    background-size: contain;
    padding: 0;
    position: absolute;
    left: 0;
    margin-top: 0;
    transform: translate(0, -50%);
    padding: .12rem .28rem;
    box-sizing: border-box;
  }

  .cp_left .more_btn {
    margin-top: .45rem;
  }

  .news_type_title {
    font-size: .13rem;
  }

  .news_type_title img {
    /* zoom: .5; */
  }

  .news_swiper_text p:nth-child(1)::after {
    width: .16rem;
    margin: 0 .12rem;
  }

  .news_swiper_page_btn_box {
    display: none;
  }

  .news_swiper_text {
    font-size: .12rem;
    font-weight: normal;
  }


  .news_swiper_btm {
    margin-top: .12rem;
  }

  .news_swiper_box {
    width: 100%;
  }

  .jj_box {
    display: flex;
    flex-direction: column;
    background-image: url('../img/jjbg2.png');
    height: 6.56rem;
    margin-top: 0;
    background-size: cover;
    width: calc(100% + .32rem);
    margin-left: -.16rem;
    padding: 0 .16rem;
    padding-top: .72rem;
    box-sizing: border-box;
  }

  .jj_box .page_title_box .b_title {
    opacity: 1;
    text-shadow: none;
    font-weight: bold;
  }

  .jj_title {
    margin: 0;
    font-size: .18rem;
    margin-top: .2rem;
  }

  .jj_title span:nth-child(2) {
    margin: 0;
    margin-top: .1rem;
    margin-left: .8rem;
  }

  .jj_gs {
    margin: 0;
    margin-top: .15rem;
    font-size: .18rem;
  }

  .jj_info {
    font-size: .12rem;
    margin: 0;
    line-height: 1.6;
    margin-top: .16rem;
  }

  .jj_info span:nth-child(1), .jj_info span:nth-child(2), .jj_info span:nth-child(3), .jj_info span:nth-child(4) {
    transform: translate(0);
    margin: 0;
    text-indent: .26rem;
    margin-top: .12rem;
  }

  .jj_info span:nth-child(1) {
    margin-top: 0;
  }

  .more_btn {
    margin: 0;
    margin-top: .25rem;
    /* zoom: .6; */
  }

  .cp_box {
    padding: 0;
    height: auto;
    margin: 0;
    width: calc(100% + .32rem);
    margin-left: -.16rem;
    margin-top: 0;
    padding: .24rem .16rem;
    box-sizing: border-box;
    background-image: url('../img/cpbg2.png');
  }

  .cp_swiper_out {
    display: flex;
    flex-direction: column;
  }

  .cp_left {
    margin: 0;
    padding: 0;
    max-width: unset;
  }

  .cp_left_swiper {
    width: 100%;
  }

  .cp_l_title {
    font-size: .16rem;
    margin-top: .3rem;
  }

  .cp_b_title {
    font-size: .16rem;
    margin-top: .3rem;
  }

  .cp_info {
    font-size: .14rem;
    margin-top: .12rem;
  }

  .cp_cs {
    font-size: .1rem;
    margin-top: .16rem;
    line-height: 1.5;
  }

  .cp_swiper_box {
    width: 100%;
    margin-top: .3rem;
  }

  .cp_img {
    height: auto;
    width: 90%;
  }

  .cp_tab_box {
    flex-wrap: wrap;
    /*width: calc(100% + .32rem);
    margin-left: -.16rem;
    padding-left: .18rem;*/
    box-sizing: border-box;
    
    display: flex
;
        justify-content: center;
  }

  .cp_swiper_page_btn_box {
    display: none;
  }

  .cp_box .page_title_box {
    margin: 0;
  }

  .cp_swiper_page_btn_box {
    top: unset;
    transform: translate(0, .9rem);
    bottom: 0;
  }

  .cp_tab_item {
    font-size: .1rem;
    padding: 0 .1rem;
    box-sizing: border-box;
    line-height: 1.5;
    width: 1.27rem;
    height: .425rem;
    background-size: contain;
    margin: 0 -.05rem;
  }

  .yf_box {
    width: calc(100% + .32rem);
    margin-left: -.16rem;
    height: auto;
    padding: .24rem;
    box-sizing: border-box;
  }

  .yf_l_title {
    font-size: .2rem;
    line-height: 1.5;
    padding: 0;
  }

  .yf_swiper_box {
    width: 100%;
    margin-top: .24rem;
  }

  .yf_swiper_page_btn_box {
    transform: translate(0);
    margin-top: .3rem;
  }

  .yf_item {
    /* zoom: .8; */
    width: calc(4.31rem * .8);
    height: calc(4.75rem * .8);
  }

  .yf_swiper_box .more_btn_box {
    margin-top: -.35rem;
  }

  .yf_swiper-button-prev, .yf_swiper-button-next, .cp_swiper-button-prev, .cp_swiper-button-next {
    /* zoom: .6; */
    width: calc(.58rem * .6);
    height: calc(.7rem * .6);
  }

  .zx_box {
    padding: .24rem;
  }

  .zx_list {
    margin-top: .24rem;
  }

  .zx_item {
    width: 100%;
    padding: .24rem;
    flex-direction: column;
    height: auto;
    align-items: flex-start;
  }

  .zx_item .date {
    font-size: .16rem;
  }

  .zx_item .type {
    display: none;
  }

  .zx_item .title {
    font-size: .16rem;
    margin-top: .2rem;
    white-space: unset;
    text-overflow: unset;
    line-height: 1.5;
  }

  .jj_box .more_btn {
    margin-top: .55rem;
    margin-left: 0;
  }

  .banner_info_left span:nth-child(2) {
    font-size: .12rem;
  }

  .banner_info_left span {
    white-space: nowrap;
  }

  .banner_info_inner {
    width: 90%;
  }

  .banner_box .page-swiper-pagination {
    justify-content: center;
    bottom: .5rem;
    /* zoom: .6; */
  }

  .hidTabContent {
    display: none;
  }

  .cp_swiper_box {
    padding-bottom: .8rem;
  }

  .cp_box .page-swiper-pagination {
    justify-content: center;
    bottom: 0;
    right: unset;
    padding: 0;
    /* zoom: .7; */
    display: flex;
  }

  .cp_tab_box {
    margin-top: .24rem;
  }

  .banner_box .page-swiper-pagination span, .cp_box .page-swiper-pagination span {
    width: calc(.17rem * .6);
    height: calc(.14rem * .6);
  }

}