@font-face{
	font-family:"mont";
	src: url("../css/fonts/Montserrat-Light.otf") format("opentype");
}
* {
  margin: 0;
  padding: 0;
}
body,
html {
  height: 100%;
  position: relative;
  width: 100%;
}
/* body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #214279;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
} */
img {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
:root {
  --font-family: Source Han Sans CN;
}
.hamburger {
  display: none;
}
.m-center {
  width: 1200px;
}
.x-center {
  width: 1400px;
}
.c-center {
  width: 1600px;
}
.center {
  width: 1800px;
}
.app{
  display: none;
}
.diaolog-pb{
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  display: none;
}
.diaolog video,
.diaolog img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-height: 75%;
  max-width: 75%;
}
.diaolog i{
  font-size: 46px;
  position: absolute;
  top: 3%;
  right: 3%;
  color: #ffffff;
  cursor: pointer;
}
.message-alert {
  position: fixed;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 25px;
  border-radius: 4px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
}
.message-alert.success {
  background-color: #55BB8A;
}
.message-alert.error {
  background-color: #F56C6C;
}
.message-alert.warning {
  background-color: #E6A23C;
}
.header-box.active,
.header-box.iactive{
  background-color: #ffffff;
  box-shadow: 0px 16px 26px 0px rgba(46,46,46,0.07);
}
.header-box.active .headerct .logo img:last-of-type,
.header-box.iactive .headerct .logo img:last-of-type{
  display: block;
}
.header-box.active .headerct .logo img:first-of-type,
.header-box.iactive .headerct .logo img:first-of-type{
  display: none;
}
.header-box.active .headerct .nav li a,
.header-box.iactive .headerct .nav li a{
  color: #222222;
}
.header-box.active .headerct .nav li a::before,
.header-box.iactive .headerct .nav li a::before{
  background-color: #D11A28;
}
.header-box{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  transition: 0.3s;
  background-color: transparent;
}
.headerct{
  margin: 0 auto;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headerct .logo img:last-of-type{
  display: none;
}
.headerct .nav{
  display: flex;
}
.headerct .nav li:not(:first-of-type){
  margin-left: 47px;
}
.headerct .nav li a{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  transition: 0.3s;
  position: relative;
}
.headerct .nav li a::before{
  display: block;
  content: '';
  width: 0;
  height: 2px;
  background-color: #ffffff;
  transition: 0.3s;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.headerct .nav li a:hover::before,
.headerct .nav li.active a::before{
  width: 100%;
}
.mySwiper{
  margin: 0;
}
.mySwiper .rq{
  width: 100%;
  height: 100vh;
}
.mySwiper .rq .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mySwiper .txt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.mySwiper .txt.slm{
  top: unset;
  bottom: 20%;
  transform: translate(-50%,0);
}
.mySwiper .txt .trq{
  width: 468px;
  transform: translateX(-30%);
  opacity: 0;
  transition: 1.3s;
}
.mySwiper .swiper-slide-active .txt .trq{
  transform: translateX(0);
  opacity: 1;
}
.mySwiper .txt h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 90px;
  color: #FFFFFF;
  line-height: 100px;
}
.mySwiper .txt h3 span{
  font-weight: 200;
}
.mySwiper .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 30px;
  margin: 40px 0 70px 0;
}
.mySwiper .txt .more{
  width: 228px;
  height: 48px;
  border-radius: 25px;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.mySwiper .txt .more::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #ffffff;
  transition: 0.3s;
  z-index: -1;
}
.mySwiper .txt .more:hover{
  border-color: transparent;
}
.mySwiper .txt .more:hover::before{
  width: 100%;
}
.mySwiper .txt .more:hover i{
  color: #D11A28;
}
.mySwiper .txt .more:hover span{
  color: #D11A28;
}
.mySwiper .txt .more i{
  font-size: 18px;
  color: #ffffff;
  transition: 0.3s;
}
.mySwiper .txt .more span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin-left: 11px;
  transition: 0.3s;
}
.mySwiper .mouse{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  z-index: 7;
  width: 24px;
  height: 48px;
  border-radius: 13px;
  border: 1px solid #FFFFFF;
}
.mySwiper .mouse p{
  width: 2px;
  height: 12px;
  background: #FFFFFF;
  border-radius: 1px;
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translateX(-50%);
  animation: mouse 2s linear infinite;
}
@keyframes mouse {
  0% {
    top: 18%;
  }
  50%{
    top: 36%;
  }
  100% {
    top: 54%;
  }
}
.mySwiper .qh{
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 50px;
  right: calc((100% - 1400px) / 2);
  z-index: 7;
}
.mySwiper .qh p{
  width: 2px;
  height: 20px;
  background: #BFBFBF;
  opacity: 0.4;
  margin: 0 20px;
}
.mySwiper .qh i{
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
}
.mySwiper .rund{
  position: absolute;
  right: -260px;
  top: 50%;
  transform: translateY(-50%);
  width: 350px;
  height: 350px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.4);
  z-index: 7;
}
.mySwiper .rund .item{
  width: 18px;
  height: 18px;
  background-color: rgba(255,255,255,0.2);
  border-radius: 50%;
  position: absolute;
}
.mySwiper .rund .item::before{
  display: block;
  content: '';
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-color: rgba(255,255,255,1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.mySwiper .rund .it1{
  top: 20%;
  left: 5%;
}
.mySwiper .rund .it2{
  bottom: 20%;
  left: 5%;
}
.mySwiper .rund .bzrd{
  width: 49px;
  height: 49px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -25px;
}
.mySwiper .rund .ib{
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mySwiper .rund .ib img{
  width: 70%;
}
.mySwiper .rund .bzrd p{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 14px);
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 30px;
  color: #FFFFFF;
}
.i1-box{
  position: relative;
  overflow: hidden;
}
.i1-box .bbgrq{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.i1-box .bbgrq .bbg{
  width: 100%;
  height: 586px;
  object-fit: cover;
}
.i1-box .rw{
  position: absolute;
  bottom: 52%;
  right: 6%;
  z-index: -1;
  /* width: 48%; */
  width: 919px;
}
.i1-box .rw img{
  width: 100%;
}
.i1ct{
  margin: 0 auto;
  padding: 145px 0;
}
.i1ct .top{
  width: 559px;
  position: relative;
  z-index: 1;
}
.i1ct .top p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  margin: 55px 0 120px 0;
}
.pb-h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 48px;
  color: #222222;
  line-height: 1;
}
.pb-h3.active{
  color: #FFFFFF;
}
.pb-h3.jz{
  text-align: center;
}
.pb-more{
  width: 228px;
  height: 48px;
  border-radius: 25px;
  border: 1px solid #D11A28;
  display: flex;
  align-items: center;
  position: relative;
}
.pb-more .rund{
  width: 45px;
  height: 45px;
  background: #D11A28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
}
.pb-more span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  margin-left: 35px;
  transition: 0.3s;
}
.pb-more .rund i{
  font-size: 16px;
  color: #ffffff;
}
.pb-more:hover span{
  color: #D11A28;
  transform: translateX(15px);
}
.i1ct .bottom{
  display: flex;
  justify-content: space-between;
  margin-top: 258px;
  position: relative;
  z-index: 1;
}
.i1ct .bottom .item{
  width: calc((100% - 300px) / 5);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.i1ct .bottom .item .rund{
  width: 94px;
  height: 94px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i1ct .bottom .item .rund img{
  max-height: 60%;
  animation: irund 8s linear infinite;
}
@keyframes irund {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.i1ct .bottom .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  text-align: center;
  margin-top: 27px;
}
.i2-box{
  width: 100%;
  height: 650px;
  background: url('../images/i2-1.png') no-repeat center / cover;
  display: flex;
}
.i2-box .item{
  width: calc((100% - 2px) / 3);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.i2-box .item:not(:first-of-type){
  border-left: 1px solid rgba(255,255,255,0.3);
}
.i2-box .item::before{
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: linear-gradient(120deg, #F26F01 0%, #CF142B 47%);
  opacity: 0;
  transition: 0.8s;
}
.i2-box .item:hover::before{
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.i2-box .item .rq{
  position: relative;
  z-index: 1;
}
.i2-box .item .rund{
  width: 176px;
  height: 176px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i2-box .item .rund img{
  max-width: 65%;
}
.i2-box .item .txt{
  margin-top: 48px;
}
.i2-box .item .txt h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
}
.i2-box .item .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
  margin-top: 24px;
}
.i2-box .item a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 5px;
  line-height: 1;
  display: block;
  width: max-content;
  opacity: 0;
  transition: 0.8s;
  margin: 0 auto;
}
.i2-box .item:hover a{
  opacity: 1;
  margin: 75px auto 0;
}
.i3-box{
  overflow: hidden;
}
.i3-box .top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 100px 0 86px 0;
}
.i3-box .top .tm p{
  margin-top: 26px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.i3-box .bottom{
  width: 100%;
  height: 600px;
  display: flex;
}
.i3-box .bottom .item{
  width: calc((100% - 40%) / 3);
  height: 100%;
}
.i3-box .bottom .item .it{
  width: 100%;
  height: 50%;
  position: relative;
  background-color: #F8F8F8;
  overflow: hidden;
}
.i3-box .bottom .item .it:hover img{
  transform: scale(1.1);
}
.i3-box .bottom .item .it img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.8s;
}
.i3-box .bottom .item .it .qh{
  font-size: 46px;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
}
.i3-box .bottom .item .it .prev{
  left: 15%;
  bottom: 15%;
}
.i3-box .bottom .item .it .next{
  top: 15%;
  right: 15%;
}
.i3-box .bottom .i3-swiper{
  width: 40%;
  height: 100%;
}
.i3-box .bottom .i3-swiper .
.i3-box .bottom .i3-swiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.8s;
}
.i3-box .bottom .i3-swiper img:hover{
  transform: scale(1.1);
}
.i3-box .bottom .i3-swiper .txt{
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(60% - 90px);
  padding: 55px 45px 45px 45px;
  background-color: rgba(255,255,255,0.9);
}
.i3-box .bottom .i3-swiper .txt h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 24px;
  color: #222222;
  line-height: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.i3-box .bottom .i3-swiper .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 25px 0 62px 0;
}
.i3-box .bottom .i3-swiper .txt a{
  width: 46px;
  height: 46px;
  background-color: #D11A28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i3-box .bottom .i3-swiper .txt a i{
  font-size: 22px;
  color: #ffffff;
}
.i4-box{
  background: url('../images/i4-1.png') no-repeat center / cover;
  padding: 130px 0 180px 0;

  overflow: hidden;
}
.i4-box .top{
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.i4-box .top .pb-h3{
  color: #ffffff;
}
.i4-box .top p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 33px;
}
.i4-box .top .tag{
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.i4-box .top .tag a:not(:first-of-type){
  margin-left: 10px;
}
.i4-box .top .tag a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  border: 1px solid #ffffff;
  border-radius: 23px;
  padding: 12px 24px;
  line-height: 1;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.i4-box .top .tag a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ffffff;
  transition: 0.3s;
  z-index: -1;
}
.i4-box .top .tag a:hover,
.i4-box .top .tag a.active{
  color: #D11A28;
  font-weight: bold;
}
.i4-box .top .tag a:hover::before,
.i4-box .top .tag a.active::before{
  width: 100%;
}
.i4-swiper{
  width: 100%;
  margin: 89px 0 0 0;
  padding: 35px 0 0 0;
}
.i4-swiper .swiper-slide {
  transition: 0.8s transform !important;
  transform-origin: center center;
}
.i4-swiper .swiper-slide {
  width: 60% !important;
  height: 450px !important;
  transform: scale(0.7);
  transition: 0.8s all !important;
}
.i4-swiper .swiper-slide-active {
  transform: scale(1) !important;
  z-index: 2;
}
.i4-swiper .swiper-slide-next {
  transform: scale(0.7) !important;
}
.i4-swiper .swiper-slide-prev {
  transform: scale(0.7) !important;
}
.i4-swiper .rq{
  width: calc(100% - 84px);
  height: calc(100% - 70px);
  padding: 35px 49px 35px 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
}
.i4-swiper .rq .ib{
  width: 50%;
  height: 100%;
  position: relative;
}
.i4-swiper .rq img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.8s;
}
.i4-swiper .swiper-slide-active .rq img{
  height: calc(100% + 35px + 35px);
}
.i4-swiper .rq .txt{
  width: calc(50% - 7%);
}
.i4-swiper .rq .txt h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #222222;
  line-height: 1;
}
.i4-swiper .rq .txt .line{
  width: 42px;
  height: 2px;
  background: #F3460A;
  margin: 30px 0 37px 0;
}
.i4-swiper .rq .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.i4-swiper .rq .txt a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  padding-bottom: 3px;
  border-bottom: 1px solid #666666;
  display: block;
  width: max-content;
  margin-left: auto;
  margin-top: 90px;
  transition: 0.3s;
}
.i4-swiper .rq .txt a:hover{
  border-color: #D11A28;
  color: #D11A28;
}
.i4-swiper .pb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 60px;
  height: 60px;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
.i4-swiper .pb i{
  font-size: 20px;
  color: #ffffff;
  transition: 0.3s;
}
.i4-swiper .prev{
  left: calc(20% - 60px - 39px);
}
.i4-swiper .next{
  right: calc(20% - 60px - 39px);
}
.i4-swiper .pb:hover{
  background-color: #FFFFFF;
}
.i4-swiper .pb:hover i{
  color: #D11A28;
}
.i5-box{
  overflow: hidden;
}
.i5ct{
  margin: 0 auto;
  padding: 130px 0 78px 0;
}
.i5ct .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.i5ct .top .tm p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-top: 25px;
}
.i5ct .mide{
  display: flex;
  margin-top: 48px;
}
.i5ct .mide .lft{
  width: calc(50% - 18px);
  margin-right: 18px;
  height: 483px;
  position: relative;
}
.i5ct .mide .lft .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i5ct .mide .lft .txt{
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 88px - 29px);
  padding: 27px 88px 27px 29px;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}
.i5ct .mide .lft .txt .time{
  font-family: Arial;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.i5ct .mide .lft .txt p{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 22px;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 16px;
}
.i5ct .mide .lft .rbj{
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.i5ct .mide .lft .rbj .rund{
  width: 46px;
  height: 46px;
  background: #D11A28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 11px;
  bottom: 11px;
}
.i5ct .mide .lft .rbj .rund i{
  font-size: 20px;
  color: #ffffff;
}
.i5ct .mide .rit{
  width: 50%;
  display: flex;
}
.i5ct .mide .rit a{
  width: calc((100% - 18px) / 2);
  margin-right: 18px;
  transition: 0.3s;
}
.i5ct .mide .rit a:hover{
  transform: translateY(-15px);
}
.i5ct .mide .rit a:nth-of-type(2n){
  margin-right: 0;
}
.i5ct .mide .rit a:hover .txt h6{
  color: #D11A28;
}
.i5ct .mide .rit a img{
  width: 100%;
  height: 280px;
  object-fit: cover;
}
.i5ct .mide .rit a .txt{
  padding-top: 35px;
}
.i5ct .mide .rit a .txt .time{
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  color: #D11A28;
}
.i5ct .mide .rit a .txt h6{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 48px;
  margin: 17px 0 23px 0;
}
.i5ct .mide .rit a .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 44px;
}
.i6-box{
  display: flex;
  height: 770px;
}
.i6-box .left{
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.i6-box .left .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i6-box .left .rw{
  width: 55%;
  position: absolute;
  bottom: -10px;
  left: 8%;
  max-height: 95%;
}
.i6-box .left .txt{
  width: 288px;
  position: absolute;
  top: 197px;
  right: 90px;
}
.i6-box .left .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  margin-top: 25px;
}
.i6-box .right{
  width: 50%;
  height: 100%;
}
.i6-box .right .tv{
  width: 100%;
  height: 580px;
}
.i6-box .right .vd{
  position: relative;
}
.i6-box .right .vd img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i6-box .right .vd .rund{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.i6-box .right .vd .rund i{
  font-size: 36px;
  color: #ffffff;
}
.i6-box .right .bv{
  width: 100%;
  margin-top: 10px;
  height: calc(100% - 580px - 10px);
  display: flex;
}
.i6-box .right .bv .vd{
  width: calc((100% - 20px) / 3);
  height: 100%;
  margin-right: 10px;
}
.i6-box .right .bv .vd:nth-of-type(3n){
  margin-right: 0;
}
.i6-box .right .bv .vd .rund{
  width: 40px;
  height: 40px;
}
.i6-box .right .bv .vd .rund i{
  font-size: 20px;
}
.i7-box{
  background-color: #F8F8F8;
}
.i7ct{
  margin: 0 auto;
  padding: 88px 0 120px 0;
}
.i7ct .tm p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  text-align: center;
  margin-top: 27px;
}
.i7-list{
  margin-top: 45px;
  display: flex;
  flex-wrap: wrap;
}
.i7-list li{
  width: calc((100% - 42px) / 4);
  margin-right: 14px;
  margin-bottom: 14px;
  height: 360px;
}
.i7-list li:nth-of-type(4n){
  margin-right: 0;
}
.i7-list li a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.i7-list li a:hover img{
  transform: scale(1.1);
}
.i7-list li a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}
.i7-list li a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1;
  padding: 7px 15px;
  background-color: #D11A28;
  border-radius: 0 15px 15px 0;
  position: absolute;
  left: 0;
  bottom: 21px;
  width: max-content;
}
.i8-box{
  overflow: hidden;
}
.i8ct{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 52px 0 22px 0;
  margin: 0 auto;
}
.i8ct .left{
  width: 611px;
}
.i8ct .left .t-box{
  margin-top: 120px;
}
.i8ct .left .bg-swiper .txt .jj{
  display: flex;
  align-items: flex-end;
}
.i8ct .left .bg-swiper .txt .jj .name{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #222222;
  line-height: 1;
}
.i8ct .left .bg-swiper .txt .jj .ch{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-left: 33px;
}
.i8ct .left .bg-swiper .txt .cot{
  margin-top: 30px;
}
.i8ct .left .bg-swiper .txt .cot p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}
.xt-box{
  margin-top: 140px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.xt-box .pb{
  width: 40px;
  height: 40px;
  background: #E5E5E5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
}
.xt-box .pb i{
  font-size: 20px;
  color: #ffffff;
}
.xt-box .pb:hover{
  background-color: #D11A28;
}
.i8ct .left .flow-swiper{
  width: calc(100% - 80px - 40px);
  margin: 0;
}
.i8ct .left .flow-swiper .ib{
  width: calc(100% - 6px);
  height: 120px;
  border-radius: 3px;
  border: 3px solid #EEEEEE;
  background-color: #EEEEEE;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
.i8ct .left .flow-swiper .ib img{
  max-height: 95%;
  max-width: 95%;
}
.i8ct .left .flow-swiper .swiper-slide-thumb-active .ib{
  border-color: #D11A28;
}
.i8ct .right{
  position: relative;
  width: calc(100% - 611px - 177px);
  height: 750px;
}
.i8-swiper {
  width: 100%;
  height: 100%;
}
.i8-swiper .rq{
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.i8ct .right .y{
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 100%;
}
.i8ct .right .r{
  position: relative;
  z-index: 1;
  max-width: 70%;
}
.i8ct .right .pb-more{
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 2;
}
.i9-box{
  /*background: url('../images/i9-bg.png') no-repeat center / cover;*/
  padding: 108px 0 200px 0;
  background-color: #EEEEEE;
}
.i9-box .tm p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  text-align: center;
  /*margin-top: 25px;*/
  margin: 25px auto 0;
  width: 70%;
}
.i9-box .rq{
  width: 1048px;
  height: 540px;
  margin: 110px auto 0;
  position: relative;
}
.i9-box .rq .mapt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.i9-box .rq .rt{
  width: 110px;
  height: 110px;
  background: #FFFFFF;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
}
.i9-box .rq .rt img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i9-box .rq .rt1{
  left: 3%;
  top: -7.5%;
}
.i9-box .rq .rt2{
  top: 15%;
  left: -3%;
}
.i9-box .rq .rt3{
  left: -5%;
  top: 50%;
  transform: translateY(-50%);
}
.i9-box .rq .rt4{
  left: -3%;
  bottom: 15%;
}
.i9-box .rq .rt5{
  bottom: -7.5%;
  left: 3%;
}
.i9-box .rq .rt6{
  right: 3%;
  top: -7.5%;
}
.i9-box .rq .rt7{
  top: 15%;
  right: -3%;
}
.i9-box .rq .rt8{
  right: -5%;
  top: 50%;
  transform: translateY(-50%);
}
.i9-box .rq .rt9{
  right: -3%;
  bottom: 15%;
}
.i9-box .rq .rt10{
  bottom: -7.5%;
  right: 3%;
}
.i9-box .rq .mide{
  width: 540px;
  height: 100%;
  border-radius: 50%;
  border: 1px dashed rgba(209,26,40, 0.4);
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i9-box .rq .mide .mit{
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #ffffff;
  overflow: hidden;
  position: absolute;
  display: block;
}
.i9-box .rq .mide .mit img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i9-box .rq .mide .mit1{
  left: 0%;
  top: 2%;
}
.i9-box .rq .mide .mit2{
  left: -13%;
  top: 50%;
  transform: translateY(-50%);
}
.i9-box .rq .mide .mit3{
  left: 0%;
  bottom: 2%;
}
.i9-box .rq .mide .mit4{
  right: 0%;
  top: 2%;
}
.i9-box .rq .mide .mit5{
  right: -13%;
  top: 50%;
  transform: translateY(-50%);
}
.i9-box .rq .mide .mit6{
  right: 0%;
  bottom: 2%;
}
.i9-box .rq .mide .hd{
  width: 11px;
  height: 11px;
  background: #D11A28;
  border-radius: 50%;
  position: absolute;
}
.i9-box .rq .mide .hd1{
  left: 2%;
  top: 31%;
}
.i9-box .rq .mide .hd2{
  right: 24%;
  top: 5.5%;
}
.i9-box .rq .mide .hd3{
  bottom: 30%;
  left: 30%;
}
.i9-box .rq .mide .rund{
  position: relative;
}
.i9-box .rq .mide .rund .pb{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.i9-box .rq .mide .rund .pulse1{
  animation-delay: 4s !important;
  background-color: rgba(209,26,40, 0.06);
  filter: blur(5px);
  animation: pulse1 4s ease-out infinite;
}
@keyframes pulse1 {
  0% {
    width: 295px;
    height: 295px;
  }
  100% {
    width: 355px;
    height: 355px;
  }
}
.i9-box .rq .mide .rund .pulse2{
  background-color: rgba(0, 0, 0, 0.06);
  animation: pulse2 4s ease-out infinite;
}
@keyframes pulse2 {
  0% {
    width: 220px;
    height: 220px;
  }
  100% {
    width: 295px;
    height: 295px;
  }
}
.i9-box .rq .mide .rund .nr{
  width: 220px;
  height: 220px;
  border-radius: 50%;
  z-index: 3;
  overflow: hidden;
  position: relative;
}
.i9-box .rq .mide .rund .nr img{
  width: 100%;
  height: 100%;
}
.i10-box{
  overflow: hidden;
}
.i10ct{
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 130px 0 105px 0;
}
.i10ct .left{
  width: 700px;
}
.i10ct .left p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-top: 25px;
}
.i10ct .left .ibx{
  display: flex;
  flex-wrap: wrap;
  margin-top: 57px;
}
.i10ct .left .ibx a{
  width: calc((100% - 57px - 8px) / 4 - 10px);
  padding: 5px;
  border-radius: 6px;
  border: 1px solid #BFBFBF;
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin-right: 19px;
  margin-bottom: 19px;
  transition: 0.3s;
}
.i10ct .left .ibx a:hover{
    color: #D11A28;
    border-color: #D11A28;
}
.i10ct .left .ibx a:nth-of-type(4n){
  margin-right: 0;
}
.i10ct .right{
  width: calc(100% - 700px);
}
.i10ct .right img{
  width: 100%;
}
.gy-nav{
  display: flex;
  align-items: center;
}
.gy-nav a,
.gy-nav span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.gy-nav span{
  margin: 0 7px;
}
.banner{
  width: 100%;
  height: 600px;
  position: relative;
}
.banner .rw{
  position: absolute;
  right: calc((100% - 1400px) / 2);
  bottom: 0px;
  height: 85%;
}
.banner .bt{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 32px;
  justify-content: flex-end;
}
.banner .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .ct{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner .ct p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 22px;
}
.pb-nav{
  background-color: #F8F8F8;
}
.pb-nav .ct{
  margin: 0 auto;
  display: flex;
  justify-content: center;
  height: 80px;
}
.pb-nav .ct a{
  height: 100%;
  position: relative;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #555555;
  transition: 0.3s;
  display: flex;
  align-items: center;
}
.pb-nav .ct a::after{
  display: block;
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: linear-gradient(to right, #C80F22 0%, #E76400 100%);
  transition: 0.3s;
}
.pb-nav .ct a.active{
  background: linear-gradient(to right, #C80F22 0.3662109375%, #E66300 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}
.pb-nav .ct a.active::after,
.pb-nav .ct a:hover::after{
  width: calc(100% + 26px);
}
.pb-nav .ct a:not(:first-of-type){
  margin-left: 98px;
}
.in1-1box{
  overflow: hidden;
}
.in1-ct{
  padding: 85px 0 115px 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.in1-ct .left{
  width: calc(100% - 804px - 150px);
}
.in1-ct .left h3{
  font-family: Arial;
  font-weight: 900;
  font-size: 36px;
  color: #222222;
  line-height: 40px;
  background: linear-gradient(to right, #C80F22 0.3662109375%, #E66300 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.in1-ct .left p{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #222222;
}
.in1-ct .left p{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #222222;
  margin-top: 5px;
}
.in1-ct .right{
  width: 804px;
}
.in1-ct .right h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #D11A28;
  margin-bottom: 20px;
  text-indent: 32px;
}
.in1-ct .right p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  text-indent: 32px;
  text-align: justify;
}
.in1-ct .right p:not(:first-of-type){
  margin-top: 13px;
}
.in1-2box{
  background-color: #F5F5F5;
}
.in1-2ct{
  margin: 0 auto;
  padding: 75px 0 180px 0;
}
.pb-tm p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  text-align: center;
  max-width: 80%;
  margin: 30px auto 0;
}
.in1-2ct img{
  width: 100%;
  margin-top: 50px;
}
.in2-1ct{
  margin: 0 auto;
  display: flex;
  height: 510px;
  padding-bottom: 150px;
}
.in2-1ct .gy img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.in2-1ct .left{
  width: calc(100% - 350px - 10px);
  margin-right: 10px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.in2-1ct .left .lt1{
  background-color: #FFFFFF;
}
.in2-1ct .left .lt6{
  background-color: #E5E5E5;
}
.in2-1ct .left .lt1,
.in2-1ct .left .lt2,
.in2-1ct .left .lt3{
  margin-bottom: 10px;
}
.in2-1ct .left .gy{
  margin-right: 10px;
  height: calc((100% - 10px) / 2);
}
.in2-1ct .left .lt1{
  width: calc(100% - 35% - 43% - 20px);
}
.in2-1ct .left .lt2{
  width: 35%;
}
.in2-1ct .left .lt3{
  width: 43%;
}
.in2-1ct .left .lt5{
  width: 50%;
}
.in2-1ct .left .lt4,
.in2-1ct .left .lt6{
  width: calc((50% - 20px) / 2);
}
.in2-1ct .left .gy:nth-of-type(3n){
  margin-right: 0;
}
.in2-1ct .right{
  width: 350px;
  height: 100%;
}
.in3ct{
  padding: 60px 0 220px 0;
  margin: 0 auto;
}
.in-tm h3{
  font-family: Arial;
  font-weight: 900;
  font-size: 36px;
  color: #222222;
  line-height: 40px;
  background: linear-gradient(to right, #C80F22 0.3662109375%, #E66300 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  line-height: 1;
}
.in-tm h6{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #222222;
  text-align: center;
  line-height: 1;
  margin-top: 17px;
}
.in3-list{
  margin-top: 65px;
}
.in3-list li{
  position: relative;
}
.in3-list li:not(:first-of-type){
  margin-top: 60px;
}
.in3-list li:nth-of-type(even) .ib{
  margin-left: auto;
}
.in3-list li:nth-of-type(even) .txt{
  left: 0;
  right: unset;
}
.in3-list li .ib{
  width: 880px;
  height: 560px;
}
.in3-list li .ib img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.in3-list li .txt{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: calc(660px - 77px - 100px);
  height: calc(440px - 60px);
  padding: 60px 100px 0 77px;
  background-color: #F5F5F5;
  transition: 0.3s;
}
.in3-list li .txt:hover{
  transform: translateY(-50%) translateX(-15px);
}
.in3-list li:nth-of-type(even) .txt:hover{
  transform: translateY(-50%) translateX(15px);
}
.in3-list li .txt h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 24px;
  color: #222222;
  transition: 0.3s;
}
.in3-list li .txt:hover h3{
  color: #D11A28;
}
.in3-list li .txt .line{
  width: 30px;
  height: 4px;
  background: #D11A28;
  margin: 21px 0 20px 0;
}
.in3-list li .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.in3-list li .pb-more{
  margin-top: 69px;
}
.pb-more.active{
  width: 185px;
  height: 40px;
}
.pb-more.active .rund{
  width: 37px;
  height: 37px;
}
.pb-more.active span{
  font-size: 14px;
  margin-left: 28px;
}
.cr1ct{
  padding: 75px 0 190px 0;
  margin: 0 auto;
}
.cr1-list{
  margin-top: 60px;
}
.cr1-list li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 75px - 115px);
  padding: 47px 115px 53px 75px;
  background: #FFFFFF;
  box-shadow: 0px 5px 46px 0px rgba(120,120,120,0.15);
  border-radius: 30px;
  transition: 0.3s;
  position: relative;
}
.cr1-list li .sz{
  font-family: Arial;
  font-weight: 400;
  font-size: 130px;
  color: #F5F5F5;
  line-height: 1;
  position: absolute;
  right: 32px;
  top: 10px;
}
.cr1-list li:hover{
  box-shadow: 0px 5px 46px 0px rgba(209,26,40, 0.15);
  transform: translateX(15px);
}
.cr1-list li:not(:first-of-type){
  margin-top: 50px;
}
.cr1-list li .ib{
  width: 560px;
  height: 350px;
}
.cr1-list li .ib img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cr1-list li .txt{
  width: calc(100% - 560px - 107px);
}
.cr1-list li .txt .tm{
  max-width: calc(100% - 250px);
  position: relative;
  width: max-content;
}
.cr1-list li .txt .tm h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #222222;
  line-height: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.cr1-list li .txt .tm .flow{
  position: absolute;
  left: calc(100% + 19px);
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1;
  background-color: #D11A28;
  border-radius: 4px;
  width: max-content;
  padding: 7px 8px;
}
.cr1-list li .txt .tm .flow::before{
  display: block;
  content: "";
  border-left: 9px solid transparent;
  border-right: 9px solid #D11A28;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -18px;
}
.cr1-list li .txt .line{
  width: 42px;
  height: 2px;
  background: #F3460A;
  margin: 30px 0 37px 0;
}
.cr1-list li .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 84px;
}
.cr1-list li .txt .db{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 88px;
}
.cr1-list li .txt .db .pb-more{
  margin: 0;
}
.cr1-list li .txt .db .lj-more{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 1;
  padding-bottom: 5px;
  border-bottom: 1px solid #666666;
  transition: 0.3s;
}
.cr1-list li .txt .db .lj-more:hover{
  border-bottom-color: #D11A28;
  color: #D11A28;
}
.cd1-box{
  background: url('../images/crd1.png') no-repeat center / cover;
}
.cd1ct{
  margin: 0 auto;
  padding: 145px 0 320px 0;
}
.cd1ct .mide{
  margin-top: 55px;
}
.cd1ct .mide .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cd1ct .mide .top h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 48px;
  color: #FFFFFF;
  line-height: 1;
}
.cd1ct .mide .top .pb-more{
  border-color: #ffffff;
}
.cd1ct .mide .top .pb-more .rund{
  background-color: #ffffff;
}
.cd1ct .mide .top .pb-more .rund i{
  color: #D11A28;
}
.cd1ct .mide .top .pb-more span{
  color: #FFFFFF;
}
.cd1ct .mide .time{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #D11A28;
  line-height: 1;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 7px 9px;
  width: max-content;
  margin: 26px 0 30px 0;
}
.cd1ct .mide .jj{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
}
.cd2ct{
  margin: 0 auto;
  padding: 0 0 200px 0;
}
.cd2ct .mide{
  width: calc(100% - 200px);
  padding: 65px 100px;
  background-color: #ffffff;
  margin-top: -265px;
}
.cd2ct .mide .top{
  display: flex;
  border-bottom: 1px solid #D2D2D2;
}
.cd2ct .mide .top a{
  margin-right: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 1;
  background-color: #D2D2D2;
  transition: 0.3s;
  border-radius: 16px 16px 0 0;
  padding: 13px 40px;
}
.cd2ct .mide .top a.active{
  background-color: #D11A28;
  color: #ffffff;
  font-weight: bold;
}
.cd2ct .mide .rq{
  margin-top: 55px;
}
.cd2ct .mide .rq .content:not(:first-of-type){
  display: none;
}
.cd2ct .mide .rq .content p,
.cd2ct .mide .rq .content span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}
.cd2ct .mide .rq .content img{
  max-width: 100%;
  margin: 40px auto 0;
}
.banner .tuibt{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #FFFFFF;
  line-height: 1;
}
.banner .tuibigbt{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 60px;
  color: #FAE4A9;
  line-height: 1;
  margin: 21px 0 45px 0;
}
.banner .tuibm{
  display: flex;
}
.banner .tuibm span{
  line-height: 1;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 24px;
  color: #D32420;
  background-color: #ffffff;
  height: 48px;
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner .tuibm .mfbt{
  border: 1px solid #ffffff;
  height: 46px;
  background: linear-gradient(to right, #DC2535, #EE6B00);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1;
  width: 154px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tui1ct{
  margin: 0 auto;
  padding: 77px 0 150px 0;
}
.tui1ct .query{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(to right, #DC2535, #EE6B00);
  border-radius: 10px;
  height: 180px;
  width: calc(100% - 62px - 90px);
  padding: 0 90px 0 62px;
}
.tui1ct .query .ib{
  width: 331px;
  height: 100%;
  position: relative;
}
.tui1ct .query .ib img{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.tui1ct .query .cx{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tui1ct .query .cx h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #FFFFFF;
  line-height: 1;
  font-style: italic;
}
.tui1ct .query .cx h3 span{
  color: #FFFF00;
}
.tui1ct .query .cx .line{
  width: 250px;
  height: 1px;
  background: #FFFFFF;
  margin: 13px 0 14px 0;
}
.tui1ct .query .cx p{
  font-family: Arial;
  font-weight: 400;
  font-size: 15px;
  color: #FFFFFF;
  line-height: 1;
  font-style: italic;
}
.tui1ct .query .bd{
  display: flex;
}
.tui1ct .query .bd .row{
  border-radius: 6px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 17px;
  width: calc(320px - 34px);
  height: 56px;
}
.tui1ct .query .bd .row input{
  width: calc(100% - 16px - 19px);
  margin-left: 19px;
  height: 100%;
  outline: none;
  border: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.tui1ct .query .bd button{
  width: 180px;
  height: 56px;
  background: #FFFF00;
  border-radius: 6px;
  outline: none;
  border: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #DE2E2E;
  margin-left: 10px;
}
.tui1ct .xfb{
  margin-top: 115px;
}
.tui1ct .tuitm h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #222222;
  line-height: 1;
  text-align: center;
}
.tui1ct .tuitm p{
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  text-align: center;
  width: 80%;
  margin: 26px auto 0;
}
.tui1ct .xfb table{
  margin-top: 59px;
  width: 100%;
  border-collapse: collapse;
  border-radius: 20px;
  overflow: hidden;
  text-align: left;
  box-shadow: 0px 5px 46px 0px rgba(81,81,80,0.15);
}
.tui1ct .xfb table thead{
  background: linear-gradient(to right, #DB2234, #F16D00);
}
.tui1ct .xfb table th{
  height: 71px;
  padding: 0 15px;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
}
.tui1ct .xfb table td{
  padding: 23px 15px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.tui1ct .xfb table td a{
  color: #D11A28;
}
.tui1ct .xfb table td:not(:first-of-type){
  border-left: 1px solid #EEEEEE;
}
.tui1ct .xfb table tbody tr:not(:last-of-type){
  border-bottom: 1px solid #EEEEEE;
}
.tui1ct .xfjm{
  margin-top: 105px;
}
.tui1ct .xfjm .itm{
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.tui1ct .xfjm .itm .item{
  width: 320px;
  position: relative;
  transition: 0.3s;
}
.tui1ct .xfjm .itm .item img{
  width: 100%;
}
.tui1ct .xfjm .itm .item h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #F9E3C0;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 115px;
  text-align: center;
  width: 100%;
}
.tui1ct .xfjm .itm .item p{
  position: absolute;
  left: 50%;
  top: 225px;
  width: 70%;
  transform: translateX(-50%);
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 22px;
  text-align: center;
}
.tui1ct .xfjm .itm .item:hover{
  transform: translateY(-15px);
}
.mect{
  margin: 0 auto;
  padding: 75px 0 190px 0;
}
.in-jj{
  width: 80%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  text-align: center;
  margin: 40px auto 0;
}
.merge-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 65px;
}
.merge-list li{
  width: calc((100% - 60px) / 2);
  height: 410px;
  margin-right: 60px;
  margin-top: 60px;
  transition: 0.3s;
}
.merge-list li:hover{
  transform: translateY(-15px);
}
.merge-list li:nth-of-type(2n){
  margin-right: 0;
}
.merge-list li:nth-of-type(1),
.merge-list li:nth-of-type(2){
  margin-top: 0;
}
.merge-list li a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.merge-list li a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.merge-list li a .flow{
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 38px);
  padding: 21px 19px;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}
.merge-list li a .flow h3{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.merge-list li a .flow p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 7px;
}
.em1-box{
  padding: 78px 0 125px 0;
  background-color: #FBFBFB;
}
.em1-box .sw-box{
  margin-top: 45px;
  position: relative;
}
.em1-box .sw-box::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18%;
  height: 100%;
  background: linear-gradient(to right, rgba(251,251,251,0.7), rgba(251,251,251,0));
  z-index: 5;
}
.em1-box .sw-box::after{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 18%;
  height: 100%;
  background: linear-gradient(to left, rgba(251,251,251,0.7), rgba(251,251,251,0));
  z-index: 5;
}
.em1-box .sw-box .swiper-container{
  padding: 15px 0;
}
.em1-box .sw-box a{
  height: 100px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(46,46,46,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
.em1-box .sw-box a img{
  max-width: 65%;
  max-height: 50%;
}
.em1-box .sw-box .swiper-wrapper{
  transition-timing-function: linear !important;
}
.em2-box{
  background-color: #F5F5F5;
}
.em2ct{
  margin: 0 auto;
  padding: 78px 0 127px 0;
}
.appxs{
  display: none;
}
.em2ct .mide{
  margin-top: 76px;
}
.em2ct .mide .lc{
  display: flex;
  justify-content: space-evenly;
  position: relative;
  margin: 36px 0;
}
.em2ct .mide .lc::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 14px;
  background: linear-gradient(to right, #CF142B,#EF6506);
}
.em2ct .mide .lc::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  border-top: 2px dashed #FFFFFF;
}
.em2ct .mide .lc .item{
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.em2ct .mide .lc .item .rund{
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed #FFFFFF;
  font-family: Arial;
  font-weight: 400;
  font-size: 48px;
  color: #FFFFFF;
  border-radius: 50%;
}
.em2ct .mide .lc .item::after{
  display: block;
  content: '';
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
}
.em2ct .mide .lc .i2::after,
.em2ct .mide .lc .i4::after{
  bottom: unset;
  top: -12px;
}
.em2ct .mide .lc .i1{
  background-color: #D11929;
}
.em2ct .mide .lc .i1::after{
  border-top-color: #D11929;
}
.em2ct .mide .lc .i2{
  background-color: #D92E1F;
}
.em2ct .mide .lc .i2::after{
  border-bottom-color: #D92E1F;
}
.em2ct .mide .lc .i3{
  background-color: #E04017;
}
.em2ct .mide .lc .i3::after{
  border-top-color: #E04017;
}
.em2ct .mide .lc .i4{
  background-color: #E7520F;
}
.em2ct .mide .lc .i4::after{
  border-bottom-color: #E7520F;
}
.em2ct .mide .lc .i5{
  background-color: #ED5F09;
}
.em2ct .mide .lc .i5::after{
  border-top-color: #ED5F09;
}
.em2ct .mide .top{
  display: flex;
  justify-content: center;
}
.em2ct .mide .bottom{
  display: flex;
  justify-content: space-between;
}
.em2ct .mide .top .phitem:last-of-type{
  margin-left: 130px;
}
.em2ct .mide .phitem{
  display: flex;
}
.em2ct .mide .phitem img{
  width: 173px;
  height: 104px;
  object-fit: cover;
  border-radius: 10px;
}
.em2ct .mide .phitem .wzy{
  width: 200px;
  margin-left: 22px;
}
.em2ct .mide .phitem .wzy h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 20px;
  color: #D11929;
  line-height: 1;
}
.em2ct .mide .phitem .wzy p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 18px;
  margin-top: 16px;
}
.masct{
  margin: 0 auto;
  padding: 75px 0 130px 0;
}
.mas-list{
  margin-top: 135px;
}
.mas-list li{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background-color: #F5F5F5;
  width: calc(100% - 120px - 160px);
  padding: 0 160px 0 120px;
  height: 430px;
}
.mas-list li:not(:first-of-type){
  margin-top: 140px;
}
.mas-list li .txt{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 457px - 85px);
}
.mas-list li .txt .desc{
  display: flex;
  align-items: flex-end;
}
.mas-list li .txt .desc h3{
  line-height: 1;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #222222;
}
.mas-list li .txt .desc p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  margin-left: 35px;
  line-height: 1;
}
.mas-list li .txt .js {
  margin: 40px 0 80px 0;
}
.mas-list li .txt .js p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}
.mas-list li .right{
  width: 457px;
  position: relative;
}
.mas-list li .right .bk{
  width: 100%;
}
.mas-list li .right .r{
  position: absolute;
  right: 10%;
  bottom: 0;
  width: 63%;
}
.masd-box{
  overflow: hidden;
}
.masdct{
  padding: 147px 0 180px 0;
  margin: 0 auto;
}
.masdct .mide{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 60px;
  border-bottom: 1px solid #D2D2D2;
}
.masdct .mide .left{
  width: 436px;
}
.masdct .mide .right{
  width: calc(100% - 436px - 151px);
}
.masdct .mide .right .jj h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 48px;
  color: #222222;
  line-height: 1;
}
.masdct .mide .right .jj h6{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 18px;
  color: #222222;
  line-height: 1;
  margin: 33px 0 46px 0;
}
.masdct .mide .right .jj .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 28px;
}
.masdct .mide .right .jl{
  margin-top: 50px;
}
.masdct .mide .right .jl .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 36px;
}
.masdct .mide .right .jl .ms{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 16px;
  color: #222222;
  line-height: 36px;
}
.newsct{
  margin: 0 auto;
  padding: 87px 0 120px 0;
}
.news-list{
  margin-top: 90px;
}
.news-list li{
  border-bottom: 1px solid #E5E5E5;
  position: relative;
}
.news-list li::after{
  display: block;
  content: "";
  width: 0;
  height: 1px;
  background-color: #D11A28;
  transition: 0.8s;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.news-list li:hover::after{ 
  width: 100%;
}
.news-list li:first-of-type a{
  padding-top: 0;
}
.news-list li a{
  display: flex;
  align-items: center;
  padding: 39px 0;
}
.news-list li a .time .ry{
  font-family: Arial;
  font-weight: bold;
  font-size: 30px;
  color: #222222;
  line-height: 1;
}
.news-list li a .time .n{
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  color: #AAAAAA;
  line-height: 1;
  margin: 15px 0 25px 0;
}
.news-list li a .time .line{
  width: 61px;
  height: 1px;
  background: #DCDCDC;
}
.news-list li a .ib{
  width: 400px;
  height: 230px;
  object-fit: cover;
  margin-left: 145px;
}
.news-list li a .txt{
  width: calc(100% - 80px - 400px - 145px - 90px);
  margin-left: auto;
}
.news-list li a .txt h3{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 22px;
  color: #222222;
  line-height: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s;
}
.news-list li:hover a .txt h3{
  color: #D11A28;
}
.news-list li a .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  opacity: 0.6;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 21px 0 56px 0;
}
.news-list li a .txt .fm{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding-bottom: 4px;
  width: max-content;
  transition: 0.3s;
}
.news-list li a .txt .fm:hover{
  color: #D11A28;
}
.news-list li a .txt .fm:hover{
  border-bottom-color: #D11A28;
}
.nd1-box{
  background-color: #F5F5F5;
  margin-top: 100px;
}
.nd1ct{
  padding: 25px 0 30px 0;
  margin: 0 auto;
}
.nd1ct .gy-nav span,
.nd1ct .gy-nav a{
  color: #222222;
}
.nd1ct .wz{
  margin: 50px auto 0;
}
.nd1ct .wz h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 40px;
  color: #222222;
  line-height: 52px;
}
.nd1ct .wz .js{
  display: flex;
  align-items: center;
  margin-top: 49px;
}
.nd1ct .wz .js p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
}
.nd1ct .wz .js p:not(:first-of-type){
  margin-left: 50px;
}
.nd2ct{
  margin: 0 auto;
  padding: 60px 0 130px 0;
}
.nd2ct .content p,
.nd2ct .content span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 36px;
}
.nd2ct .content img{
  max-width: 100%;
  margin: 34px auto 0;
}
.nd2ct .content p:not(:first-of-type){
  margin-top: 34px;
}
.nd2ct .bt{
  border-top: 1px solid #DCDCDC;
  margin-top: 130px;
  padding-top: 50px;
}
.nd2ct .bt a{
  display: flex;
}
.nd2ct .bt a:not(:first-of-type){
  margin-top: 10px;
}
.nd2ct .bt a p,
.nd2ct .bt a span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #888888;
}
.nd2ct .bt a span{
  color: #222222;
  max-width: calc(100% - 100px);
}
.noct{
  padding: 75px 0 150px 0;
  margin: 0 auto;
}
.noct .mide{
  margin: 53px auto 48px;
  width: 900px;
}
.noct .mide .row{
  display: flex;
  height: 80px;
  background-color: #F5F5F5;
  border-radius: 20px;
  overflow: hidden;
  align-items: center;
  transition: 0.3s;
}
.noct .mide .row:hover{
  transform: translateX(15px);
}
.noct .mide .row:not(:first-of-type){
  margin-top: 20px;
}
.noct .mide .row .ib{
  width: 171px;
  height: 100%;
  position: relative;
}
.noct .mide .row .ib img{
  width: 100%;
  height: 100%;
}
.noct .mide .row .ib p{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 28px;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  line-height: 1;
  width: 90%;
  text-align: center;
}
.noct .mide .row span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  margin-left: 30px;
  width: calc(100% - 171px - 30px - 30px);
}
.noct .more{
  margin: 0 auto;
  display: block;
  width: 230px;
  height: 50px;
  background: linear-gradient(to right, #CF142B,#EF6506);
  border-radius: 25px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.con-box{
  width: 100%;
}
.conCt{
  margin: 0 auto;
  padding: 84px 0 120px 0;
}
.conCt .container{
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.conCt .container .left{
  width: calc(100% - 840px - 50px);
}
.conCt .container .left h3{
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 36px;
    color: #222222;
    line-height: 40px;
    background: linear-gradient(to right, #C80F22 0.3662109375%, #E66300 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.conCt .container .left .txt{
  margin: 40px 0 46px 0;
}
.conCt .container .left .txt p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
}
.conCt .container .left .iconb{
  display: flex;
}
.conCt .container .left .iconb .icon{
  width: 100px;
  margin-right: 28px;
}
.conCt .container .left .iconb .icon:last-of-type{
  margin-right: 0;
}
.conCt .container .left .iconb .icon img{
  width: 100%;
}
.conCt .container .left .iconb .icon p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  text-align: center;
  margin-top: 5px;
}
.conCt .container .mapbox{
  width: 840px;
  height: 420px;
}
#map{
  width: 100%;
  height: 100%;
}
#map .BMap_cpyCtrl{
  display:none;
}
#map .anchorBL{
  display:none;
}
.page {
  width: 100%;
  margin-top: 70px;
}
.page .el-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  padding: 0px;
}
.page .el-pagination__total{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.page .el-pagination .btn-prev {
  width: 39px;
  height: 39px;
  margin-right: 5px;
  padding: 0;
  background: transparent;
  border: 1px solid #D2D2D2;
  border-radius: 6px;
  min-width: 39px;
}
.page .el-pagination .btn-next {
  width: 39px;
  height: 39px;
  padding: 0;
  background: transparent;
  border: 1px solid #D2D2D2;
  border-radius: 6px;
  min-width: 39px;
}
.page .el-pagination .btn-prev i,
.page .el-pagination .btn-next i{
  font-size: 14px;
}
.page .el-pager li {
  width: 39px;
  height: 39px;
  min-height: 39px;
  text-align: center;
  line-height: 39px;
  background: #ffffff;
  border: 1px solid #D2D2D2 !important;
  margin-right: 5px;
  padding: 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  border-radius: 6px;
}
.page .el-pager li.active {
  background-color: #D11A28;
  color: #ffffff;
  border-color: #D11A28 !important;
}
.page .el-pagination .el-pager li:hover {
  color: #FFFFFF !important;
  background-color: #D11A28;
  border-color: #D11A28;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #D11A28;
}
.ft-box{
  background: url('../images/ft1.png') no-repeat center / cover;
}
.ftct{
  margin: 0 auto;
  padding: 50px 0 140px 0;
}
.ftct .link{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 40px;
}
.ftct .link p,
.ftct .link span,
.ftct .link a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
}
.ftct .link span{
  margin: 0 6px;
}
.ftct .mide{
  display: flex;
  justify-content: space-between;
  margin-top: 90px;
}
.ftct .mide .left{
  width: calc(100% - 680px - 250px);
}
.ftct .mide .left .tc{
  margin: 50px 0;
}
.ftct .mide .left .tc .ib{
  display: flex;
}
.ftct .mide .left .tc .ib:not(:first-of-type){
  margin-top: 7px;
}
.ftct .mide .left .tc .ib .rd{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF;
}
.ftct .mide .left .tc .ib .rd i{
  font-size: 12px;
  color: #FFFFFF;
}
.ftct .mide .left .tc .ib a{
  width: calc(100% - 20px - 13px);
  margin-left: 13px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.ftct .icon{
  display: flex;
}
.ftct .icon a{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.3s;
  border: 2px solid #FFFFFF;
}
.ftct .icon a>img{
  max-width: 50%;
}
.ftct .icon a:hover{
  background-color: rgba(0,0,0,0.3);
}
.ftct .icon a:not(:first-of-type){
  margin-left: 13px;
}
.ftct .icon a .qrimg{
  position: absolute;
  bottom: calc(100%);
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  opacity: 0;
  transform-origin: bottom;
  padding-bottom: 6px;
  transition: 0.3s;
}
.ftct .icon a:hover .qrimg{
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}
.ftct .icon a .qrimg .fi{
  width: 90px;
  border: 3px solid rgba(255,255,255,1);
}
.ftct .right{
  width: 680px;
}
.ftct .right h3{
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 28px;
  color: #FFFFFF;
}
.ftct .right form{
  margin-top: 23px;
}
.ftct .right form .row{
  display: flex;
  justify-content: space-between;
}
.ftct .right form .row input{
  width: calc((100% - 20px) / 2);
  height: 43px;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  text-indent: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  outline: none;
  background-color: transparent;
}
.ftct .right form select{
  width: 100%;
  height: 43px;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  text-indent: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin-top: 15px;
  outline: none;
  background-color: transparent;
}
.ftct .layui-form-select{
  margin-top: 15px;
}
.ftct .layui-form-select .layui-input{
  height: 43px;
  border: 1px solid #FFFFFF !important;
  border-radius: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  background-color: transparent;
}
.ftct .layui-form-select dl dd.layui-this{
  color: #D11A28;
}
.ftct .layui-form-select dl dd{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.ftct .layui-form-select .layui-edge{
  border-top-color: #FFFFFF;
}
.ftct .right form select option{
  color: #222222;
}
.ftct .right form textarea{
  width: 100%;
  height: 90px;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  text-indent: 10px;
  padding-top: 7px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin-top: 15px;
  outline: none;
  resize: none;
  background-color: transparent;
}
.ftct .right form input::placeholder,
.ftct .right form textarea::placeholder{
  color: #ffffff;
}
.ftct .right form button{
  border: none;
  outline: none;
  width: 331px;
  height: 46px;
  background: #FFFFFF;
  border-radius: 23px;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 16px;
  color: #021020;
  margin-top: 17px;
}
.ft-box .fb{
  background-color: #8E0818;
  display: flex;
  justify-content: center;
  padding: 30px 0;
}
.ft-box .fb a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
@media only screen and (max-width:1560px) {
  .x-center{
    width: 1100px;
  }
  .m-center{
    width: 950px;
  }
  .headerct .nav li:not(:first-of-type){
    margin-left: 33px;
  }
  .headerct .nav li a{
    font-size: 16px;
  }
  .mySwiper .txt h3{
    font-size: 60px;
    line-height: 70px;
  }
  .mySwiper .rund .bzrd p{
    font-size: 26px;
  }
  .mySwiper .txt p{
    font-size: 16px;
    line-height: 28px;
  }
  .mySwiper .txt .more span{
    font-size: 16px;
  }
  .mySwiper .txt .more{
    width: 208px;
    height: 44px;
  }
  .mySwiper .rund{
    width: 300px;
    height: 300px;
    right: -230px;
  }
  .mySwiper .qh{
    right: calc((100% - 1100px) / 2);
    bottom: 40px;
  }
  .mySwiper .mouse{
    bottom: 40px;
  }
  .i1-box .bbgrq .bbg{
    height: 436px;
  }
  .i1-box .rw{
    width: 659px;
  }
  .i1ct{
    padding: 105px 0 90px 0;
  }
  .i1ct .bottom .item{
    width: calc((100% - 50px) / 5);
  }
  .i1ct .bottom .item p{
    margin-top: 20px;
  }
  .i1ct .bottom .item .rund{
    width: 88px;
    height: 88px;
  }
  .pb-h3{
    font-size: 40px;
  }
  .i1ct .top p{
    margin: 35px 0 80px 0;
  }
  .i1ct .top{
    width: 470px;
  }
  .i1ct .bottom{
    margin-top: 140px;
  }
  .i2-box{
    height: 450px;
  }
  .i2-box .item .rund{
    width: 126px;
    height: 126px;
  }
  .i2-box .item .rund img{
    max-width: 50%;
  }
  .i2-box .item .txt{
    margin-top: 30px;
  }
  .i2-box .item .txt h3{
    font-size: 30px;
  }
  .i2-box .item .txt p{
    margin-top: 18px;
    font-size: 16px;
  }
  .i2-box .item:hover a{
    opacity: 1;
    margin: 55px auto 0;
  }
  .i3-box .bottom{
    height: 400px;
  }
  .i3-box .bottom .i3-swiper .txt{
    width: calc(60% - 60px);
    padding: 35px 30px 30px 30px;
  }
  .i3-box .bottom .i3-swiper .txt h3{
    font-size: 22px;
  }
  .i3-box .bottom .i3-swiper .txt a{
    width: 40px;
    height: 40px;
  }
  .i3-box .bottom .i3-swiper .txt a i{
    font-size: 20px;
  }
  .i3-box .bottom .i3-swiper .txt p{
    margin: 18px 0 40px 0;
  }
  .i4-box .top p{
    margin-top: 26px;
  }
  .i4-swiper .rq{
    width: calc(100% - 64px);
    height: calc(100% - 50px);
    padding: 25px 39px 25px 25px;
  }
  .i4-swiper .swiper-slide-active .rq img{
    height: calc(100% + 25px + 25px);
  }
  .i4-swiper .rq .txt{
    width: calc(50% - 5%);
  }
  .i4-swiper .rq .txt h3{
    font-size: 26px;
  }
  .i4-swiper .rq .txt .line{
    width: 38px;
    margin: 25px 0 27px 0;
  }
  .i4-swiper .rq .txt a{
    margin-top: 70px;
  }
  .i4-swiper .pb{
    width: 50px;
    height: 50px;
  }
  .i4-swiper .next{
    right: calc(20% - 50px - 39px);
  }
  .i4-swiper .prev{
    left: calc(20% - 50px - 39px);
  }
  .i4-swiper .swiper-slide{
    height: 360px !important;
  }
  .i4-box{
    padding: 110px 0 150px 0;
  }
  .i4-swiper{
    padding: 25px 0 0 0;
    margin: 79px 0 0 0;
  }
  .i5ct .mide .lft{
    height: 363px;
  }
  .i5ct .mide .lft .txt{
    width: calc(100% - 78px - 25px);
    padding: 23px 78px 23px 25px;
  }
  .i5ct .mide .lft .txt p{
    margin-top: 5px;
    font-size: 18px;
  }
  .i5ct .mide .lft .rbj>img{
    width: 78px;
  }
  .i5ct .mide .lft .rbj .rund{
    width: 40px;
    height: 40px;
  }
  .i5ct .mide .rit a img{
    height: 180px;
  }
  .i5ct .mide .rit a .txt{
    padding-top: 25px;
  }
  .i6-box{
    height: 570px;
  }
  .i6-box .left .rw{
    width: 52%;
  }
  .i6-box .left .txt{
    right: 40px;
    top: 107px;
    width: 258px;
  }
  .i6-box .right .vd{
    height: 420px;
  }
  .i6-box .right .bv{
    height: calc(100% - 420px - 10px);
  }
  .i6-box .right .vd .rund{
    width: 76px;
    height: 76px;
  }
  .i6-box .right .bv .vd .rund{
    width: 36px;
    height: 36px;
  }
  .i7-list li{
    height: 284px;
  }
  .i8ct .left{
    width: 500px;
  }
  .i8ct .right{
    width: calc(100% - 500px - 90px);
    height: 600px;
  }
  .i8ct .right .r{
    max-width: 65%;
  }
  .i8ct .right .y{
    max-width: 68%;
  }
  .i8ct .left .bg-swiper .txt .jj .name{
    font-size: 26px;
  }
  .i8ct .left .flow-swiper .ib{
    height: 100px;
  }
  .i8ct .left .bg-swiper .txt .cot{
    margin-top: 24px;
  }
  .i8ct .left .t-box{
    margin-top: 90px;
  }
  .xt-box{
    margin-top: 110px;
  }
  .i10ct .left{
    width: 550px;
  }
  .i10ct .left .ibx{
    margin-top: 47px;
  }
  .i10ct .left .ibx a{
    width: calc((100% - 30px - 8px) / 4 - 6px);
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 3px;
  }
  .i10ct{
    padding: 105px 0;
  }
  .i10ct .right{
    width: calc(100% - 550px);
  }
  .i9-box .rq{
    width: 848px;
    height: 480px;
    margin: 85px auto 0;
  }
  .i9-box .rq .mapt{
    width: 1095px;
  }
  .i9-box .rq .mide{
    width: 480px;
  }
  .i9-box .rq .rt{
    width: 90px;
    height: 90px;
  }
  .i9-box .rq .mide .mit{
    width: 120px;
    height: 120px;
  }
  .i9-box .rq .mide .rund .nr{
    width: 185px;
    height: 185px;
  }
  @keyframes pulse1 {
    0% {
      width: 260px;
      height: 260px;
    }
    100% {
      width: 320px;
      height: 320px;
    }
  }
  @keyframes pulse2 {
    0% {
      width: 185px;
      height: 185px;
    }
    100% {
      width: 260px;
      height: 260px;
    }
  }
  .i9-box{
    padding: 100px 0 140px 0;
  }
  .cd1ct .mide .top h3{
    font-size: 40px;
  }
  .cd1ct{
    padding: 135px 0 240px 0;
  }
  .cd1ct .mide{
    margin-top: 45px;
  }
  .cd2ct .mide{
    width: calc(100% - 160px);
    padding: 55px 80px;
    margin-top: -185px;
  }
  .cd2ct{
    padding: 0 0 100px 0;
  }
  .banner{
    height: 520px;
  }
  .banner .rw{
    right: calc((100% - 1100px) / 2);
  }
  .cr1-list li{
    width: calc(100% - 60px - 90px);
    padding: 37px 90px 43px 60px;
  }
  .cr1-list li .sz{
    font-size: 90px;
  }
  .cr1-list li .ib{
    width: 440px;
    height: 300px;
  }
  .cr1-list li .txt{
    width: calc(100% - 440px - 70px);
  }
  .cr1-list li .txt .tm h3{
    font-size: 26px;
  }
  .cr1-list li .txt .line{
    width: 38px;
    margin: 25px 0 32px 0;
  }
  .cr1-list li .txt .db{
    margin-top: 68px;
  }
  .cr1-list li .txt .tm{
    max-width: calc(100% - 210px);
  }
  .cr1ct{
    padding: 75px 0 130px 0;
  }
  .in-tm h3{
    font-size: 32px;
  }
  .in-tm h6{
    font-size: 32px;
  }
  .em1-box .sw-box a{
    height: 70px;
  }
  .em2ct .mide .phitem img{
    width: 153px;
    height: 94px;
  }
  .em2ct .mide .phitem .wzy h3{
    font-size: 18px;
  }
  .em2ct .mide .phitem .wzy p{
    margin-top: 7px;
  }
  .em2ct .mide .phitem .wzy{
    width: 180px;
    margin-left: 15px;
  }
  .em2ct .mide .top .phitem:last-of-type{
    margin-left: 50px;
  }
  .in1-ct .left{
    width: calc(100% - 634px - 80px);
  }
  .in1-ct .left h3{
    font-size: 32px;
    line-height: 36px;
  }
  .in1-ct .left p{
    font-size: 32px;
  }
  .in1-ct .right{
    width: 634px;
  }
  .in1-2ct{
    padding: 75px 0 130px 0;
  }
  .in1-ct .right h3{
    font-size: 22px;
  }
  .in2-1ct{
    height: 420px;
    padding-bottom: 120px;
  }
  .in3-list li .ib{
    width: 680px;
    height: 460px;
  }
  .in3-list li .txt{
    width: calc(515px - 52px - 70px);
    height: calc(390px - 40px);
    padding: 40px 70px 0 52px;
  }
  .in3-list li .txt h3{
    font-size: 22px;
  }
  .in3-list li .txt .line{
    margin: 16px 0 15px 0;
  }
  .in3-list li .pb-more{
    margin-top: 39px;
  }
  .in3ct{
    padding: 60px 0 160px 0;
  }
  .masdct .mide .right .jj h3{
    font-size: 40px;
  }
  .masdct .mide .right .jj h6{
    margin: 28px 0 35px 0;
  }
  .masdct .mide .right .jl{
    margin-top: 40px;
  }
  .masdct .mide .left{
    width: 336px;
  }
  .masdct .mide .right{
    width: calc(100% - 336px - 100px);
  }
  .masdct{
    padding: 145px 0 140px 0;
  }
  .masdct .mide .right .jl .txt p{
    line-height: 34px;
  }
  .mas-list li .right{
    width: 357px;
  }
  .mas-list li .txt{
    width: calc(100% - 357px - 65px);
  }
  .mas-list li{
    width: calc(100% - 100px - 140px);
    padding: 0 140px 0 100px;
    height: 360px;
  }
  .mas-list li .txt .js{
    margin: 30px 0 65px 0;
  }
  .mas-list li .txt .desc h3{
    font-size: 26px;
  }
  .mas-list li .right .r{
    width: 65%;
  }
  .mas-list li:not(:first-of-type){
    margin-top: 90px;
  }
  .mas-list{
    margin-top: 100px;
  }
  .merge-list li{
    height: 310px;
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
    margin-top: 50px;
  }
  .mect{
    padding: 75px 0 130px 0;
  }
  .nd1ct .wz h3{
    font-size: 30px;
    line-height: 42px;
  }
  .news-list{
    margin-top: 70px;
  }
  .news-list li a .ib{
    width: 300px;
    height: 180px;
    margin-left: 95px;
  }
  .news-list li a .txt{
    width: calc(100% - 80px - 300px - 95px - 60px);
  }
  .news-list li a .txt h3{
    font-size: 20px;
  }
  .news-list li a .txt p{
    margin: 16px 0 46px 0;
  }
  .noct{
    padding: 75px 0 130px 0;
  }
  .banner .tuibt{
    font-size: 26px;
  }
  .banner .tuibigbt{
    font-size: 50px;
    margin: 18px 0 40px 0;
  }
  .banner .tuibm span{
    font-size: 22px;
    width: 220px;
    height: 46px;
  }
  .banner .tuibm .mfbt{
    font-size: 22px;
    width: 144px;
    height: 44px;
  }
  .tui1ct .query{
    width: calc(100% - 42px - 70px);
    padding: 0 70px 0 42px;
    height: 160px;
  }
  .tui1ct .query .ib{
    width: 281px;
  }
  .tui1ct .query .bd .row{
    width: calc(260px - 34px);
    height: 52px;
  }
  .tui1ct .query .bd button{
    width: 150px;
    height: 52px;
  }
  .tui1ct .query .cx h3{
    font-size: 32px;
  }
  .tui1ct .query .cx .line{
    width: 230px;
  }
  .tui1ct .tuitm h3{
    font-size: 32px;
  }
  .tui1ct .xfjm .itm .item{
    width: 250px;
  }
  .tui1ct .xfjm .itm .item h3{
    font-size: 24px;
    top: 85px;
  }
  .tui1ct .xfjm .itm .item p{
    width: 75%;
    top: 165px;
  }
  .conCt .container .mapbox{
    width: 600px;
    height: 360px;
  }
  .conCt .container .left{
    width: calc(100% - 600px - 50px);
  }
  .conCt .container .left h3{
    font-size: 32px;
    line-height: 36px;
  }
  .conCt .container .left .iconb .icon{
    margin-right: 23px;
    width: 90px;
  }
  .ftct .mide .left{
    width: calc(100% - 550px - 100px);
  }
  .ftct .right{
    width: 550px;
  }
  .ftct .link{
    padding-bottom: 30px;
  }
  .ftct .mide{
    margin-top: 50px;
  }
  .ftct{
    padding: 50px 0 90px 0;
  }
  .ft-box .fb{
    padding: 24px 0;
  }
}