/* @media (max-width: 8200px) and (min-width: 751px) { */
body {
  max-width: 1920px;
  margin: 0 auto;
}


.middle .middle_top {
  margin-top: .2rem;
}

.middle .middle_top ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.middle .middle_top ul li {
  margin: 0 -.15rem 0 0;
}

.middle .middle_top ul li a {
  display: block;
  position: relative;
  padding: 0 .4rem;
  height: 0;
  line-height: .3rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-right: .3rem solid transparent;
  border-bottom: .3rem solid #3D3D3D;
  opacity: .9;
  font-size: .15rem;
  color: #fff;
}

.middle .middle_top ul .active a {
  z-index: 3;
  border-bottom-color: #C01921;
  opacity: 1;
}

.middle .middle_box ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.middle .middle_box ul li a {
  display: block;
  width: 2rem;
  height: 2.8rem;
  padding: 0px 0 5px;
  border: #ccc solid 1px;
  border-radius: 0px;
  z-index: 1;
  margin: .1rem .1rem 0;
  background: #fff;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  position: relative;
  border-bottom: .02rem solid #C01921;
}

.middle .middle_box ul li a div {
  width: 1.8rem;
  height: 1.2rem;
  margin: 0 auto;
  border-radius: .05rem;
  border: 1px solid #ccc;
  margin-top: .1rem;
  overflow: hidden;
}

.middle .middle_box ul li a div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .25s;
}

.middle .middle_box ul li a span {
  display: block;
  font-size: .14rem;
  color: #333;
  text-align: center;
  padding-top: .05rem;
}

.middle .middle_box ul li a p {
  font-size: .12rem;
  text-align: center;
  color: #b0b0b0;
}

.middle .middle_box ul li:hover div img {
  transform: scale(1.2);
}

.middle .middle_box ul li:hover a {
  border-bottom: .05rem solid #C82230;
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.1);
}

.section {
  padding-top: .5rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.section .section_lis {
  width: 50%;
  background-color: #C82230;
}

.section .section_lis .section_top {
  padding: .7rem 4% 0 27%;
}

.section .section_lis .section_top span {
  display: block;
  color: #ffffff;
  font-weight: normal;
  padding-bottom: .4rem;
  position: relative;
  font-size: .4rem;
}

.section .section_lis .section_top p {
  font-size: .18rem;
  padding-bottom: .3rem;
  color: #fff;
  text-align: justify;
  line-height: 1.5;
}

.section .section_lis .section_top a {
  display: block;
  border-radius: .4rem;
  border: 1px solid #fff;
  color: #fff;
  width: 1.76rem;
  line-height: .53rem;
  height: .53rem;
  text-align: center;
  font-size: .14rem;
}

.section .section_box {
  width: 50%;
}

.section .section_box img {
  width: 100%;
  height: 100%;
}

.main_unt {
  background-color: #fafafa;
  margin: .8rem 0;
  padding: .4rem 0;
}

.main_unt .main {
  width: 12rem;
  margin: 0 auto;
}

.main_unt .main .clearfix {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.main_unt .main .clearfix li .numU {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.main_unt .main .clearfix li span {
  font-size: .75rem;
  color: #333;
}

.main_unt .main .clearfix li .unitC {
  font-size: .3rem;
  color: #333;
}

.main_unt .main .clearfix li .indc {
  font-size: .16rem;
  color: #333;
  text-align: center;
  padding-top: .3rem;
}

.current {
  padding: 0 0 .8rem 0;
}

.current .current_h4 {
  font-size: .4rem;
  color: #333;
  padding-bottom: .2rem;
  text-align: center;
}

.current .current_top {
  width: 12rem;
  margin: 0 auto;
}

.current .current_top ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: .4rem;
  padding-top: .4rem;
}

.current .current_top ul li {
  flex: 0 0 24%;
  width: 24%;
  text-align: center;
  background-color: #6c6c6c;
  padding-top: .3rem;
  padding-bottom: .15rem;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: all .5s;
  margin-bottom: .1rem;
}

.current .current_top ul li img {
  width: .9rem;
  margin: 0 auto;
}

.current .current_top ul li span {
  display: block;
  font-size: .2rem;
  padding-top: .2rem;
  text-align: center;
}

.current .current_top ul .active {
  position: relative;
  background-color: #C82230;
}

.current .current_top ul .active:after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 0;
  border-width: .15rem;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #fff;
  opacity: 1;
  visibility: visible;
  transition: all .5s;
}

.current .current_box {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.current .current_box .images {
  width: 6rem;
  position: relative;
}

.current .current_box .images img {
  width: 100%;
  height: 100%;
}

.current .current_box .images span {
  display: block;
  position: absolute;
  bottom: .4rem;
  right: -.4rem;
  width: .8rem;
  height: 1.9rem;
  background-color: #C82230;
}

.current .current_box .current_text {
  width: 6rem;
  padding-left: 1rem;
}

.current .current_box .current_text .texta {
  font-size: .6rem;
  color: #333;
}

.current .current_box .current_text .textb {
  font-size: .2rem;
  color: #333;
  margin-top: .2rem;
}

.current .current_box .current_text .textc {
  font-size: .16rem;
  color: #333;
  padding-bottom: .2rem;
  margin-top: .2rem;
}

.current .current_box .current_text .textd {
  display: flex;
  align-items: center;
}

.current .current_box .current_text .textd div {
  display: flex;
  align-items: center;
  padding-right: .2rem;
}

.current .current_box .current_text .textd div span {
  font-size: .24rem;
  color: #C82230;
  margin-right: .1rem;
}

.current .current_box .current_text .textd div p {
  font-size: .14rem;
  color: #333;
}

.current .current_box .current_text a {
  display: block;
  width: 1.85rem;
  height: .44rem;
  line-height: .44rem;
  text-align: center;
  border: 1px solid #C82230;
  color: #C82230;
  font-size: .16rem;
  border-radius: .5rem;
  margin-top: .2rem;
}

.current .current_box .current_text a:hover {
  background-color: #C82230;
  color: #fff;
}

.success {
  width: 100%;
  height: 1.88rem;
  background: url(../../images/iocn15.jpg) no-repeat center top/cover;
}

.success .success_list {
  width: 12rem;
  height: 1.88rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.success .success_list div span {
  display: block;
  font-size: .4rem;
  color: #fff;
  font-weight: bold;
}

.success .success_list div p {
  font-size: .2rem;
  color: #fff;
  padding-top: .2rem;
}

.success .success_list a {
  width: 1.8rem;
  height: .54rem;
  line-height: .54rem;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  font-size: .16rem;
  border-radius: .5rem;
}

.paging {
  padding: .8rem 0;
  width: 12rem;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.paging .paging_top {
  width: 6rem;
  padding: 0 .15rem;
}

.paging .paging_top .paging_h4 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}

.paging .paging_top .paging_h4 span {
  font-size: .4rem;
  color: #333;
  padding-bottom: .16rem;
  position: relative;
}

.paging .paging_top .paging_h4 span:after {
  content: '';
  display: table;
  width: 1.2rem;
  height: .02rem;
  background: #C82230;
  position: absolute;
  bottom: 0;
  left: 0;
}

.paging .paging_top .paging_h4 a {
  font-size: .16rem;
  color: #121619;
}

.paging .paging_top .paging_top_a {
  margin: .4rem 0 .2rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.paging .paging_top .paging_top_a img {
  width: 2.28rem;
}

.paging .paging_top .paging_top_a ul {
  padding-left: .16rem;
}

.paging .paging_top .paging_top_a ul span {
  display: block;
  font-size: .16rem;
  color: #333;
  margin-top: .2rem;
}

.paging .paging_top .paging_top_a ul p {
  font-size: .14rem;
  color: #666;
  margin-top: .2rem;
  text-align: justify;
}

.paging .paging_top .paging_top_a ul a {
  display: block;
  width: 1.2rem;
  height: .36rem;
  line-height: .36rem;
  font-size: .16rem;
  text-align: center;
  color: #333;
  border: 1px solid #cccccc;
  margin-top: .2rem;
}

.paging .paging_top .paging_top_b ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .2rem 0;
  border-top: 1px dashed #cccccc;
}

.paging .paging_top .paging_top_b ul li a {
  font-size: .16rem;
  color: #333;
}

.paging .paging_top .paging_top_b ul li span {
  font-size: .16rem;
  color: #333;
}

.paging .paging_toss {
  border-left: 1px dashed #ccc;
}

.paging .paging_toss .paging_box {
  padding-top: .15rem;
  border-top: 1px dashed #cccccc;
}

.paging .paging_toss .paging_box div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: .15rem;
}

.paging .paging_toss .paging_box div .spana {
  width: .26rem;
  height: .26rem;
  line-height: .26rem;
  text-align: center;
  font-size: .16rem;
  color: #fff;
  text-align: center;
  background-color: #C82230;
}

.paging .paging_toss .paging_box div .spanb {
  width: .26rem;
  height: .26rem;
  line-height: .26rem;
  text-align: center;
  font-size: .16rem;
  color: #fff;
  text-align: center;
  background-color: #333;
}

.paging .paging_toss .paging_box div .spanc {
  margin-left: .2rem;
  font-size: .16rem;
  color: #333;
  line-height: .26rem;
  width: 5.25rem;
}

.paging .paging_toss .paging_box div .spand {
  margin-left: .2rem;
  font-size: .16rem;
  color: #868585;
  line-height: .26rem;
  width: 5.25rem;
}

@media (max-width: 751px) {
 

  .middle {
    padding: 0 .2rem;
  }
  .middle .middle_top ul li {
    margin: 0 -0.3rem 0 0;
  }
  .middle .middle_top ul li a {
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #3D3D3D;
    line-height: 1rem;
    margin-top: .4rem;
    font-size: .5rem;
  }
  .middle .middle_box ul {
    flex-wrap: wrap;
  }
  .middle .middle_box ul li {
    padding-top: .3rem;
  }
  .middle .middle_box ul li a {
    width: 6rem;
    height: 7rem;
  }
  .middle .middle_box ul li a div {
    width: 5.5rem;
    height: 4rem;
  }
  .middle .middle_box ul li a span{
    font-size: .5rem;
    padding-top: .2rem;
  }
  .middle .middle_box ul li a p{
    font-size: .5rem;
    padding-top: .2rem;
  }
  .section {
    padding: .3rem;
    display: block;
  }
  .section .section_lis {
    width: 100%;
  }
  .section .section_lis .section_top {
    padding: .5rem;
    margin-top: 1rem;
  }
  .section .section_lis .section_top span {
    font-size: 1.2rem;
  }
  .section .section_lis .section_top p {
    font-size: .6rem;
    padding-top: .4rem;
  }
  .section .section_lis .section_top a {
    width: 6rem;
    height: 1.5rem;
    border-radius: 5rem;
    margin-top: .5rem;
    line-height: 1.5rem;
    font-size: .5rem;
  }
  .section .section_box {
    width: 100%;
  }
  .main_unt .main {
    width: 100%;
  }
  .main_unt .main .numCount ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .main_unt .main .numCount ul li {
    width: 50%;
    text-align: center;
    margin-top: 1rem;
  }
  .main_unt .main .numCount ul li .numU {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .main_unt .main .numCount ul li span {
    font-size: 1.5rem;
  }
  .main_unt .main .numCount ul li .indc {
    font-size: .9rem;
  }
  .current {
    padding: .8rem .3rem;
  }
  .current .current_h4 {
    font-size: 1.5rem;
  }
  .current .current_top {
    width: 100%;
  }
  .current .current_top ul li {
    flex: 0 0 49%;
    height: 6rem;
    margin-top: .5rem;
    padding-top: .5rem;
  }
  .current .current_top ul li img {
    width: 2rem;
  }
  .current .current_top ul li span {
    font-size: .8rem;
    margin-top: .5rem;
  }
  .current .current_top ul .active:after {
    border-width: 0.45rem;
  }
  .current .current_list .current_box {
    display: block;
    width: 100%;
  }
  .current .current_list .current_box .images {
    width: 100%;
  }
  .current .current_list .current_box .images span {
    display: none;
  }
  .current .current_list .current_box .current_text {
    width: 100%;
    padding: 0;
  }
  .current .current_list .current_box .current_text .texta {
    font-size: 1.5rem;
    margin-top: .5rem;
  }
  .current .current_list .current_box .current_text .textb {
    font-size: .8rem;
  }
  .current .current_list .current_box .current_text .textc {
    font-size: .6rem;
    margin-top: .7rem;
  }
  .current .current_list .current_box .current_text .textd div {
    width: 50%;
    flex-wrap: wrap;
  }
  .current .current_list .current_box .current_text .textd div span {
    font-size: 2rem;
  }
  .current .current_list .current_box .current_text .textd div p {
    font-size: .5rem;
  }
  .current .current_list .current_box .current_text a {
    width: 5rem;
    line-height: 1.5rem;
    height: 1.5rem;
    border-radius: 5rem;
    font-size: .5rem;
  }
  .success {
    width: 100%;
    height: 10rem;
    margin-top: .5rem;
  }
  .success .success_list {
    display: block;
    width: 100%;
  }
  .success .success_list div span {
    font-size: 1.2rem;
    text-align: center;
    padding-top: 1rem;
  }
  .success .success_list div p {
    font-size: .8rem;
    text-align: center;
    margin-top: 1rem;
  }
  .success .success_list a {
    display: block;
    width: 90%;
    margin: 0 auto;
    height: 2rem;
    line-height: 2rem;
    border-radius: 5rem;
    font-size: .8rem;
    padding: 0 1rem;
    text-align: left;
    margin-top: 1rem;
  }
  .paging {
    width: 100%;
    display: block;
    padding: 2rem .5rem 0 .5rem;
  }
  .paging .paging_top {
    width: 100%;
    padding-bottom: 1rem;
  }
  .paging .paging_top .paging_h4 span {
    font-size: 1.2rem;
  }
  .paging .paging_top .paging_h4 span:after {
    width: 6rem;
    height: 0.05rem;
  }
  .paging .paging_top .paging_h4 a {
    font-size: .8rem;
  }
  .paging .paging_top .paging_top_a {
    margin: 1rem 0 1rem 0;
  }
  .paging .paging_top .paging_top_a img {
    width: 7rem;
  }
  .paging .paging_top .paging_top_a ul {
    padding-left: 1rem;
  }
  .paging .paging_top .paging_top_a ul span {
    font-size: .5rem;
  }
  .paging .paging_top .paging_top_a ul p {
    font-size: .5rem;
    margin-top: 1rem;
    line-height: .8rem;
  }
  .paging .paging_top .paging_top_a ul a {
    display: none;
  }
  .paging .paging_top .paging_top_b ul li {
    padding: .5rem 0;
  }
  .paging .paging_top .paging_top_b ul li a{
    font-size: .5rem;
  }
  .paging .paging_top .paging_top_b ul li span{
    font-size: .5rem;
  }
  .paging .paging_toss {
    border: 0;
  }
  .paging .paging_toss .paging_box {
    padding-top: 1rem;
  }
  .paging .paging_toss .paging_box div {
    padding-bottom: 1rem;
  }
  .paging .paging_toss .paging_box div span{
    font-size: .5rem !important;
  }
  .paging .paging_toss .paging_box div .spana {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
  }
  .paging .paging_toss .paging_box div .spanb {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
  }
  .paging .paging_toss .paging_box div .spanc {
    font-size: .8rem;
    line-height: .8rem;
    width: 17rem;
    padding-left: .7rem;
  }
  .paging .paging_toss .paging_box div .spand {
    font-size: .8rem;
    line-height: .8rem;
    width: 17rem;
    padding-left: .7rem;
  }
}

/* } */