* {
  margin: 0;
  padding: 0;
}
body,
html {
  height: 100%;
  position: relative;
  width: 100%;
}
img {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hamburger {
  display: none;
}
.center{
  width: 1400px;
}
.header-box{
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 1px 10px 0px rgb(11 28 49 / 10%);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 19;
  transition: 0.3s;
}
.header-inbox{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.header-inbox .logo img:last-of-type{
  display: none;
}
.header-inbox .logo img{
  width: 170px;
}
.header-inbox .one-ul{
  display: flex;
  display: -webkit-flex;
}
.header-inbox .one-ul .one-li{
  position: relative;
}
.header-inbox .one-ul .one-li:not(:first-of-type){
  margin-left: 80px;
}
.header-inbox .one-ul .one-li>a{
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #333333;
  line-height: 80px;
  display: block;
  position: relative;
  transition: 0.3s;
}
.header-inbox .one-ul .one-li>a::before{
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  width: 0;
  background: #C20A14;
  height: 2px;
  transition: 0.3s;
}
.header-inbox .one-ul .one-li:hover>a{
  color: #C20A14;
}
.header-inbox .one-ul .one-li:hover>a::before{
  width: 29px;
}
.header-inbox .one-ul .one-li.active>a{
  color: #C20A14;
}
.header-inbox .one-ul .one-li.active>a::before{
  width: 29px;  
}
.header-inbox .one-ul .one-li .two-ul{
  width: 167px;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: scaleY(0) translateX(-50%);
  transform-origin: center top;
  transition: 0.3s;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.85);
}
.header-inbox .one-ul .one-li .two-ul .two-li{
  width: 100%;
}
.header-inbox .one-ul .one-li .two-ul .two-li:not(:first-of-type){
  border-top: 1px solid rgba(255, 255, 255, 0.34);
}
.header-inbox .one-ul .one-li .two-ul .two-li a{
  display: block;
  padding: 13px 10px;
  width: calc(100% - 20px);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  transition: 0.3s;
}
.header-inbox .one-ul .one-li .two-ul .two-li:hover>a{
  color: #C20A14;
}
.header-inbox .one-ul .one-li:hover>.two-ul{
  transform: scaleY(1) translateX(-50%);
  opacity: 1;
}
.header-box.t-active{
  background-color: transparent;
  box-shadow: unset;
}
.header-box.t-active .header-inbox .one-ul .one-li>a{
  color: #FFFFFF;
}
.header-box.t-active .header-inbox .logo img:last-of-type{
  display: block;
}
.header-box.t-active .header-inbox .logo img:first-of-type{
  display: none;
}
.header-box.tbg-active{
  background-color: transparent;
  box-shadow: unset;
}
.mySwiper .s-c{
  width: 100%;
  height: 100vh;
}
.mySwiper .s-c img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(70%);
}
.mySwiper .s-c .item{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.mySwiper .s-c .item h3{
  font-size: 70px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  text-align: center;
}
.mySwiper .s-c .item h6{
  font-size: 32px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  text-align: center;
  margin: 30px 0 75px 0;
}
.mySwiper .s-c .item a{
  display: block;
  width: 130px;
  background: rgba(194,10,20,0.4);
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  margin: 0 auto;
}
.mySwiper .swiper-pagination{
  bottom: 40px;
}
.mySwiper .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 50%;
}
.mySwiper .swiper-pagination-bullet-active{
  width: 40px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 4px;
  opacity: 1;
}
.flow-left-text{
  position: fixed;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
.flow-left-text>.line{
  width: 26px;
  height: 1px;
  background: #FFFFFF;
  margin-left: 30px;
  transition: 0.5s;
}
.flow-left-text .pb:not(:first-of-type){
  margin-top: 30px;
}
.flow-left-text .row{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.flow-left-text .row .line{
  width: 56px;
  height: 1px;
  background: #FFFFFF;
  transition: 0.5s;
}
.flow-left-text .row span{
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Arial;
  margin-left: 10px;
  transition: 0.5s;
}
.flow-left-text .row span:not(:first-of-type){
  display: none;
}
.flow-right-rund{
  position: fixed;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
.flow-right-rund .rund-box{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
.flow-right-rund .rund-box .rund{
  width: 21px;
  height: 21px;
  border: 1px solid transparent;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  border-radius: 50%;
  transition: 0.3s;
}
.flow-right-rund .rund-box .rund:not(:first-of-type){
  margin-top: 7px;
}
.flow-right-rund .rund-box .rund .d{
  width: 6px;
  height: 6px;
  background: #FFFFFF;
  opacity: 0.4;
  border-radius: 50%;
  transition: 0.3s;
}
.flow-right-rund .rund-box .rund.active{
  border-color: #FFFFFF;
}
.flow-right-rund .rund-box .rund.active .d{
  opacity: 1;
}
.flow-right-rund .line{
  width: 1px;
  height: 65px;
  background-color: #FFFFFF;
  opacity: 0.4;
  margin: 7px 0 22px 0;
}
.flow-right-rund .sz-box{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.flow-right-rund .sz-box .q{
  font-size: 30px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Arial;
  line-height: 1;
  transition: 0.3s;
}
.flow-right-rund .sz-box .h{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Arial;
  line-height: 1;
  padding-bottom: 3px;
}
.banner{
  width: 100%;
  height: 540px;
  position: relative;
  margin-top: 80px;
}
.banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .content{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.banner .content h3{
  font-size: 48px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  text-align: center;
}
.banner .content h6{
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  text-align: center;
  margin-top: 13px;
}
.i2-box{
  width: 100%;
  height: 100vh;
  background: url('../images/i2-bg.jpg') no-repeat center / cover;
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.i2-box .bg{
  position: absolute;
  left: 0px;
  top: 17%;
}
.i2-box .container{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
}
.i2-box .container .left{
  width: 560px;
}
.i2-box .container .left h3{
  font-size: 36px;
  font-weight: 500;
  color: #333333;
  line-height: 1;
  font-family: Source Han Sans SC;
}
.i2-box .container .left h3 span{
  color: #C20A14;
}
.i2-box .container .left h6{
  font-size: 16px;
  font-weight: 400;
  color: #808080;
  line-height: 30px;
  font-family: Source Han Sans SC;
  margin: 70px 0 80px 0;
}
.i2-box .container .left .numContent{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.i2-box .container .left .numContent .num-b{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
.i2-box .container .left .numContent .num-b .numText{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.i2-box .container .left .numContent .num-b .numText .num{
  font-size: 72px;
  font-weight: bold;
  color: #C20A14;
  font-family: Arial;
  line-height: 1;
}
.i2-box .container .left .numContent .num-b .numText span{
  font-size: 40px;
  font-weight: 400;
  color: #C20A14;
  font-family: Arial;
  line-height: 1;
}
.i2-box .container .left .numContent .num-b .text{
  line-height: 1;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #333333;
  margin-top: 5px;
}
.i2-box .container .left a{
  display: block;
  width: 130px;
  background: #C20A14;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 110px;
}
.i2-box .container .right{
  width: 590px;
}
.i2-box .container .right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 2s;
}
.i2-box .container .right:hover>img{
  transform: scale(1.05);
}
.i3-box{
  width: 100%;
  height: 100vh;
  background: url('../images/py.png') no-repeat center / cover;
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.i3-box::before{
  display: block;
  content:'';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.3);
}
.i3-box .container .bg{
  width: 594px;
  animation: pulse 30s linear infinite;
}
@keyframes pulse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
.i3-box .container{
  position: relative;
}
.i3-box .container .big-rund{
  width: 95%;
  height: 95%;
  border: 1px solid #DBDADC;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.i3-box .container .text-box{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 75%;
  z-index: 3;
}
.i3-box .container .text-box .t-c{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.i3-box .container .text-box .box:not(:nth-of-type(2)){
  display: none;
}
.i3-box .container .text-box h3{
  font-size: 26px;
  font-weight: 500;
  color: #ffffff;
  font-family: Source Han Sans SC;
  text-align: center;
  margin-top: 15px;
}
.i3-box .container .text-box h6{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  line-height: 28px;
  margin: 20px 0 30px 0;
}
.i3-box .container .text-box a{
  display: block;
  width: 130px;
  background: #C20A14;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #FFFFFF;
}
.i3-box .container .con-rund-box{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.i3-box .container .pbrd{
  position: absolute;
  /*display: flex;*/
  /*display: -webkit-flex;*/
  /*align-items: center;*/
  /*-webkit-align-items: center;*/
  cursor: pointer;
}
.i3-box .container .pbrd .rd{
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-radius: 50%;
  transition: 0.5s;
}
.i3-box .container .pbrd p{
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  /*margin-left: 18px;*/
  opacity: 1;
  transition: 0.5s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23px;
  width: max-content;
  line-height: 1;
}
.i3-box .container .pbrd.active .rd{
  background-color: #C20A14;
}
.i3-box .container .pbrd.active p{
  opacity: 1;
}
.i3-box .container .rd1{
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
}
.i3-box .container .rd2{
    right: 40px;
    bottom: 160px;
}
.i3-box .container .rd3{
    left: 40px;
    bottom: 160px;    
}
.i3-box .container .rd3 p{
    left: unset;
    right: 23px;
}
.i3-box .container .rd4{
    left: 40px;
    top: 150px;
}
.i3-box .container .rd4 p{
 left: unset;
 right: 23px;
}
.i3-box .container .rd5{
  top: 7px;
  left: 50%;
}
.i4-box{
  width: 100%;
  height: 100vh;
  background: url('../images/i4-bg.jpg') no-repeat center / cover;
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.i4-box .container .title{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.i4-box .container .title h3{
  font-size: 36px;
  font-weight: bold;
  color: #C20A14;
  line-height: 1;
  font-family: Source Han Sans SC;
  margin: 0 30px;
}
.i4-box .container .title .line{
  width: 425px;
  height: 2px;
}
.i4-box .container .title .line:last-of-type{
  background: linear-gradient(to right, #C20A14, #FFFFFF);
}
.i4-box .container .title .line:first-of-type{
  background: linear-gradient(to right, #FFFFFF, #C20A14);
}
.i4-box .container .ds{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin-top: 35px;
  position: relative;
} 
.i4-box .container .ds .wz{
  font-size: 30px;
  font-weight: 500;
  color: #C99225;
  font-family: Source Han Sans SC;
  line-height: 1;
}
.i4-box .container .sw-box{
  width: 100%;
  position: relative;
  margin-top: 68px;
}
.i4-box .container .sw-box .hg{
  width: 100%;
  opacity: 0;
}
.i4-box .container .sw-box .sw{
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.i4-box .container .sw-box .sw .swiper-slide{
  width: 100%;
}
.i4-box .container .sw-box .sw a{
  display: block;
}
.i4-box .container .sw-box .sw img{
  width: 100%;
}
.i4-box .container .sw-box .swiper-container{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  padding-bottom: 70px;
  width: 100%;
}
.i4-box .container .sw-box .swiper-container.active{
  z-index: 2;
}
/* .i4-box .container .sw-box .swiper-container .swiper-wrapper{
  transition-timing-function: linear !important;
} */
.i4-box .container .sw-box .swiper-container .swiper-pagination{
  bottom: 0px;
}
.i4-box .container .sw-box .swiper-container .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  background: #D2D2D2;
  border-radius: 50%;
  opacity: 1;
}
.i4-box .container .sw-box .swiper-container .swiper-pagination-bullet-active{
  width: 40px;
  height: 8px;
  background: #C20A14;
  border-radius: 4px;
  opacity: 1;
}
.i4-box .container .type-box{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  /* position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%); */
  margin: 35px auto 0;
}
.i4-box .container .type-box a{
  width: 146px;
  border: 1px solid #C20A14;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: 0.3s;
  font-size: 16px;
  font-weight: 400;
  color: #C20A14;
  font-family: Source Han Sans SC;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.i4-box .container .type-box a:not(:first-of-type){
  margin-left: 20px;
}
.i4-box .container .type-box a::before{
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0;
  height: 100%;
  background-color: #C20A14;
  z-index: -1;
  transition: 0.3s;
}
.i4-box .container .type-box a:hover{
  color: #FFFFFF;
}
.i4-box .container .type-box a:hover::before{
  width: 100%;
}
.i4-box .container .type-box a.active{
  color: #FFFFFF;
}
.i4-box .container .type-box a.active::before{
  width: 100%;
}
.i5-box{
  width: 100%;
  height: 100vh;
  background: url('../images/i5-bg.jpg') no-repeat center / cover;
  /* display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center; */
}
.i5-box .i5-inbox{
  margin: 0 auto;
  padding-top: 130px;
}
.i5-inbox .top{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  border-bottom: 1px solid #E3E3E3;
}
.i5-inbox .top .t-l{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding-bottom: 10px;
}
.i5-inbox .top .t-l span{
  font-family: Montserrat;
  font-style: italic;
  color: #C20A14;
  font-weight: 500;
  font-size: 50px;
  line-height: 1;
}
.i5-inbox .top .t-l p{
  font-size: 36px;
  font-weight: bold;
  color: #C20A14;
  line-height: 1;
  margin-left: 25px;
  font-family: Source Han Sans SC;
}
.i5-inbox .top .t-r {
  display: flex;
  display: -webkit-flex;
}
.i5-inbox .top .t-r a{
  width: 128px;
  border: 1px solid #C20A14;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #C20A14;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 40px;
  transition: 0.3s;
}
.i5-inbox .top .t-r a:not(:first-of-type){
  margin-left: 30px;
}
.i5-inbox .top .t-r a::before{
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0;
  height: 100%;
  background-color: #C20A14;
  transition: 0.3s;
  z-index: -1;
}
.i5-inbox .top .t-r a:hover{
  color: #FFFFFF;
}
.i5-inbox .top .t-r a:hover::before{
  width: 100%;
}
.i5-inbox .top .t-r a.active{
  color: #FFFFFF;
}
.i5-inbox .top .t-r a.active::before{
  width: 100%;
}
.i5-inbox .container{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 40px;
}
.i5-inbox .container .left{
  width: 580px;
}
.i5-inbox .container .left .img-box{
  width: 100%;
  height: 345px;
  position: relative;
}
.i5-inbox .container .left .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i5-inbox .container .left .img-box p{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 130px;
  background: #C20A14;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  height: 40px;
}
.i5-inbox .container .left .ct{
  width: 100%;
  padding-top: 20px;
}
.i5-inbox .container .left .ct h3{
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-family: Source Han Sans SC;
}
.i5-inbox .container .left .ct .line{
  margin: 25px 0 20px 0;
  width: 100%;
  height: 1px;
  background-color: #E5E5E5;
}
.i5-inbox .container .left .ct h6{
  font-size: 16px;
  font-weight: 400;
  color: #808080;
  line-height: 30px;
  font-family: Source Han Sans SC;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 40px;
}
.i5-inbox .container .in-more{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.i5-inbox .container .in-more span{
  font-size: 15px;
  font-weight: 400;
  color: #999999;
  font-family: Montserrat;
}
.i5-inbox .container .in-more i{
  font-size: 16px;
  color: #999999;
}
.i5-inbox .container .right{
  width: 770px;
}
.i5-inbox .container .right .r-t{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.i5-inbox .container .right .r-t .img-box{
  width: 268px;
  height: 167px;
  position: relative;
}
.i5-inbox .container .right .r-t .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i5-inbox .container .right .r-t .img-box p{
  width: 130px;
  background: #C20A14;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.i5-inbox .container .right .r-txt{
  width: calc(100% - 268px - 19px);
  margin-left: 19px;
}
.i5-inbox .container .right .r-txt h3{
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #333333;
  line-height: 1;
  font-size: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.i5-inbox .container .right .r-txt h6{
  height: 60px;
  margin: 20px 0 25px 0;
}
.i5-inbox .container .right .r-txt h6 span{
  font-size: 16px;
  font-weight: 400;
  color: #808080;
  line-height: 30px;
  font-family: Source Han Sans SC;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.i5-inbox .container .right .r-list{
  width: 100%;
  margin-top: 25px;
}
.i5-inbox .container .right .r-list li a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.i5-inbox .container .right .r-list li:not(:first-of-type){
  margin-top: 40px;
}
.i5-inbox .container .right .r-list li a .time-box{
  width: 90px;
}
.i5-inbox .container .right .r-list li a .time-box .m{
  font-size: 32px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  line-height: 1;
  transition: 0.3s;
}
.i5-inbox .container .right .r-list li a .time-box .y{
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  line-height: 1;
  text-align: right;
  margin-top: 10px;
}
.i5-inbox .container .right .r-list li a .r-list-line{
  width: 1px;
  height: 87px;
  background-color: #E5E5E5;
  margin: 0 36px 0 26px;
}
.i5-inbox .container .right .r-list li a .r-list-txt{
  width: calc(100% - 90px - 36px - 26px - 1px);
}
.i5-inbox .container .right .r-list li a .r-list-txt h3{
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-family: Source Han Sans SC;
  transition: 0.3s;
}
.i5-inbox .container .right .r-list li a .r-list-txt h6{
  font-size: 16px;
  font-weight: 400;
  color: #808080;
  line-height: 30px;
  font-family: Source Han Sans SC;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 15px;
}
.i5-inbox .container .right .r-list li:hover>a .time-box .m,
.i5-inbox .container .right .r-list li:hover>a .r-list-txt h3{
  color: #C20A14;
}
.i5-inbox .container .right .z-more{
  height: 42px;
  background: #C20A14;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  width: 130px;
  margin-top: 60px;
  display: block;
}
.table{
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: 1px solid #DCDCDC;
}
.table.ne{
  background-color: #F8F8F8;
}
.table .content{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  margin: 0 auto;
  padding-top: 28px;
}
.min-nav{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.min-nav a{
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  transition: 0.3s;
}
.min-nav a:not(:first-of-type):hover{
  color: #C20A14;
}
.min-nav span{
  font-size: 8px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  margin: 0 15px;
}
.table .content .right{
  display: flex;
  display: -webkit-flex;
}
.table .content .right a{
  width: 180px;
  height: 48px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  text-align: center;
  line-height: 48px;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.table .content .right a:not(:first-of-type){
  margin-left: 25px;
}
.table .content .right a::before{
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0;
  height: 100%;
  background-color: #C20A14;
  transition: 0.3s;
  z-index: -1;
}
.table .content .right a.active{
  color: #FFFFFF;
}
.table .content .right a.active::before{
  width: 100%;
}
.table .content .right a:hover{
  color: #FFFFFF;
}
.table .content .right a:hover::before{
  width: 100%;
}
.a1-box{
  width: 100%;
}
.a1-box .a1-inbox{
  padding: 90px 0 105px 0;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.a1-inbox .left{
  width: 735px;
}
.a1-inbox .left .title .line{
  width: 66px;
  background: #C20A14;
  height: 1px;
}
.a1-inbox .left .title h3{
  font-size: 36px;
  font-weight: bold;
  color: #C20A14;
  font-family: Source Han Sans SC;
  margin: 15px 0 18px 0;
}
.a1-inbox .left .title h6{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
}
.a1-inbox .left .txt{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  font-family: Source Han Sans SC;
  margin-top: 45px;
  text-align: justify;
}
.a1-inbox .left .numContent{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 45px;
  width: 95%;
}
.a1-inbox .left .numContent .numText{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.a1-inbox .left .numContent .num{
  font-size: 60px;
  font-weight: 400;
  color: #C20A14;
  font-family: Source Han Sans SC;
  line-height: 1;
}
.a1-inbox .left .numContent span{
  font-size: 16px;
  font-weight: 400;
  font-family: Source Han Sans SC;
  color: #333333;
  height: max-content;
  padding: 0 0 7px 3px;
}
.a1-inbox .left .numContent .text{
  font-size: 15px;
  font-weight: 400;
  color: #666666;
  font-family: Source Han Sans SC;
  margin-top: 5px;
}
.a1-inbox .right{
  width: 600px;
  height: 450px;
  border-radius: 20px;
  overflow: hidden;
}
.a1-inbox .right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 2s;
}
.a1-inbox .right:hover>img{
  transform: scale(1.1);
}
.a2-box{
  width: 100%;
  height: 785px;
  background: url(../images/nc.png)no-repeat fixed center / cover;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.a2Inner{
  display: flex;
  display: -webkit-flex;
}
.a2Inner .item-box{
  width: calc(100% / 2);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}
.a2Inner .item h3{
  font-size: 46px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  transform: skew(-10deg, 0);
}
.a2Inner .item .line{
  width: 40px;
  background: #FFFFFF;
  height: 2px;
  margin: 10px 0 30px 0;
}
.a2Inner .item h6{
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
}
/*.a2-box .left{*/
/*  width: 60%;*/
/*  height: 100%;*/
/*}*/
/*.a2-box .right{*/
/*  width: 40%;*/
/*  height: 100%;*/
/*}*/
/*.a2-box .item{*/
/*  width: 100%;*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/
/*.a2-box .item img{*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  object-fit: cover;*/
/*  transition: 3s;*/
/*}*/
/*.a2-box .item:hover>img{*/
/*  transform: scale(1.1);*/
/*}*/
/*.a2-box .item .txt{*/
/*  position: absolute;*/
/*}*/
/*.a2-box .item .txt h3{*/
/*  font-size: 46px;*/
/*  font-weight: bold;*/
/*  color: #FFFFFF;*/
/*  font-family: Source Han Sans SC;*/
/*  transform: skew(-10deg, 0);*/
/*}*/
/*.a2-box .left .item .txt h3{*/
/*  font-size: 56px;*/
/*}*/
/*.a2-box .item .txt .line{*/
/*  width: 40px;*/
/*  background: #FFFFFF;*/
/*  height: 2px;*/
/*  margin: 10px 0 30px 0;*/
/*}*/
/*.a2-box .item .txt h6{*/
/*  font-size: 20px;*/
/*  font-weight: 400;*/
/*  color: #FFFFFF;*/
/*  font-family: Source Han Sans SC;*/
/*}*/
/*.a2-box .left .item{*/
/*  height: 100%;*/
/*}*/
/*.a2-box .left .item .txt{*/
/*  left: 23%;*/
/*  bottom: 185px;*/
/*}*/
/*.a2-box .right .item{*/
/*  height: calc(100% / 2);*/
/*}*/
/*.a2-box .right .item .txt{*/
/*  left: 64px;*/
/*  bottom: 85px;*/
/*}*/
.a3-box{
  width: 100%;
  background: url('../images/ab11.jpg') no-repeat center / cover;
  position: relative;
}
.a3-box .bg{
  position: absolute;
  right: 20px;
  top: 110px;
}
.a3-box .a3-inbox{
  margin: 0 auto;
  padding: 75px 0;
}
.pb-title h3{
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  font-family: Source Han Sans SC;
}
.pb-title p{
  font-size: 20px;
  font-weight: 400;
  color: #D2D2D2;
  font-family: Source Han Sans SC;
  margin-top: 5px;
}
.a3-inbox .my-ab-swiper{
  margin-top: 100px;
  padding-bottom: 90px;
}
.a3-inbox .my-ab-swiper a{
  display: block;
  width: 100%;
}
.a3-inbox .my-ab-swiper a .img-box{
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.a3-inbox .my-ab-swiper a .img-box img{
  width: 100%;
  height: auto;
}
.a3-inbox .my-ab-swiper a .content{
  width: calc(100% - 30px);
  padding: 30px 15px 25px 15px;
  background-color: #FFFFFF;
}
.a3-inbox .my-ab-swiper a .content .name{
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  font-family: Source Han Sans SC;
  text-align: center;
  line-height: 1;
  transition: 0.3s;
}
.a3-inbox .my-ab-swiper a .content h6{
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  font-family: Source Han Sans SC;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 18px 0 30px 0;
}
.a3-inbox .my-ab-swiper a .content .more{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.a3-inbox .my-ab-swiper a .content .more span{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  font-family: Source Han Sans SC;
  transition: 0.3s;
}
.a3-inbox .my-ab-swiper a .content .more i{
  font-size: 18px;
  color: #666666;
  transform: rotate(90deg) scaleX(-1);
  margin-left: 10px;
  transition: 0.3s;
}
.a3-inbox .my-ab-swiper a:hover>.content .more span,
.a3-inbox .my-ab-swiper a:hover>.content .more i,
.a3-inbox .my-ab-swiper a:hover>.content .name{
  color: #C20A14;
}
.a3-inbox .my-ab-swiper .swiper-button-prev,
.a3-inbox .my-ab-swiper .swiper-button-next {
  width: 35px;
  height: 35px;
  background: none;
  background-color: transparent;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  background-color: rgba(194, 10, 20, 0.5);
}
.a3-inbox .my-ab-swiper .swiper-button-prev i,
.a3-inbox .my-ab-swiper .swiper-button-next i {
  color: #FFFFFF;
  font-size: 18px;
}
.cy-dailog{
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  display: none;
}
.cy-dailog .container{
  width: 1200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
}
.cy-dailog .container i{
  font-size: 32px;
  color: #A1A1A1;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.cy-dailog .container .bg{
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  width: 280px;
}
.cy-dailog .container .content{
  padding: 26px;
  width: calc(100% - 52px);
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.cy-dailog .container .content .left{
  width: 430px;
  height: 460px;
  overflow: hidden;
}
.cy-dailog .container .content .left img{
  width: 100%;
  height: auto;
}
.cy-dailog .container .content .right{
  width: calc(100% - 430px - 60px);
  padding-top: 35px;
}
.cy-dailog .container .content .right h3{
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  font-family: Source Han Sans SC;
}
.cy-dailog .container .content .right h6{
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  font-family: Source Han Sans SC;
  margin: 20px 0 50px 0;
}
.cy-dailog .container .content .right .txt{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  font-family: Source Han Sans SC;
}
.a3-inbox .my-ab-swiper .swiper-pagination{
  bottom: 0px;
}
.a3-inbox .my-ab-swiper .swiper-pagination-bullet{
  width: 20px;
  height: 3px;
  background: #B4B4B4;
  opacity: 1;
  border-radius: 0;
}
.a3-inbox .my-ab-swiper .swiper-pagination-bullet-active{
  width: 67px;
  height: 3px;
  background: #C20A14;
  opacity: 1;
}
.a4-box{
  width: 100%;
  position: relative;
}
.a4-box .a4-inbox{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  position: relative;
}
.a4-box .bg1{
  position: absolute;
  right: 84px;
  top: 52px;
  z-index: -1;
}
.a4-box .bg2{
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  width: 740px;
}
.a4-inbox .jb{
  height: max-content;
  position: absolute;
  left: 0px;
  top: calc(50% - 115px);
  z-index: 1;
}
.a4-box .left{
  display: flex;
  display: -webkit-flex;
  transform: translateX(-90px);
  position: relative;
}
.a4-box .left .l1{
  padding-top: 160px;
  height: 670px;
}
.a4-box .left .l2{
  height: 670px;
}
.a4-box .left .flow-left-t{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  position: absolute;
  bottom: 0px;
  left: -100px;
}
.a4-box .left .flow-left-t .line{
  width: 1px;
  background: #D2D2D2;
  height: 145px;
}
.a4-box .left .flow-left-t span{
  font-size: 32px;
  font-weight: 400;
  color: #D2D2D2;
  font-family: Source Han Sans SC;
  writing-mode: vertical-rl;
  margin-top: 15px;
}
.a4-box .txt-box{
  padding-top: 120px;
  width: 495px;
}
.a4-box .txt-box .txt{
  margin-top: 50px;
}
.a4-box .txt-box .txt .row{
  display: flex;
  display: -webkit-flex;
  cursor: pointer;
}
.a4-box .txt-box .txt .row:not(:first-of-type){
  margin-top: 30px;
}
.a4-box .txt-box .txt .row i{
  font-size: 24px;
  color: #333333;
  padding-top: 5px;
  transition: 0.3s;
}
.a4-box .txt-box .txt .row p{
  width: calc(100% - 24px - 10px);
  margin-left: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  line-height: 32px;
  transition: 0.3s;
}
.a4-box .txt-box .txt .row:nth-of-type(1) p,
.a4-box .txt-box .txt .row:nth-of-type(1) i,
.a4-box .txt-box .txt .row:nth-of-type(7) p,
.a4-box .txt-box .txt .row:nth-of-type(7) i{
  color: rgba(51, 51, 51, 0.5);
}
.a4-box .txt-box .txt .row:nth-of-type(2) p,
.a4-box .txt-box .txt .row:nth-of-type(2) i,
.a4-box .txt-box .txt .row:nth-of-type(6) p,
.a4-box .txt-box .txt .row:nth-of-type(6) i{
  color: rgba(51, 51, 51, 0.7);
}
.a4-box .txt-box .txt .row:hover>i,
.a4-box .txt-box .txt .row:hover>p{
  color: #C20A14;
}
.a4-box .txt-box .txt .row.active i,
.a4-box .txt-box .txt .row.active p{
  color: #C20A14;
}
.a4-box .r-img-box{
  margin: 260px 0 0 auto;
  overflow: hidden;
  width: 360px;
  height: 450px;
}
.a4-box .r-img-box img{
  width: 100%;
  height: 100%;
}
.a4-box .r-img-box img:not(:first-of-type){
  display: none;
}
.a4-box .r-img-box img[src=""],.a4-box .r-img-box img:not([src]) {
  opacity: 0;
}
.bu1-box{
  width: 100%;
}
.bu1-inbox{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 0 auto;
  padding: 60px 0;
}
.bu1-inbox .left{
  width: 590px;
  padding-top: 15px;
}
.bu1-inbox .left .txt{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  font-family: Source Han Sans SC;
  margin-top: 70px;
}
.bu1-inbox .right{
  width: 635px;
  height: 300px;
  position: relative;
}
.bu1-inbox .right .bg{
  width: 100%;
  height: 100%;
  z-index: 3;
}
.bu1-inbox .right .flow{
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 15px;
  width: calc(100% - 30px);
  /*height: calc(100% - 30px);*/
  overflow: hidden;
  z-index: 1;
}
.bu1-inbox .right .flow img{
  width: 100%;
  /*height: 100%;*/
  object-fit: cover;
  transition: 2s;
}
/*.bu1-inbox .right:hover>.flow img{*/
/*  transform: scale(1.1);*/
/*}*/
.bu2-box{
  width: 100%;
}
.bu2-box .bu2-inbox{
  margin: 0 auto;
}
.bu2-inbox .row:not(:first-of-type){
  margin-top: 70px;
}
.bu2-inbox .row .title{
  font-size: 26px;
  font-weight: bold;
  color: #333333;
  font-family: Source Han Sans SC;
}
.bu2-inbox .row ul{
  margin-top: 30px;
}
.bu2-inbox ul li{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  padding: 40px 0;
  border-top: 1px solid #E0E0E0;
}
.bu2-inbox ul li .left{
  max-width: calc(100% - 725px - 100px);
}
.bu2-inbox ul li .left h3{
  font-size: 28px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #333333;
  line-height: 48px;
}
.bu2-inbox ul li .right{
  width: 725px;
}
.bu2-inbox ul li .right .item-box{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.bu2-inbox ul li .right .item-box .item:not(:first-of-type){
  margin-left: 200px;
}
.bu2-inbox ul li .right .item-box .item .it{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.bu2-inbox ul li .right .item-box .item .it .sz{
  font-size: 48px;
  font-weight: 400;
  color: #C20A14;
  font-family: Source Han Sans SC;
  line-height: 1;
}
.bu2-inbox ul li .right .item-box .item .it span{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  font-family: Source Han Sans SC;
  line-height: 1;
  padding-bottom: 4px;
}
.bu2-inbox ul li .right .item-box .item .txt{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  font-family: Source Han Sans SC;
  line-height: 1;
  margin-top: 10px;
}
.bu2-inbox ul li .right .text{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  font-family: Source Han Sans SC;
  margin-top: 40px;
}
.bu3-box{
  width: 100%;
  background-color: #F8F8F8;
}
.bu3-box .bu3-inbox{
  margin: 0 auto;
  padding: 90px 0;
}
.bu3-inbox .pb-title h3,
.bu3-inbox .pb-title p{
  text-align: center;
}
.bu3-inbox .container{
  display: flex;
  display: -webkit-flex;
  /*align-items: center;*/
  /*-webkit-align-items: center;*/
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 50px;
}
.bu3-inbox .left{
  position: relative;
  width: 700px;
  height: 560px;
}
.bu3-inbox .left .bg{
  width: 100%;
  height: 100%;
}
.bu3-inbox .left .flow{
  width: calc(100% - 50px);
  height: calc(100% - 70px);
  position: absolute;
  right: 0px;
  top: 0px;
  overflow: hidden;
  border-radius: 10px;
}
.bu3-inbox .left .flow img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 2s;
}
.bu3-inbox .left:hover>.flow img{
  transform: scale(1.1);
}
.bu3-inbox .right{
  width: 620px;
}
.bu3-inbox .right .txt{
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  margin: 0px 0 30px 0;
}
.bu3-inbox .right .img-b{
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.bu3-inbox .right .img-b img{
  width: 100%;
  transition: 2s;
}
/*.bu3-inbox .right .img-b:hover>img{*/
/*  transform: scale(1.1);*/
/*}*/
.bu4-box{
  width: 100%;
}
.bu4-box .bu4-inbox{
  margin: 0 auto;
  padding: 100px 0;
}
.bu4-inbox .pb-title h3,
.bu4-inbox .pb-title p{
  text-align: center;
}
.bu4-inbox .t-txt{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  font-family: Source Han Sans SC;
  margin-top: 50px;
}
.bu4-inbox .t-img-box{
  width: 100%;
  margin-top: 50px;
}
.bu4-inbox .t-img-box img{
  width: 100%;
}
.bu4-inbox .container{
  margin-top: 65px;
}
.bu4-inbox .container .row{
  display: flex;
  display: -webkit-flex;
}
.bu4-inbox .container .row .item{
  position: relative;
  background-color: #F8F8F8;
  overflow: hidden;
  z-index: 1;
  min-height: 200px;
}
.bu4-inbox .container .row .item::before{
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0;
  height: 100%;
  background-color: rgba(194,10,20, 1);
  transition: 0.6s;
  z-index: -2;
}
.bu4-inbox .container .row .item h3{
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  transition: 0.6s;
  line-height: 46px;
}
.bu4-inbox .container .row .item .txt{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  font-family: Source Han Sans SC;
  transition: 0.6s;
  margin-top: 20px;
}
.bu4-inbox .container .row .item .bg{
  position: absolute;
  z-index: -1;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
  filter: brightness(70%)
}
.bu4-inbox .container .row:first-of-type .item:first-of-type .bg{
  bottom: unset;
  right: unset;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bu4-inbox .container .row:first-of-type .item{
  width: calc((100% - 160px - 30px) / 2);
  padding: 65px 40px;
  margin-right: 30px;
}
.bu4-inbox .container .row:first-of-type .item:nth-of-type(2n){
  margin-right: 0px;
}
.bu4-inbox .container .row:not(:first-of-type) .item{
  width: calc((100% - 240px - 60px) / 3);
  padding: 65px 40px;
  margin-right: 30px;
}
.bu4-inbox .container .row:not(:first-of-type) .item:nth-of-type(3n){
  margin-right: 0px;
}
.bu4-inbox .container .row:not(:first-of-type){
  margin-top: 30px;
}
/*.bu4-inbox .container .row .item:hover::before{*/
/*  width: 100%;*/
/*}*/
/*.bu4-inbox .container .row .item:hover>.txt,*/
/*.bu4-inbox .container .row .item:hover>h3{*/
/*  color: #FFFFFF;*/
/*}*/
/*.bu4-inbox .container .row .item:hover>.bg{*/
/*  filter: grayscale(100%) brightness(100%)*/
/*}*/
.n1-box{
  width: 100%;
  background-color: #F8F8F8;
}
.n1-box .n1-inbox{
  margin: 0 auto;
  padding: 60px 0 75px 0;
}
.n1-inbox .n-list{
  background-color: #FFFFFF;
}
.n1-inbox .n-list li:not(:first-of-type) a{
  border-top: 1px solid #D0D0D0;
}
.n1-inbox .n-list li a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  width: calc(100% - 60px);
  margin: 0 auto;
  padding: 23px 0 34px 0;
}
.n1-inbox .n-list li a .time {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  width: 135px;
}
.n1-inbox .n-list li a .time .m{
  font-size: 48px;
  font-weight: bold;
  color: #C20A14;
  line-height: 1;
  font-family: Source Han Sans SC;
}
.n1-inbox .n-list li a .time .y{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 13px;
}
.n1-inbox .n-list li a .time .y span{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  font-family: Source Han Sans SC;
  margin: 0 10px;
  line-height: 1;
}
.n1-inbox .n-list li a .time .y i{
  width: 17px;
  background: #D0D0D0;
  height: 1px;
}
.n1-inbox .n-list li a .n-line{
  width: 1px;
  height: 155px;
  background-color: #D0D0D0;
  margin: 0 40px 0 25px;
}
.n1-inbox .n-list li a .text-box{
  width: calc(100% - 135px - 65px - 1px);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.n1-inbox .n-list li a .text-box .t-l{
  width: calc(100% - 65px - 265px);
  margin-right: 65px;
}
.n1-inbox .n-list li a .text-box .t-l h3{
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  font-family: Source Han Sans SC;
  line-height: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s;
}
.n1-inbox .n-list li a .text-box .t-l h6 {
  height: 60px;
  margin: 30px 0;
}
.n1-inbox .n-list li a .text-box .t-l h6 span{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  font-family: Source Han Sans SC;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.n1-inbox .n-list li a .text-box .t-l .more{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.n1-inbox .n-list li a .text-box .t-l .more span{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  font-family: Source Han Sans SC;
  transition: 0.3s;
}
.n1-inbox .n-list li a .text-box .t-l .more i{
  font-size: 18px;
  color: #666666;
  transform: rotate(90deg) scaleX(-1);
  margin-left: 7px;
  transition: 0.3s;
}
.n1-inbox .n-list li a .text-box .t-r{
  width: 265px;
  height: 180px;
}
.n1-inbox .n-list li a .text-box .t-r img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.n1-inbox .n-list li:hover>a .text-box .t-l h3,
.n1-inbox .n-list li:hover>a .text-box .t-l .more span,
.n1-inbox .n-list li:hover>a .text-box .t-l .more i{
  color: #C20A14;
}
.n-d-index1Box{
  width: 100%;
  background-color: #F8F8F8;
}
.n-d-index1Box .n-d-index1InnerBox{
  margin: 0 auto;
  padding: 65px 0 85px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.n-d-index1InnerBox .left{
  width: 950px;
}
.n-d-index1InnerBox .left .container{
  background-color: #FFFFFF;
  width: calc(100% - 80px);
  padding: 40px 40px 70px 40px;
}
.n-d-index1InnerBox .left h4{
  font-size: 28px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  color: #333333;
  line-height: 46px;
}
.n-d-index1InnerBox .left .time{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 33px 0;
}
.n-d-index1InnerBox .left .time .sj{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  font-family: Source Han Sans SC;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  width: 130px;
}
.n-d-index1InnerBox .left .time .sj i{
  font-size: 18px;
}
.n-d-index1InnerBox .left .time .line{
  width: calc(100% - 130px);
  height: 1px;
  background-color: #E4E4E4;
}
.n-d-index1InnerBox .left .content p,
.n-d-index1InnerBox .left .content span,
.n-d-index1InnerBox .left .content h3{
  font-size: 16px !important;
  font-family: Source Han Sans SC !important;
  font-weight: 400 !important;
  color: #666666 !important;
  line-height: 30px !important;
}
.n-d-index1InnerBox .left .content img{
  max-width: 100%;
  margin: 30px auto 0;
}
.n-d-index1InnerBox .left .content p:not(:first-of-type){
  margin-top: 30px;
}
.n-d-index1InnerBox .left .bottom{
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  padding: 25px 0;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
  margin-top: 100px;
}
.n-d-index1InnerBox .left .bottom .b-l{
  width: calc(100% - 180px - 10px);
}
.n-d-index1InnerBox .left .bottom .b-l a{
  display: block;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  font-family: Source Han Sans SC;
  transition: 0.3s;
}
.n-d-index1InnerBox .left .bottom .b-l a:hover{
  color: #C20A14;
}
.n-d-index1InnerBox .left .bottom .b-l a:last-of-type{
  margin-top: 15px;
}
.n-d-index1InnerBox .left .bottom .back{
  width: 154px;
  background: #C9C9C9;
  border-radius: 25px;
  height: 50px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  overflow: hidden;
  cursor: pointer;
}
.n-d-index1InnerBox .left .bottom .back .jt{
  width: 50px;
  background: #C20A14;
  border-radius: 50%;
  height: 50px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.n-d-index1InnerBox .left .bottom .back .jt i{
  font-size: 18px;
  color: #FFFFFF;
}
.n-d-index1InnerBox .left .bottom .back p{
  width: calc(100% - 50px);
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  line-height: 50px;
  text-align: center;
}
.n-d-index1InnerBox .right{
  width: calc(415px - 54px);
  background-color: #FFFFFF;
  height: max-content;
  padding: 40px 27px 20px 27px;
}
.n-d-index1InnerBox .right .content .title{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.n-d-index1InnerBox .right .content .title p{
  font-size: 30px;
  font-family: Source Han Sans SC;
  font-weight: 500;
  color: #333333;
  margin-left: 15px;
}
.n-d-index1InnerBox .right .content ul{
  margin-top: 30px;
}
.n-d-index1InnerBox .right .content ul li a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.n-d-index1InnerBox .right .content ul li a img{
  width: 96px;
  height: 84px;
  object-fit: cover;
}
.n-d-index1InnerBox .right .content ul li a .text{
  width: calc(100% - 96px - 20px);
  margin-left: 20px;
}
.n-d-index1InnerBox .right .content ul li a .text h3{
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 26px;
  font-family: Source Han Sans SC;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: 0.3s;
}
.n-d-index1InnerBox .right .content ul li a .time{
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #999999;
  margin-top: 5px;
}
.n-d-index1InnerBox .right .content ul li:hover>a .text h3{
  color: #C20A14;
}
.n-d-index1InnerBox .right .content ul li:not(:first-of-type) a{
  padding: 20px 0;
  border-top: 1px solid #E4E4E4;
}
.n-d-index1InnerBox .right .content ul li:first-of-type{
  padding-bottom: 20px;
}
.case-box{
  width: 100%;
  background-color: #F8F8F8;
}
.case-box .case-inbox{
  margin: 0 auto;
  padding: 85px 0;
}
.case-inbox .case-list{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.case-inbox .case-list li{
  width: calc((100% - 64px) / 5);
  height: 110px;
  margin-right: 16px;
  margin-bottom: 16px;
  border-radius: 16px;
  background-color: #FFFFFF;
  transition: 0.3s;
  position: relative;
}
.case-inbox .case-list li:hover{
  box-shadow: 0px 1px 10px 0px rgb(194 10 20 / 15%);
}
.case-inbox .case-list li:nth-of-type(5n){
  margin-right: 0px;
}
.case-inbox .case-list li a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.case-inbox .case-list li .flow{
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  z-index: 8;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  background-color: rgba(194,10,20, 0.8);
  display: none;
}
.case-inbox .case-list li:hover>.flow{
  display: block;
}
.case-inbox .case-list li a img{
  max-width: 80%;
  max-height: 85%;
}
.ca1-box{
  width: 100%;
  background-color: #F8F8F8;
}
.ca1-box .ca1-inbox{
  margin: 0 auto;
  padding: 80px 0 100px 0;
}
.ca1-inbox .pb-title h3,
.ca1-inbox .pb-title p{
  text-align: center;
}
.ca1-inbox .container{
  margin-top: 40px;
  width: 100%;
  height: 485px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.ca1-inbox .container .left{
  width: calc(405px - 89px);
  height: 100%;
  background-color: #FFFFFF;
  padding: 0 57px 0 32px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}
.ca1-inbox .container .left .row{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 30px 0;
}
.ca1-inbox .container .left .row img{
  width: 22px;
}
.ca1-inbox .container .left .row .text{
  width: calc(100% - 18px - 22px);
  margin-left: 15px;
}
.ca1-inbox .container .left .row .text h4{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  line-height: 1;
}
.ca1-inbox .container .left .row .text p{
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  font-family: Source Han Sans SC;
}
.ca1-inbox .container .left .row:not(:first-of-type){
  border-top: 1px solid #E2E2E2;
}
.ca1-inbox .container .map-box{
  width: calc(100% - 405px - 26px);
  height: 100%;
}
#map{
  width: 100%;
  height: 100%;
}
#map .amap-logo{
  display: none;
  opacity: 0 !important;
}
#map .amap-copyright{
  display: none !important;
}
#map .amap-info-close{
  display: none;
}
#map .c-map-h4{
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  text-align: center;
}
#map .c-map-p{
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin-top: 5px;
}
.ca2-index4Box{
  width: 100%;
}
.ca2-index4Box .ca2-index4InnerBox{
  margin: 0 auto;
  padding: 85px 0;
}
.ca2-index4InnerBox .pb-title h3,
.ca2-index4InnerBox .pb-title p{
  text-align: center;
}
.ca2-index4InnerBox .content{
  margin-top: 60px;
}
.ca2-index4InnerBox .content .hd{
  width: calc(100% - 120px);
  height: 70px;
  display: flex;
  display: -webkit-flex;
  padding: 0 60px;
  background-color: #C20A14;
}
.ca2-index4InnerBox .content .hd p{
  width: calc(100% / 5);
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.ca2-index4InnerBox .content .zt{
  width: 100%;
}
.ca2-index4InnerBox .content .zt li{
  width: calc(100%);
  margin-top: 20px;
  box-shadow: 0px 0px 25px 0px rgba(136,136,136,0.2);
}
.ca2-index4InnerBox .content .zt li .item{
  width: calc(100% - 120px); 
  padding: 0 60px;
  background-color: #FFFFFF;
}
.ca2-index4InnerBox .content .zt .z-top{
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 70px;
}
.ca2-index4InnerBox .content .zt .z-top p:last-of-type{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ca2-index4InnerBox .content .zt .z-top p:last-of-type i{
  font-size: 18px;
}
.ca2-index4InnerBox .content .zt .z-top p{
  width: calc(100% / 5);
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  word-break: break-all;
}
.ca2-index4InnerBox .content .zt .z-bottom{
  padding-bottom: 0px;
  height: 0px;
  overflow: hidden;
  position: relative;
}
.ca2-index4InnerBox .content .zt .z-bottom .td{
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  background: #C20A14;
  width: 130px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
}
.ca2-index4InnerBox .content .zt .z-bottom.active{
  padding-bottom: 50px;
  height: max-content;
  overflow: visible;
}
.ca2-index4InnerBox .content .zt .z-bottom .text{
  margin-top: 30px;
}
.ca2-index4InnerBox .content .zt .z-bottom .text h5{
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  font-family: Microsoft YaHei;
}
.ca2-index4InnerBox .content .zt .z-bottom .text p{
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  font-family: Microsoft YaHei;
  margin-top: 10px;
}
.ca2-index4InnerBox .hb-box{
  width: 100%;
  margin-top: 60px;
}
.ca2-index4InnerBox .hb-box .row{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.ca2-index4InnerBox .hb-box .row .l{
  max-width: 80%;
}
.ca2-index4InnerBox .hb-box .row .r{
  max-width: 15%;
}
.ca2-index4InnerBox .hb-box .row:not(:first-of-type){
  margin-top: 30px;
}
.ca3-box{
  width: 100%;
  background-color: #F8F8F8;
}
.ca3-box .ca3-inbox{
  padding: 85px 0;
  margin: 0 auto;
}
.ca3-box .pb-title h3,
.ca3-box .pb-title p{
  text-align: center;
}
.ca3-inbox .lx{
  margin-top: 55px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.ca3-inbox .lx .row{
  font-size: 16px;
  color: #333333;
  font-family: Source Han Sans SC;
  font-weight: 400;
}
.ca3-inbox .lx .row:last-of-type{
  margin-left: 20px;
}
.ca3-inbox .container{
  margin-top: 20px;
  width: 100%;
  background-color: #FFFFFF;
  padding: 65px 0;
}
.ca3-inbox .container form{
  margin: 0 auto;
  width: 900px;
}
.ca3-inbox .container form .row{
  display: flex;
  display: -webkit-flex;
}
.ca3-inbox .container form .item {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.ca3-inbox .container form .item label{
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  text-align: right;
  width: 80px;
  display: block;
}
.ca3-inbox .container form .item label span{
  color: #C20A14;
  font-weight: bold;
  margin-right: 5px;
}
.ca3-inbox .container form .item input{
  outline: none;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  background-color: none;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  text-indent: 20px;
  width: calc(100% - 80px - 30px - 2px);
  margin-left: 30px;
}
.ca3-inbox .container form .row .item{
  width: calc(100% / 2);
}
.ca3-inbox .container form .item .upload-box{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  width: calc(100% - 80px - 30px);
  margin-left: 30px;
}
.ca3-inbox .container form .item .upload-box .upload{
  width: 118px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  height: 93px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: relative;
}
.ca3-inbox .container form .item .upload-box .upload i{
  font-size: 26px;
  color: #DCDFE6;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.ca3-inbox .container form .item .upload-box .upload input{
  border: none;
  width: 100%;
  height: 100%;
  margin-left: 0px;
  text-indent: 0px;
  display: block;
  opacity: 0;
}
.ca3-inbox .container form .item .upload-box p{
  padding: 0 0 10px 12px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  font-family: Source Han Sans SC;
}
.ca3-inbox .container form .item textarea{
  width: calc(100% - 80px - 30px - 2px);
  margin-left: 30px;
  outline: none;
  height: 150px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  background-color: none;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  font-family: Source Han Sans SC;
  text-indent: 20px;
  padding-top: 20px;
  resize: none;
}
.ca3-inbox .container form button{
  display: block;
  margin: 45px auto 0;
  width: 150px;
  background: #C20A14;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  border: none;
  outline: none;
}
/* 分页 */
.page {
  width: 100%;
  margin-top: 80px;
}
.page .el-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0px;
}
.page .el-pagination .btn-prev {
  width: 60px;
  height: 35px;
  margin-right: 5px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #DDDDDD;
}
.page .el-pagination .btn-next {
  padding: 0;
  width: 60px;
  background: #ffffff;
  border: 1px solid #DDDDDD;
  height: 35px;
}
.page .el-pagination .btn-prev .el-icon-arrow-left:before {
  font-size: 14px;
  content: '首页';
  color: #666666;
  font-weight: normal;
}
.page .el-pagination .btn-next .el-icon-arrow-right:before {
  font-size: 14px;
  content: '末页';
  color: #666666;
  font-weight: normal;
}
.page .el-pager li {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #ffffff;
  border: 1px solid #DDDDDD !important;
  margin-right: 5px;
  padding: 0px;
}
.page .el-pager li.active {
  background-color: #C20A14;
  color: #ffffff;
}
.page .el-pagination .el-pager li:hover {
  color: #FFFFFF !important;
  background-color: #C20A14;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #C20A14;
}
.footer-box{
  width: 100%;
  background-color: #191A20;
}
.footer-box .footer-inbox{
  margin: 0 auto;
  padding: 40px 0 65px 0;
}
.footer-inbox .top{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-inbox .top .right{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.footer-inbox .top .right p{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  margin: 0 7px;
}
.footer-inbox .top .right h6{
  font-size: 30px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Arial;
}
.footer-inbox .mide{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 100px;
}
.footer-inbox .mide .f-ul{
  display: flex;
  display: -webkit-flex;
}
.footer-inbox .mide .f-ul li:not(:first-of-type){
  margin-left: 100px;
}
.footer-inbox .mide .f-ul li h3{
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
}
.footer-inbox .mide .f-ul li .tz{
  margin-top: 50px;
}
.footer-inbox .mide .f-ul li .tz a{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  opacity: 0.6;
  display: block;
}
.footer-inbox .mide .f-ul li .tz a:not(:first-of-type){
  margin-top: 25px;
}
.footer-inbox .mide .m-line{
  width: 1px;
  height: 250px;
  background: #47484D;
}
.footer-inbox .mide .qr-box{
  display: flex;
  display: -webkit-flex;
}
.footer-inbox .mide .qr-box .item h3{
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
}
.footer-inbox .mide .qr-box .item img{
  width: 100px;
  height: 100px;
  background-color: #FFFFFF;
  padding: 3px;
  margin-top: 25px;
}
.footer-inbox .mide .qr-box .item p{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  margin-top: 15px;
}
.footer-inbox .mide .qr-box .item:last-of-type{
  margin-left: 105px;
}
.footer-inbox .sj-box{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 80px;
}
.footer-inbox .sj-box .s-l{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.footer-inbox .sj-box .s-l p{
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: Source Han Sans SC;
  opacity: 0.8;
}
.footer-inbox .sj-box .s-l p:last-of-type{
  margin-left: 150px;
}
.footer-inbox .sj-box .share-box{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.footer-inbox .sj-box .share-box a{
  width: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  height: 40px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
}
.footer-inbox .sj-box .share-box a:hover{
  background-color: rgba(194, 10, 20, 1);
}
.footer-inbox .sj-box .share-box a .bg{
  max-width: 70%;
  max-height: 90%;
}
.footer-inbox .sj-box .share-box a .bg:last-of-type{
  display: none;
}
.footer-inbox .sj-box .share-box a:hover>.bg:last-of-type{
  display: block;
}
.footer-inbox .sj-box .share-box a:hover>.bg:first-of-type{
  display: none;
}
.footer-inbox .sj-box .share-box a:not(:first-of-type){
  margin-left: 20px;
}
.footer-inbox .sj-box .share-box a .flow-img{
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: 90px;
  height: 90px;
  padding: 3px;
  border-radius: 6px;
  background-color: #ffffff;
  display: none;
}
.footer-inbox .sj-box .share-box a .flow-img img{
  width: 100%;
  height: 100%;
}
.footer-inbox .sj-box .share-box a:hover>.flow-img{
  display: block;
}
.footer-box .f-link{
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-box .f-link .content{
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  padding: 35px 0;
}
.footer-box .f-link .content a{
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.6;
  font-family: Arial;
}
@media only screen and (max-width:1560px) {
  .center{
    width: 1000px;
    /* border: 1px solid red; */
  }
  .header-inbox .one-ul .one-li:not(:first-of-type){
    margin-left: 50px;
  }
  .mySwiper .s-c .item h3{
    font-size: 50px;
  }
  .mySwiper .s-c .item h6{
    font-size: 22px;
    margin: 20px 0 55px 0;
  }
  .mySwiper .s-c .item a{
    font-size: 14px;
  }
  .i2-box .container .left{
    width: 450px;
  }
  .i2-box .container .right{
    width: 470px;
  }
  .i2-box .container .left h3{
    font-size: 26px;
  }
  .i2-box .container .left h6{
    font-size: 14px;
    line-height: 26px;
    margin: 40px 0 50px 0;
  }
  .i2-box .container .left .numContent .num-b .numText .num{
    font-size: 42px;
  }
  .i2-box .container .left .numContent .num-b .numText span{
    font-size: 28px;
  }
  .i2-box .container .left .numContent .num-b .text{
    font-size: 12px;
  }
  .i2-box .container .left a{
    font-size: 14px;
    margin-top: 70px;
  }
  .i2-box .bg{
    width: 600px;
    top: 27%;
  }
  .i3-box .container .bg{
    width: 450px;
  }
  .i3-box .container .pbrd p{
    font-size: 18px;
  }
  .i3-box .container .text-box img{
    width: 40px;
  }
  .i3-box .container .text-box h3{
    font-size: 22px;
    margin-top: 10px;
  }
  .i3-box .container .text-box h6{
    font-size: 14px;
    line-height: 24px;
    margin: 15px 0 25px 0;
  }
  .i3-box .container .text-box a{
    font-size: 14px;
    width: 100px;
    height: 35px;
    line-height: 35px;
  }
  .i4-box .container .type-box a{
    font-size: 14px;
    width: 125px;
  }
.i3-box .container .rd1{
    top: 3px;
}
.i3-box .container .rd2{
    right: 10px;
}
.i3-box .container .rd3{
    left: 10px;
}
  .i4-box .container .ds .wz{
    font-size: 24px;
  }
  .i4-box .container .ds img{
    width: 30px;
  }
  .i4-box .container .title h3{
    font-size: 26px;
  }
  .i4-box .container .sw-box .swiper-container{
    padding-bottom: 55px;
  }
  .i5-inbox .top .t-l span{
    font-size: 36px;
  }
  .i5-inbox .top .t-l p{
    font-size: 24px;
  }
  .i5-inbox .top .t-r a{
    font-size: 14px;
    width: 125px;
  }
  .i5-inbox .container{
    margin-top: 30px;
  }
  .i5-inbox .container .left{
    width: 400px;
  }
  .i5-inbox .container .right{
    width: 550px;
  }
  .i5-inbox .container .left .img-box{
    height: 205px;
  }
  .i5-inbox .container .left .ct h3{
    font-size: 16px;
  }
  .i5-inbox .container .left .ct h6{
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 30px;
  }
  .i5-inbox .container .left .ct{
    padding-top: 15px;
  }
  .i5-inbox .container .left .ct .line{
    margin: 20px 0 15px 0;
  }
  .i5-inbox .container .in-more span{
    font-size: 14px;
  }
  .i5-inbox .container .right .r-txt h3{
    font-size: 16px;
  }
  .i5-inbox .container .right .r-txt h6 span{
    font-size: 14px;
    line-height: 26px;
  }
  .i5-inbox .container .right .r-txt h6{
    height: 52px;
    margin: 15px 0 20px 0;
  }
  .i5-inbox .container .right .r-t .img-box{
    height: 130px;
  }
  .i5-inbox .container .right .r-list{
    margin-top: 15px;
  }
  .i5-inbox .container .right .r-list li a .r-list-txt h3{
    font-size: 16px;
  }
  .i5-inbox .container .right .r-list li a .r-list-txt h6{
    font-size: 14px;
    line-height: 26px;
    margin-top: 10px;
  }
  .i5-inbox .container .right .r-list li a .time-box {
    width: 74px;
  }
  .i5-inbox .container .right .r-list li a .time-box .m{
    font-size: 26px;
  }
  .i5-inbox .container .right .r-list li a .r-list-line{
    height: 76px;
  }
  .i5-inbox .container .right .r-list li:not(:first-of-type){
    margin-top: 20px;
  }
  .i5-inbox .container .right .z-more{
    font-size: 14px;
    margin-top: 30px;
  }
  .i5-box{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  }
  .i5-box .i5-inbox{
    padding-top: 0px;
  }
  .flow-left-text .row span{
    font-size: 14px;
    margin-left: 5px;
  }
  .flow-left-text .row .line{
   width: 0px;
  }
  .flow-left-text>.line{
    width: 15px;
    margin-left: 10px;
  }
  .flow-left-text .pb:not(:first-of-type){
    margin-top: 20px;
  }
  .banner .content h3{
    font-size: 42px;
  }
  .banner .content h6{
    font-size: 20px;
  }
  .banner{
    height: 500px;
  }
  .table .content .right a{
    font-size: 16px;
  }
  .table .content .right a:not(:first-of-type){
    margin-left: 15px;
  }
  .bu1-inbox .left{
    width: 460px;
    padding-top: 15px;
  }
  .bu1-inbox .right{
    width: 490px;
    height: 260px;
  }
  .pb-title h3{
    font-size: 28px;
  }
  .pb-title p{
    font-size: 18px;
  }
  .bu1-inbox .left .txt{
    font-size: 14px;
    line-height: 26px;
    margin-top: 45px;
  }
  .bu2-inbox ul li .left{
    max-width: calc(100% - 625px - 50px);
  }
  .bu2-inbox ul li .left h3{
    font-size: 22px;
    line-height: 38px;
  }
  .bu2-inbox ul li .right{
    width: 625px;
  }
  .bu2-inbox ul li .right .text{
    font-size: 14px;
    line-height: 26px;
    margin-top: 30px;
  }
  .bu2-inbox ul li .right .item-box .item .it .sz{
    font-size: 38px;
  }
  .bu2-inbox ul li .right .item-box .item .it span{
    font-size: 14px;
  }
  .bu2-inbox ul li .right .item-box .item .txt{
    font-size: 14px;
  }
  .bu2-inbox ul li .right .item-box .item:not(:first-of-type){
    margin-left: 150px;
  }
  .bu3-inbox .left{
    width: 500px;
    height: auto;
  }
  .bu3-inbox .right{
    width: 450px;
  }
  .bu3-inbox .right .txt{
    font-size: 14px;
    line-height: 26px;
    margin: 0px 0 20px 0;
  }
  .bu4-inbox .t-txt{
    font-size: 14px;
    line-height: 26px;
  }
  .bu4-inbox .container .row .item h3{
    font-size: 18px;
    line-height: 36px;
  }
  .bu4-inbox .container .row:not(:first-of-type) .item{
    padding: 35px 20px;
    width: calc((100% - 120px - 60px) / 3);
  }
  .bu4-inbox .container .row .item .txt{
    font-size: 14px;
    line-height: 26px;
  }
  /*.bu4-inbox .container .row .item .bg{*/
  /*  width: 200px;*/
  /*  height: auto;*/
  /*}*/
  /*.bu4-inbox .container .row:first-of-type .item:first-of-type .bg{*/
  /*  width: 230px;*/
  /*  height: auto;*/
  /*}*/
  .case-inbox .case-list li{
    height: 80px;
  }
  .n1-inbox .n-list li a .time .m{
    font-size: 38px;
  }
  .n1-inbox .n-list li a .text-box .t-l h3{
    font-size: 18px;
  }
  .n1-inbox .n-list li a .text-box .t-l h6{
    height: 51px;
    margin: 25px 0;
  }
  .n1-inbox .n-list li a .text-box .t-l h6 span{
    font-size: 14px;
    line-height: 26px;
  }
  .n1-inbox .n-list li a .text-box .t-l .more span{
    font-size: 14px;
  }
  .n-d-index1InnerBox .left{
    width: 685px;
  }
  .n-d-index1InnerBox .right{
    width: calc(280px - 54px);
  }
  .n-d-index1InnerBox .left h4{
    font-size: 22px;
    line-height: 38px;
  }
  .n-d-index1InnerBox .left .content p, .n-d-index1InnerBox .left .content span, .n-d-index1InnerBox .left .content h3{
    font-size: 14px !important;
    line-height: 26px !important;
  }
  .n-d-index1InnerBox .left .bottom{
    margin-top: 70px;
  }
  .n-d-index1InnerBox .left .bottom .b-l a{
    font-size: 14px;
  }
  .n-d-index1InnerBox .left .bottom .back p{
    font-size: 14px;
  }
  .n-d-index1InnerBox .right .content .title img{
    width: 25px;
  }
  .n-d-index1InnerBox .right .content .title p{
    font-size: 20px;
  }
  .n-d-index1InnerBox .right .content ul li a .text h3{
    font-size: 14px;
    line-height: 24px;
  }
  .n-d-index1InnerBox .right .content ul li a .time{
    font-size: 12px;
  }
  .n-d-index1InnerBox .right .content ul li a img{
    height: 70px;
  }
  .a1-inbox .left{
    width: 550px;
  }
  .a1-inbox .right{
    width: 400px;
    height: 400px;
  }
  .a1-inbox .left .title h3{
    font-size: 28px;
    margin: 10px 0 15px 0;
  }
  .a1-inbox .left .title h6{
    font-size: 18px;
  }
  .a1-inbox .left .txt{
    font-size: 14px;
    line-height: 26px;
    margin-top: 30px;
  }
  .a1-inbox .left .numContent .num{
    font-size: 40px;
  }
  .a1-inbox .left .numContent span{
    font-size: 14px;
  }
  .a1-inbox .left .numContent .text{
    font-size: 14px;
  }
  .a2-box .item h3{
    font-size: 36px;
  }
  /*.a2-box .left .item h3{*/
  /*  font-size: 46px;*/
  /*}*/
  .a2-box .item h6{
    font-size: 18px;
  }
  .a2-box{
    height: 600px;
  }
  .a3-box .bg{
    width: 600px;
  }
  .a3-inbox .my-ab-swiper a .img-box{
    height: 300px;
  }
  .a3-inbox .my-ab-swiper a .content .name{
    font-size: 22px;
  }
  .a3-inbox .my-ab-swiper a .content h6{
    font-size: 16px;
    margin: 15px 0 25px 0;
  }
  .a3-inbox .my-ab-swiper a .content .more span{
    font-size: 14px;
  }
  .a3-inbox .my-ab-swiper{
    margin-top: 70px;
    padding-bottom: 70px;
  }
  .cy-dailog .container{
    width: 1000px;
  }
  .cy-dailog .container .content .right h3{
    font-size: 26px;
  }
  .cy-dailog .container .content .right h6{
    font-size: 18px;
    margin: 15px 0 30px 0;
  }
  .cy-dailog .container .content .right .txt{
    font-size: 14px;
    line-height: 26px;
  }
  .cy-dailog .container .content .left{
    width: 330px;
    height: 360px;
  }
  .cy-dailog .container .content .right{
    width: calc(100% - 330px - 60px);
  }
  .a4-box .left{
    transform: translateX(-50px);
  }
  .a4-box .left .l2{
    height: 570px;
  }
  .a4-box .left .l1{
    height: 570px;
  }
  .a4-inbox .jb{
    width: 170px;
  }
  .a4-box .left .flow-left-t span{
    font-size: 22px;
  }
  .a4-box .left .flow-left-t{
    left: -70px;
  }
  .a4-box .txt-box .txt .row p{
    font-size: 14px;
    line-height: 26px;
  }
  .a4-box .r-img-box{
    width: 260px;
    height: max-content;
  }
  .a4-box .txt-box{
    width: 400px;
  }
  .a4-box .bg2{
    width: 570px;
  }
  .ca1-inbox .container .left .row{
    padding: 25px 0;
  }
  .ca1-inbox .container .left .row .text h4{
    font-size: 18px;
  }
  .ca1-inbox .container .left .row .text p{
    font-size: 14px;
    line-height: 24px;
  }
  .ca1-inbox .container{
    height: 400px;
  }
  #map .c-map-h4{
    font-size: 16px;
  }
  .ca2-index4InnerBox .content .hd p{
    font-size: 16px;
  }
  .ca2-index4InnerBox .content .zt .z-top p{
    font-size: 14px;
  }
  .ca2-index4InnerBox .content .zt .z-bottom .text p{
    font-size: 14px;
  }
  .ca2-index4InnerBox .content .zt .z-bottom .td{
    font-size: 14px;
  }
  .ca3-inbox .container form .item input{
    font-size: 14px;
    height: 40px;
  }
  .ca3-inbox .container form .item label{
    font-size: 14px;
  }
  .ca3-inbox .container form .item .upload-box p{
    font-size: 14px;
  }
  .ca3-inbox .container form .item textarea{
    font-size: 14px;
  }
  .ca3-inbox .container form button{
    font-size: 14px;
  }
  .ca3-inbox .container form{
    width: 800px;
  }
  .page{
    margin-top: 50px;
  }
  .footer-inbox .top .right p{
    font-size: 14px;
  }
  .footer-inbox .top .right h6{
    font-size: 26px;
  }
  .footer-inbox .mide .f-ul li h3{
    font-size: 16px;
  }
  .footer-inbox .mide .qr-box .item h3{
    font-size: 16px;
  }
  .footer-inbox .mide .f-ul li .tz a{
    font-size: 14px;
  }
  .footer-inbox .mide .qr-box .item p{
    font-size: 14px;
    margin-top: 10px;
  }
  .footer-inbox .mide .f-ul li:not(:first-of-type){
    margin-left: 50px;
  }
  .footer-inbox .mide .qr-box .item:last-of-type{
    margin-left: 50px;
  }
  .footer-inbox .mide .f-ul li .tz{
    margin-top: 30px;
  }
  .footer-inbox .mide .f-ul li .tz a:not(:first-of-type){
    margin-top: 15px;
  }
  .footer-inbox .mide .m-line{
    height: 200px;
  }
  .footer-inbox .mide{
    margin-top: 50px;
  }
  .footer-inbox .sj-box .share-box a{
    width: 35px;
    height: 35px;
  }
  .footer-inbox .sj-box .s-l p:last-of-type{
    margin-left: 70px;
  }
  .footer-box .f-link .content a{
    font-size: 12px;
  }
  .footer-box .f-link .content{
    padding: 30px 0;
  }
  .footer-inbox .mide .qr-box .item img{
    width: 90px;
    height: 90px;
  }
  .footer-box .footer-inbox{
    padding: 30px 0 50px 0;
  }
  .footer-inbox .sj-box{
    margin-top: 50px;
  }
}
@media only screen and (max-width:1360px) {
  .i5-box{
    align-items:unset;
    -webkit-align-items: unset;
  }
  .i5-box .i5-inbox{
    padding-top: 100px;
  }
}