@font-face {
  font-family: 'sans-regular-woff';
  src: url('../css/fonts/SOURCEHANSANSCN-REGULAR.woff') format('woff');
}

@font-face {
  font-family: 'sans-regular';
  src: url('../css/fonts/SOURCEHANSANSCN-REGULAR.OTF') format('opentype');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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: #ff2927;
}

body::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); */
  background: #dedede;
}

img {
  display: block;
}

a {
  color: #333;
  text-decoration: none;
}

ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* .swiper-container{
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
} */

:root {
  --font-family: 'sans-regular-woff', 'sans-regular';
}

 .el-message{
  top: 50% !important;
  transform: translate(-50%,-50%) !important;
} 
.hamburger {
  display: none;
}

.center-1320 {
  width: 1320px;
}

.center-1200 {
  width: 1200px;
}

.center-1400 {
  width: 1400px;
}

.center-1600 {
  width: 1600px;
}

.center-1800 {
  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: 1999;
  display: none;
}

.diaolog-pb video,
.diaolog-pb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 75%;
  max-width: 75%;
}

.diaolog-pb i {
  font-size: 46px;
  position: absolute;
  top: 3%;
  right: 3%;
  color: #ffffff;
  cursor: pointer;
}

.diaolog.active {
  display: block;
}

.diaolog iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: 75%;
}

.message-alert {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -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;
  width: max-content;
  max-width: 50%;
  text-align: center;
}

.message-alert.success {
  background-color: #55bb8a;
}

.message-alert.error {
  background-color: #f56c6c;
}

.message-alert.warning {
  background-color: #e6a23c;
}

/* seadershow */
.seadershow {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}

.seaderbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.seader {
  position: relative;
}

.seader form {
  width: 1000px;
  height: 80px;
  border: 5px solid #8c8c8c;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
}

.seader form input {
  display: block;
  width: 80%;
  height: 100%;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  color: #666666;
  font-family: var(--font-family);
}

.seader form button {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 20%;
  border: none;
  outline: none;
  background-color: #ff2927;
  font-size: 18px;
  color: #ffffff;
  font-family: var(--font-family);
  cursor: pointer;
}

.seader form button img {
  display: block;
  width: auto;
  filter: brightness(11);
  margin-right: 20px;
}

.seader .close {
  display: block;
  position: absolute;
  right: -60px;
  top: -80px;
}

.seader .close img {
  display: block;
}

.el-message {
  font-family: var(--font-family);
  z-index: 9999 !important;
}

.el-form-item__error,
.el-select-dropdown__item,
.el-checkbox__label {
  font-family: var(--font-family);
}

.el-form-item__error {
  z-index: 1;
}
.header-box.active,
.header-box.iactive {
  background-color: #ffffff;
  box-shadow: 0px 2px 20px 0px rgba(102, 102, 102, 0.1);
  border-bottom-color: transparent;
}
.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::after,
.header-box.iactive .headerct .nav li > a::after {
  background-color: #ff2927;
}
.header-box.active .headerct .icon .pbrund,
.header-box.iactive .headerct .icon .pbrund {
  background-color: #e8e8e8;
}
.header-box.active .headerct .icon .pbrund i,
.header-box.iactive .headerct .icon .pbrund i {
  color: #222222;
}
.header-box.active .headerct .icon .pbrund .ib img:last-of-type,
.header-box.iactive .headerct .icon .pbrund .ib img:last-of-type {
  display: block;
}
.header-box.active .headerct .icon .pbrund .ib img:first-of-type,
.header-box.iactive .headerct .icon .pbrund .ib img:first-of-type {
  display: none;
}
.header-box.active .headerct .icon .pbrund:hover i,
.header-box.iactive .headerct .icon .pbrund:hover i {
  color: #ffffff;
}
.header-box.active .headerct .icon .pbrund:hover .ib img:last-of-type,
.header-box.iactive .headerct .icon .pbrund:hover .ib img:last-of-type {
  display: none;
}
.header-box.active .headerct .icon .pbrund:hover .ib img:first-of-type,
.header-box.iactive .headerct .icon .pbrund:hover .ib img:first-of-type {
  display: block;
}
.header-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 60px;
  transition: 0.3s;
}
.headerct {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 99px;
  max-width: 1800px;
}
.headerct .logo img:last-of-type {
  display: none;
}
.headerct .logo img{
  height: 40px;
}
.headerct .right {
  display: flex;
  align-items: center;
  height: 100%;
}
.headerct .nav {
  display: flex;
  height: 100%;
}
.headerct .nav li:not(:first-of-type) {
  margin-left: 75px;
}
.headerct .nav li > a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  transition: 0.3s;
}
.headerct .nav li > a::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #ffffff;
  transition: 0.3s;
}
.headerct .nav li.active > a::after,
.headerct .nav li:hover > a::after {
  width: 100%;
}
.headerct .nav li .two {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  padding: 48px 0;
  transform-origin: top;
  transform: scaleY(0);
  transition: 0.3s;
  opacity: 0;
  box-shadow: 0px 10px 10px 0px rgba(102, 102, 102, 0.05);
}
.headerct .nav li:hover .two {
  transform: scaleY(1);
  opacity: 1;
}
.headerct .nav li .two .left {
  width: 1100px;
  display: flex;
  flex-wrap: wrap;
}
.headerct .nav li .two .left .item {
  width: calc((100% - 30px) / 3);
  margin-right: 15px;
  margin-top: 25px;
}
.headerct .nav li .two .left .item:nth-of-type(1),
.headerct .nav li .two .left .item:nth-of-type(2),
.headerct .nav li .two .left .item:nth-of-type(3) {
  margin-top: 0;
}
.headerct .nav li .two .left .item:nth-of-type(3n) {
  margin-right: 0;
}
.headerct .nav li .two .left .item h3 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 19px;
  color: #222222;
}
.headerct .nav li .two .left .item .line {
  width: 35px;
  height: 1px;
  background: #ff2927;
  margin: 12px 0 18px 0;
}
.headerct .nav li .two .left .item .txt a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  transition: 0.3s;
  display: block;
}
.headerct .nav li .two .left .item .txt a:hover {
  color: #ff2927;
}
.headerct .nav li .two .left .item .txt a:not(:first-of-type) {
  margin-top: 10px;
}
.headerct .nav li .two .link {
  height: 270px;
  border-left: 1px solid #e5e5e5;
  padding-left: 44px;
}
.headerct .nav li .two .link .item {
  border-bottom: 1px solid #eeeeee;
  padding: 28px 0;
}
.headerct .nav li .two .link .item:first-of-type {
  padding-top: 0;
}
.headerct .nav li .two .link a {
  display: flex;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  transition: 0.3s;
}
.headerct .nav li .two .link a:hover {
  color: #ff2927;
}
.headerct .nav li .two .link a p {
  margin-right: 44px;
}
.headerct .icon {
  display: flex;
  margin-left: 110px;
}
.headerct .icon .pbrund {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
}
.headerct .icon .pbrund:not(:first-of-type) {
  margin-left: 10px;
}
.headerct .icon .pbrund i {
  font-size: 16px;
  color: #ffffff;
}
.headerct .icon .pbrund .ib img:last-of-type {
  display: none;
}
.headerct .icon .pbrund:hover {
  background-color: #ff2927 !important;
}
.headerct .icon .pbrund .flow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  top: 100%;
  padding-top: 10px;
  transform-origin: top;
  transition: 0.3s;
  opacity: 0;
}
.headerct .icon .pbrund .flow .rq {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 5px;
  position: relative;
  box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.18);
}
.headerct .icon .pbrund .flow .rq img {
  width: 100px;
}
.headerct .icon .pbrund .flow .rq::before {
  display: block;
  content: '';
  border-top: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
}
.headerct .icon .pbrund:hover .flow {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.mySwiper {
  width: 100%;
  height: 100vh;
}
.mySwiper .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mySwiper .ct {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mySwiper .ct h3 {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 48px;
  color: #ffffff;
}
.mySwiper .ct h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  margin-top: 17px;
}
.mySwiper .ct .rq {
  opacity: 0;
  transform: translateY(150px);
  transition: 1.5s;
  transition-delay: 0.4s;
  width: 650px;
}
.mySwiper .swiper-slide-active .ct .rq {
  opacity: 1;
  transform: translateY(0);
}
.mySwiper .ct .pb-more-b {
  margin-top: 130px;
}
.pb-more-b {
  display: flex;
}
.pb-more-b .pb-more:not(:first-of-type) {
  margin-left: 10px;
}
.pb-more {
  width: 161px;
  height: 51px;
  border-radius: 25px;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
}
.pb-more::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ff2927;
  transition: 0.3s;
  z-index: -1;
}
.pb-more:hover {
  border-color: #ff2927;
  color: #ffffff;
}
.pb-more:hover::before {
  width: 100%;
}
.mySwiper .qh {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 70px;
  display: flex;
  justify-content: flex-end;
  z-index: 3;
}
.mySwiper .qh .qb {
  transition: 0.3s;
  width: 58px;
  height: 58px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}
.mySwiper .qh .qb i {
  font-size: 16px;
  color: #ffffff;
  transition: 0.3s;
}
.mySwiper .qh .qb:hover {
  background-color: #e5e5e5;
}
.mySwiper .qh .qb:hover i {
  color: #666666;
}
.mySwiper .qh .qb:not(:first-of-type) {
  margin-left: 10px;
}
.i1-box {
  background-color: #f5f5f5;
}
.i1ct {
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  display: flex;
  height: 280px;
}
.i1ct .item {
  width: calc(100% / 5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.i1ct .item:not(:last-of-type) {
  border-left: 1px solid #ffffff;
}
.i1ct .item .ib {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77px;
  height: 61px;
  margin-bottom: 30px;
}
.i1ct .item .ib img {
  max-width: 100%;
  max-height: 100%;
}
.i1ct .item .txt p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #222222;
  text-align: center;
  line-height: 1;
}
.i1ct .item .txt span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  opacity: 0.7;
  text-align: center;
  margin-top: 9px;
  display: block;
}
.i2-box {
  overflow: hidden;
}
.i2ct {
  padding: 84px 0;
  margin: 0 auto;
}
.i2ct .content {
  margin-top: 60px;
}
.i2ct .tag {
  display: flex;
  border-bottom: 1px solid #d2d2d2;
}
.i2ct .tag a {
  width: calc(100% / 3);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 28px;
  color: #222222;
  text-align: center;
  padding-bottom: 15px;
  transition: 0.3s;
  position: relative;
}
.i2ct .tag a::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 2px;
  background-color: #ff2927;
  transition: 0.5s;
}
.i2ct .tag a.active {
  font-weight: bold;
  color: #ff2927;
}
.i2ct .tag a.active::after {
  width: 100%;
}
.i2ct .tag a:hover {
  color: #ff2927;
}
.i2ct .mide {
  margin-top: 41px;
  height: 630px;
  position: relative;
}
.i2ct .mide .box {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.4s;
  opacity: 0;
}
.i2ct .mide .box:first-of-type {
  z-index: 1;
  opacity: 1;
}
.i2ct .mide .box.active {
  z-index: 2;
  opacity: 1;
}
.i2ct .mide .qhpb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 70px;
  height: 70px;
  background: rgba(191, 191, 191, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.i2ct .mide .box:first-of-type .qhpb {
  z-index: 1;
}
.i2ct .mide .box.active .qhpb {
  z-index: 2;
}
.i2ct .mide .qhpb i {
  font-size: 16px;
  color: #666666;
  transition: 0.3s;
}
.i2ct .mide .qhpb:hover {
  background-color: #ff2927;
}
.i2ct .mide .qhpb:hover i {
  color: #ffffff;
}
.i2ct .mide .prev {
  left: -110px;
}
.i2ct .mide .next {
  right: -110px;
}
.i2ct .i2-swiper {
  height: 100%;
  background-color: #ffffff;
}
.i2ct .i2-swiper .rq {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  display: flex;
}
.i2ct .i2-swiper .rq .left {
  width: 50%;
  height: 100%;
  padding: 100px 90px 0 97px;
  position: relative;
}
.i2ct .i2-swiper .rq .left .sz {
  font-weight: 400;
  font-size: 150px;
  color: #666666;
  opacity: 0.1;
  position: absolute;
  left: 97px;
  bottom: -36px;
  line-height: 1;
}
.i2ct .i2-swiper .rq .left h3 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 36px;
  color: #222222;
}
.i2ct .i2-swiper .rq .left .tagb {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.i2ct .i2-swiper .rq .left .tagb p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-right: 10px;
  background-color: rgba(125, 125, 125, 0.1);
  border-radius: 15px;
  padding: 6px 16px;
  min-width: 90px;
  text-align: center;
  margin-top: 10px;
}
.i2ct .i2-swiper .rq .left .desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
  margin-top: 28px;
}
.i2ct .i2-swiper .rq .left .pb-more-b {
  margin-top: 66px;
}
.i2ct .i2-swiper .rq .left .pb-more {
  border-color: #ff2927;
  color: #ff2927;
}
.i2ct .i2-swiper .rq .left .pb-more:hover {
  color: #ffffff;
}
.i2ct .i2-swiper .rq .left .pb-more:hover::before {
  width: 100%;
}
.i2ct .i2-swiper .rq .right {
  width: 50%;
  height: 100%;
}
.i2ct .i2-swiper .rq .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.title-48 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 48px;
  color: #222222;
  text-align: center;
}
.title-48.lt {
  text-align: left;
}
.pb-h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin-top: 5px;
  text-align: center;
}
.pb-h6.lt {
  text-align: left;
}
.i3-box {
  overflow: hidden;
}
.i3-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.i-pb-more {
  border-bottom: 1px solid #666666;
  display: flex;
  align-items: center;
  transition: 0.3s;
  padding-bottom: 15px;
}
.i-pb-more p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #444444;
  margin-right: 40px;
  transition: 0.3s;
}
.i-pb-more i {
  font-size: 16px;
  color: #444444;
  transition: 0.3s;
}
.i-pb-more:hover {
  border-bottom-color: #ff2927;
}
.i-pb-more:hover p,
.i-pb-more:hover i {
  color: #ff2927;
}
.solve-mide {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 75px;
  padding-bottom: 120px;
}
.solve-mide .flow-bg {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.solve-swiper {
  padding: 20px 0 55px 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
.solve-swiper .item {
  width: 100%;
  height: 550px;
  position: relative;
  transition: 0.4s;
}
.solve-swiper .item::before {
  display: block;
  content: '';
  width: 100%;
  height: 40%;
  background: linear-gradient(
    to bottom,
    rgba(255, 41, 39, 0.6),
    rgba(255, 41, 39, 0)
  );
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.4s;
}
.solve-swiper .item:hover {
  transform: translateY(-20px);
}
.solve-swiper .item:hover::before {
  opacity: 1;
}
.solve-swiper .item .more {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  position: absolute;
  right: 42px;
  bottom: 48px;
  z-index: 3;
}
.solve-swiper .item .more i {
  font-size: 16px;
  color: #ffffff;
  transition: 0.3s;
}
.solve-swiper .item:hover .more {
  background-color: #ff2927;
}
.solve-swiper .item .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solve-swiper .item .txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 52px 42px 0 42px;
}
.solve-swiper .item .txt h4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
}
.solve-swiper .item .txt h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  margin-top: 7px;
}
.solve-swiper .item .txt p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  margin-top: 32px;
  transition: 0.4s;
  opacity: 0;
  transform: translateY(50px);
  text-align: justify;
}
.solve-swiper .item:hover .txt p {
  transform: translateY(0);
  opacity: 1;
}
.solve-swiper .swiper-pagination-progressbar {
  top: unset;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1400px;
  height: 3px;
  background-color: transparent;
}
.solve-swiper .swiper-pagination-progressbar-fill {
  background-color: #ff2927;
}
.solve-swiper .swiper-pagination-progressbar::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
}
.i4-box {
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
}
.i4ct {
  margin: 0 auto;
  padding: 95px 0 125px 0;
}
.i4ct .mide {
  position: relative;
  margin-top: 40px;
}
.i4ct .mide::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
  z-index: 9;
}
.i4ct .mide::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 10%;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
  z-index: 9;
}
.i4ct .i4pb-sw {
  padding: 15px 0;
}
.i4ct .i4pb-sw a {
  height: 100px;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.i4ct .i4pb-sw a img {
  max-width: 70%;
  max-height: 60%;
}
.i5-box {
  background: url(../images/i5-5.jpg) no-repeat center / cover;
}
.i5ct {
  margin: 0 auto;
  padding: 99px 0 125px 0;
}
.i5ct .mide {
  margin-top: 82px;
  display: flex;
  flex-wrap: wrap;
}
.i5ct .mide .item {
  width: calc((100% - 25px) / 2);
  margin-right: 25px;
  margin-top: 25px;
  background-color: #ffffff;
  box-shadow: 0px 2px 30px 0px rgba(102, 102, 102, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 58px 0 30px;
  height: 200px;
  transition: 0.3s;
}
.i5ct .mide .item:nth-of-type(1),
.i5ct .mide .item:nth-of-type(2) {
  margin-top: 0;
}
.i5ct .mide .item:nth-of-type(2n) {
  margin-right: 0;
}
.i5ct .mide .item .left h4 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  color: #222222;
  transition: 0.3s;
}
.i5ct .mide .item .left p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-top: 14px;
}
.i5ct .mide .item:hover .left h4 {
  color: #ff2927;
}
.i5ct .mide .item:hover {
  box-shadow: 0px 0px 30px 0px rgba(255, 41, 39, 0.15);
}
.i6ct {
  margin: 0 auto;
  padding: 116px 0 120px 0;
}
.i6ct .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.i6ct .box .rqy:not(:first-of-type) {
  display: none;
}
.news-tag {
  display: flex;
  margin-top: 28px;
}
.news-tag a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  border: 1px solid #d2d2d2;
  border-radius: 20px;
  transition: 0.3s;
  padding: 7px 20px;
}
.news-tag a:not(:first-of-type) {
  margin-left: 11px;
}
.news-tag a.active {
  background-color: #ff2927;
  color: #ffffff;
  border-color: #ff2927;
}
.news-tag a:hover {
  border-color: #ff2927;
}
.news-list {
  margin-top: 57px;
  display: flex;
  flex-wrap: wrap;
}
.news-list li {
  width: calc((100% - 50px) / 3);
  margin-right: 25px;
  margin-top: 34px;
}
.news-list li:nth-of-type(1),
.news-list li:nth-of-type(2),
.news-list li:nth-of-type(3) {
  margin-top: 0;
}
.news-list li:nth-of-type(3n) {
  margin-right: 0;
}
.news-list li a {
  display: block;
  border: 1px solid #eeeeee;
  transition: 0.3s;
  padding: 63px 35px 60px 35px;
}
.news-list li a:hover {
  border-color: #ff2927 !important;
  box-shadow: 0px 2px 30px 0px rgba(102, 102, 102, 0.1) !important;
}
.news-list li a:hover .time h3 {
  color: #ff2927;
}
.news-list li a:hover .title {
  color: #ff2927;
}
.news-list li a .time h3 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 72px;
  color: #222222;
  line-height: 1;
  transition: 0.3s;
}
.news-list li a .time h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  margin-top: 7px;
}
.news-list li a .title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  transition: 0.3s;
  margin-top: 35px;
}
.news-list li a img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  margin-top: 35px;
}
.news-list li a .desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-top: 38px;
}
.news-list li a .mm {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ff2927;
  border-bottom: 1px solid #ff2927;
  width: max-content;
  padding-bottom: 2px;
  margin-top: 38px;
}
.vd-list {
  margin-top: 57px;
  display: flex;
  flex-wrap: wrap;
}
.vd-list li {
  width: calc((100% - 50px) / 3);
  margin-right: 25px;
  margin-top: 34px;
}
.vd-list li:nth-of-type(1),
.vd-list li:nth-of-type(2),
.vd-list li:nth-of-type(3) {
  margin-top: 0;
}
.vd-list li:nth-of-type(3n) {
  margin-right: 0;
}
.vd-list li a {
  display: block;
  transition: 0.3s;
  padding: 40px 35px 40px 35px;
  box-shadow: 0px 2px 30px 0px rgba(102, 102, 102, 0.1);
}
.vd-list li a .title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
}
.vd-list li a .ib {
  width: 100%;
  height: 230px;
  margin-top: 35px;
  position: relative;
}
.vd-list li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vd-list li a .ib .flow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  opacity: 0;
}
.vd-list li a .ib .flow i {
  font-size: 40px;
  color: #ffffff;
}
.vd-list li a:hover .ib .flow {
  opacity: 1;
}
.banner {
  width: 100%;
  height: 700px;
  position: relative;
}
.banner .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .ct {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner .ct h3 {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 48px;
  color: #ffffff;
  text-align: center;
}
.banner .ct h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  margin-top: 18px;
}
.banner .pb-more-b {
  margin: 80px auto 0;
  width: max-content;
}
.pb-min-nav {
  background-color: #f5f5f5;
  overflow: hidden;
}
.pb-min-nav .ct {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  height: 90px;
}
.pb-min-nav .ct a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  display: flex;
  align-items: center;
  height: 100%;
  transition: 0.3s;
  position: relative;
}
.pb-min-nav .ct a:not(:first-of-type) {
  margin-left: 110px;
}
.pb-min-nav .ct a::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #ff2927;
  transition: 0.4s;
}
.pb-min-nav .ct a:hover {
  color: #ff2927;
}
.pb-min-nav .ct a.active::after {
  width: 100%;
}
.pb-min-nav .ct a.active {
  color: #ff2927;
  font-weight: bold;
}
.p1ct {
  margin: 0 auto;
  padding: 81px 0 150px 0;
}
.pro-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 79px;
}
.pro-list li {
  width: calc((100% - 110px) / 3);
  margin-right: 55px;
  margin-top: 50px;
  transition: 0.3s;
  background-color: #f8f8f8;
}
.pro-list li:nth-of-type(1),
.pro-list li:nth-of-type(2),
.pro-list li:nth-of-type(3) {
  margin-top: 0;
}
.pro-list li:nth-of-type(3n) {
  margin-right: 0;
}
.pro-list li .ib {
  width: 100%;
  height: 330px;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro-list li .ib img {
  max-width: 80%;
  max-height: 70%;
}
.pro-list li .txt {
  padding: 30px 20px 50px 20px;
}
.pro-list li .txt h4 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 22px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: center;
}
.pro-list li .txt .desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #444444;
  line-height: 26px;
  text-align: center;
  margin-top: 13px;
}
.pro-list li .txt .pb-more-b {
  display: flex;
  justify-content: center;
  margin-top: 64px;
}
.pro-list li .txt .pb-more {
  border-color: #ff2927;
  color: #ff2927;
}
.pro-list li .txt .pb-more:hover {
  color: #ffffff;
}
.pro-list li:hover {
  background: #ffffff;
  box-shadow: 0px 2px 30px 0px rgba(255, 41, 39, 0.2);
}
.ser1-1ct {
  padding: 81px 0 138px 0;
  margin: 0 auto;
}
.ser1-list {
  margin-top: 52px;
  display: flex;
  flex-wrap: wrap;
}
.ser1-list li {
  width: calc((100% - 30px) / 2);
  margin-right: 30px;
  margin-top: 40px;
  background-color: #f8f8f8;
  transition: 0.3s;
  padding: 45px 50px 53px 50px;
}
.ser1-list li:nth-of-type(1),
.ser1-list li:nth-of-type(2) {
  margin-top: 0;
}
.ser1-list li:nth-of-type(2n) {
  margin-right: 0;
}
.ser1-list li h4 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 22px;
  color: #222222;
  line-height: 36px;
  height: 72px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  transition: 0.3s;
}
.ser1-list li .desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #444444;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-top: 10px;
}
.ser1-list li .i-pb-more {
  width: max-content;
  padding-bottom: 11px;
  margin-top: 87px;
}
.ser1-list li:hover {
  background: #ffffff;
  box-shadow: 0px 2px 30px 0px rgba(102, 102, 102, 0.15);
}
.ser1-list li:hover h4 {
  color: #ff2927;
}
.ser3-1ct {
  margin: 0 auto;
  padding: 81px 0 150px 0;
}
.ser3-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 62px;
}
.ser3-list li {
  width: calc((100% - 40px) / 2);
  margin-right: 40px;
  margin-top: 40px;
  transition: 0.3s;
  display: flex;
  justify-content: space-between;
  background-color: #f8f8f8;
  padding: 41px 47px 40px 47px;
}
.ser3-list li:nth-of-type(1),
.ser3-list li:nth-of-type(2) {
  margin-top: 0;
}
.ser3-list li:nth-of-type(2n) {
  margin-right: 0;
}
.ser3-list li .ib {
  width: 50px;
  height: 50px;
  background: rgba(125, 125, 125, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ser3-list li .txt {
  width: calc(100% - 50px - 19px);
}
.ser3-list li .txt h4 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  color: #222222;
}
.ser3-list li .txt .dd {
  display: flex;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-top: 5px;
}
.ser3-list li .txt .dd p:not(:first-of-type) {
  margin-left: 40px;
}
.ser3-list li .txt a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #ff2927;
  width: 120px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #ff2927;
  margin-top: 35px;
}
.ser3-list li .txt a i {
  font-size: 16px;
  color: #ff2927;
  transition: 0.3s;
}
.ser3-list li .txt a p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ff2927;
  transition: 0.3s;
  margin-left: 5px;
}
.ser3-list li .txt a::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #ff2927;
  z-index: -1;
  transition: 0.3s;
}
.ser3-list li .txt a:hover::before {
  width: 100%;
}
.ser3-list li .txt a:hover i,
.ser3-list li .txt a:hover p {
  color: #ffffff;
}
.ser3-diaolog {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  display: none;
}
.ser3-diaolog.active{
    display: block;
}
.ser3-diaolog .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border-radius: 10px;
  width: 960px;
}
.ser3-diaolog .content .mide {
  display: flex;
  justify-content: space-between;
  padding: 30px 150px 60px 64px;
}
.ser3-diaolog .content .left {
  max-width: 50%;
}
.ser3-diaolog .content .left h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.ser3-diaolog .content .left h4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #222222;
  margin-top: 7px;
}
.ser3-diaolog .content .left input {
  width: 280px;
  height: 50px;
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #c9c9c9;
  outline: none;
  background-color: transparent;
  text-indent: 16px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  display: block;
  margin-top: 29px;
}
.ser3-diaolog .content .left input::placeholder {
  color: #bbbbbb;
}
.ser3-diaolog .content .left button {
  outline: none;
  border: none;
  width: 120px;
  height: 49px;
  background: #ff2927;
  border-radius: 6px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  margin-top: 41px;
}
.ser3-diaolog .content .line {
  width: 1px;
  height: 280px;
  background: #eeeeee;
  border-radius: 1px;
}
.ser3-diaolog .content .right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ser3-diaolog .content .right h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  text-align: center;
}
.ser3-diaolog .content .right .qr {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 5px;
  margin: 15px 0 7px 0;
}
.ser3-diaolog .content .right .qr img {
  width: 130px;
}
.ser3-diaolog .content .right .wz {
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.ser3-diaolog .content .right .txt {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
}
.ser3-diaolog .content .icon {
  text-align: right;
  padding: 16px 20px 0 0;
}
.ser3-diaolog .content .icon i {
  font-size: 20px;
  color: #888888;
  transition: 0.3s;
  cursor: pointer;
}
.ser3-diaolog .content .icon i:hover {
  color: #ff2927;
}
.ser2-1ct {
  padding: 82px 0 150px 0;
  margin: 0 auto;
}
.ser2-list {
  margin-top: 70px;
}
.ser2-list li:first-of-type .zs {
  padding-top: 0;
}
.ser2-list li .zs {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
  padding: 25px 0;
}
.ser2-list li .zs .wz {
  width: calc(100% - 70px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
}
.ser2-list li .zs .cf {
  cursor: pointer;
}
.ser2-list li .zs .cf i {
  font-size: 18px;
  color: #222222;
  transition: 0.3s;
}
.ser2-list li .zs .cf i:hover {
  color: #ff2927;
}
.ser2-list li .zs .cf i:last-of-type {
  display: none;
}
.ser2-list li.active .cf i:last-of-type {
  display: block;
}
.ser2-list li.active .cf i:first-of-type {
  display: none;
}
.ser2-list li .content {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  padding: 43px 43px 20px 43px;
  display: none;
}
.ser2-list li.active .zs {
  border-bottom-color: #ff2927;
}
.ser2-list li.active .zs .wz {
  color: #ff2927;
  font-weight: bold;
}
.newsct {
  padding: 71px 0 150px 0;
  margin: 0 auto;
}
.newsct .news-tag {
  justify-content: center;
}
.newsct .news-list li a {
  border-color: transparent;
  box-shadow: 0px 2px 30px 0px rgba(102, 102, 102, 0.1);
}
.nd1-box {
  margin-top: 99px;
  background-color: #f5f5f5;
}
.nd1ct {
  margin: 0 auto;
  padding: 38px 0 26px 0;
}
.ny-nav {
  display: flex;
  align-items: center;
}
.ny-nav a,
.ny-nav span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  transition: 0.3s;
}
.ny-nav a:last-of-type {
  color: #888888 !important;
}
.ny-nav span {
  margin: 0 6px;
}
.ny-nav a:hover {
  color: #ff2927;
}
.nd1ct h3 {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 40px;
  color: #222222;
  text-align: center;
  margin-top: 45px;
}
.nd1ct .dbl {
  display: flex;
  justify-content: center;
  margin-top: 69px;
}
.nd1ct .dbl p:not(:first-of-type) {
  margin-left: 30px;
}
.nd1ct .dbl p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
}
.nd2ct {
  margin: 0 auto;
  padding: 60px 0 108px 0;
}
.nd2ct .content {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 36px;
}
.nd2ct .content p,
.nd2ct .content span {
  font-family: var(--font-family) !important;
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 36px;
  word-break: break-word;
}
.nd2ct .content img {
  margin: 20px 0;
  max-width: 100%;
  display: inline-block;
}
.nd2ct .content table {
  border-collapse: collapse;
  width: 100%;
}
.nd2ct .content table td {
  font-family: var(--font-family) !important;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  border: 1px solid #e5e5e5;
  padding: 20px 35px;
}
.nd2ct .fx {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 150px;
}
.nd2ct .fx > p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  margin-bottom: 15px;
}
.nd2ct .fy {
  border-top: 1px solid #dcdcdc;
  padding-top: 50px;
  margin-top: 80px;
}
.nd2ct .fy a {
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
}
.nd2ct .fy a:not(:first-of-type) {
  margin-top: 10px;
}
.nd2ct .fy a span {
  color: #888888;
}
.nd3-box {
  background-color: #f8f8f8;
}
.nd3ct {
  padding: 74px 0 130px 0;
  margin: 0 auto;
}
.tj-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
}
.tj-list li {
  width: calc((100% - 54px) / 3);
  margin-right: 26px;
  background-color: #fff;
  padding: 32px 34px 45px 34px;
  transition: 0.4s;
}
.tj-list li:hover {
  box-shadow: 0px 2px 30px 0px rgba(102, 102, 102, 0.1);
  transform: scale(1.05);
}
.tj-list li:nth-of-type(3n) {
  margin-right: 0;
}
.tj-list li img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}
.tj-list li .txt {
  padding-top: 24px;
}
.tj-list li .txt .time {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
}
.tj-list li .txt h4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  margin: 11px 0 55px 0;
}
.tj-list li .txt a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ff2927;
  border-bottom: 1px solid #ff2927;
  padding-bottom: 3px;
}
.con1ct {
  padding: 117px 0 0 0;
  margin: 0 auto;
}
.con1ct .gs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 58px 165px 72px 69px;
}
.con1ct .gs .left h3 {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  color: #444444;
}
.con1ct .gs .left .big-phone {
  display: flex;
  align-items: center;
  margin-top: 25px;
}
.con1ct .gs .left .big-phone .rund {
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ff2927;
  border-radius: 50%;
}
.con1ct .gs .left .big-phone .rund i {
  font-size: 26px;
  color: #ff2927;
}
.con1ct .gs .left .big-phone p {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #ff2927;
  margin-left: 16px;
}
.con1ct .gs .left .desc {
  margin-top: 25px;
}
.con1ct .gs .left .desc a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  display: block;
}
.con1ct .gs .left .desc a:not(:first-of-type) {
  margin-top: 7px;
}
.con1ct .gs .line {
  width: 1px;
  height: 280px;
  background: #dde0e9;
}
.con1ct .gs .icon .wz {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  text-align: center;
}
.con1ct .gs .icon .rq {
  display: flex;
  margin-top: 36px;
}
.con1ct .gs .icon .rq a:not(:first-of-type) {
  margin-left: 30px;
}
.con1ct .gs .icon .rq a {
  width: 68px;
  height: 68px;
  background: #e7e7e7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.con1ct .gs .icon .rq a .rund img {
  filter: brightness(0.3);
}
.con1ct .gs .icon .rq a .flow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  bottom: 100%;
  padding-bottom: 10px;
  transform-origin: bottom;
  transition: 0.3s;
  opacity: 0;
}
.con1ct .gs .icon .rq a .flow .bz {
  background: #ffffff;
  border-radius: 6px;
  padding: 5px;
  position: relative;
  box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.18);
}
.con1ct .gs .icon .rq a .flow .bz img {
  width: 100px;
}
.con1ct .gs .icon .rq a .flow .bz::before {
  display: block;
  content: '';
  border-top: 7px solid #ffffff;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
}
.con1ct .gs .icon .rq a:hover .flow {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.con1ct .message-bd {
  margin-top: 99px;
}
.message-bd {
  background-color: #ffffff;
  padding: 65px 0 114px 0;
  position: relative;
  z-index: 1;
}
.message-bd form {
  width: 1020px;
  margin: 64px auto 0;
}
.message-bd form .row {
  display: flex;
  justify-content: space-between;
}
.message-bd form .row:not(:first-of-type) {
  margin-top: 20px;
}
.message-bd form input {
  width: calc((100% - 21px) / 2);
  height: 60px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  background-color: transparent;
  outline: none;
  text-indent: 16px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.message-bd form input::placeholder {
  color: #cccccc;
}
.message-bd form select {
  width: calc((100% - 21px) / 2);
  height: 60px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  background-color: transparent;
  outline: none;
  text-indent: 16px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.message-bd form textarea {
  resize: none;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  background-color: transparent;
  outline: none;
  text-indent: 16px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  width: 100%;
  margin-top: 20px;
  height: 149px;
}
.message-bd form textarea::placeholder {
  color: #cccccc;
}
.message-bd form button {
  width: 400px;
  height: 60px;
  background: #ff2927;
  border-radius: 30px;
  cursor: pointer;
  border: none;
  outline: none;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  margin: 100px auto 0;
  display: block;
}
.message-bd .layui-form-select{
  width: calc((100% - 21px) / 2);  
}
.message-bd .layui-form-select input{
  width: 100%;
  text-indent: 6px;
}
.message-bd .layui-form-select dl dd{
  font-family: var(--font-family);
}
.message-bd .layui-form-select dl dd.layui-this{
  color: #ff2927;
}
.message-bd .layui-input:focus, .layui-textarea:focus{
  border-color: #e5e5e5 !important;
  box-shadow: none;
}
.map-box {
  width: 100%;
  max-width: 1920px;
  margin: -192px auto 0;
  height: 695px;
}
.map-box .amap-logo {
  display: none;
  opacity: 0 !important;
}
.map-box .amap-copyright {
  display: none !important;
}
.map-box .amap-info-close {
  display: none;
}
.case1-box {
  width: 100%;
  overflow: hidden;
}
.case1-box .row:nth-of-type(odd) {
  background-color: #f8f8f8;
}
.case1-box .row:nth-of-type(even) .mide {
  flex-direction: row-reverse;
}
.case1-box .row:nth-of-type(even) .mide .right::before {
  left: -14px;
  right: unset;
}
.case1-box .row .mide {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 105px 0;
}
.case1-box .row .mide .right {
  width: 660px;
  height: 450px;
  position: relative;
}
.case1-box .row .mide .right::before {
  display: block;
  content: '';
  width: 170px;
  height: 160px;
  background: #ff2927;
  position: absolute;
  bottom: -14px;
  right: -14px;
}
.case1-box .row .mide .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.case1-box .row .mide .left {
  width: calc(100% - 660px - 93px);
  padding-top: 35px;
}
.case1-box .row .mide .left h4 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 44px;
  color: #222222;
}
.case1-box .row .mide .left .jjfa h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #444444;
  line-height: 26px;
  margin: 15px 0 55px 0;
}
.case1-box .row .mide .left .jjfa .desc .h {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.case1-box .row .mide .left .jjfa .desc .h:not(:first-of-type) {
  margin-top: 21px;
}
.case1-box .row .mide .left .jjfa .desc .h p {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #222222;
}
.case1-box .row .mide .left .td {
  margin-top: 40px;
}
.case1-box .row .mide .left .td .desc .h {
  display: flex;
  justify-content: space-between;
}
.case1-box .row .mide .left .td .desc .h:not(:first-of-type) {
  margin-top: 7px;
}
.case1-box .row .mide .left .td .desc .h .el-icon-check {
  font-size: 16px;
  color: #ff2927;
  transform: translateY(3px);
}
.case1-box .row .mide .left .td .desc .h p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #444444;
  width: calc(100% - 16px - 12px);
}
.case2ct {
  margin: 0 auto;
  padding: 80px 0 135px 0;
}
.case-swiper {
  margin-top: 70px;
  padding-bottom: 42px;
}
.case-swiper .item {
  display: block;
  background-color: #f8f8f8;
  padding-bottom: 30px;
}
.case-swiper .item .ib {
  width: 100%;
  height: 348px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-swiper .item .ib img {
  max-width: 80%;
  max-height: 70%;
}
.case-swiper .item .txt {
  padding: 54px 20px 0 20px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  overflow-wrap: break-word;
  transition: 0.3s;
}
.case-swiper .item:hover .txt {
  color: #ff2927;
}
.case-swiper .swiper-pagination {
  bottom: 0;
  display: flex;
  justify-content: center;
}
.case-swiper .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #bbbbbb;
  opacity: 1;
  transition: 0.3s;
}
.case-swiper .swiper-pagination-bullet-active {
  width: 29px;
  border-radius: 4px;
  background-color: #ff2927;
}
.ab1-box {
  overflow: hidden;
  position: relative;
}
.ab1-box .flow-wz {
  position: absolute;
  top: 100px;
  left: 0;
}
.ab1-box .flow-wz .marquee {
  font-family: Arial;
  font-weight: 900;
  font-size: 150px;
  color: rgba(34, 34, 34, 0);
  text-stroke: 1px #cbcbcb;
  opacity: 0.2;
  -webkit-text-stroke: 1px #cbcbcb;
  line-height: 1;
}
.ab1ct {
  margin: 0 auto;
  padding: 140px 0 135px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.ab1ct .left {
  width: 659px;
}
.ab1ct .left .dt h3 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 60px;
  color: #222222;
  line-height: 1;
}
.ab1ct .left .dt h6 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 22px;
  color: #222222;
  margin-top: 15px;
}
.ab1ct .left .desc {
  position: relative;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
  line-height: 36px;
  margin-top: 100px;
  padding-left: 74px;
}
.ab1ct .left .desc img {
  position: absolute;
  top: 0;
  left: 0;
}
.ab1ct .left .txt {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #444444;
  line-height: 30px;
  margin-top: 75px;
}
.ab1ct .left .txt p:not(:first-of-type) {
  margin-top: 20px;
}
.ab1ct .right {
  width: 619px;
  padding-top: 45px;
}
.ab1ct .right img {
  width: 100%;
}
.ab2-box {
  margin: 0 auto;
  max-width: 1920px;
  width: 100%;
  display: flex;
}
.ab2-box .item {
  width: calc(100% / 4);
  height: 440px;
  position: relative;
  background: url(../images/ab4.png) no-repeat center / cover;
  padding: 43px 51px 0 51px;
}
.ab2-box .item:nth-of-type(even) {
  background: url(../images/ab5.png) no-repeat center / cover;
}
.ab2-box .item .tt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ab2-box .item .tt .ib {
  width: 79px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ab2-box .item .tt img {
  max-height: 100%;
  max-width: 100%;
}
.ab2-box .item .tt .bs h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 36px;
  color: #222222;
  line-height: 1;
}
.ab2-box .item .tt .bs p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  margin-top: 8px;
}
.ab2-box .item .flow {
  margin-top: 160px;
}
.ab2-box .item .flow h4 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #222222;
}
.ab2-box .item .flow p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 22px;
  opacity: 0.7;
  margin-top: 5px;
}
.ab3-box {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 899px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.ab3-box .flow-wz {
  font-family: Arial;
  font-weight: 900;
  font-size: 150px;
  color: rgba(34, 34, 34, 0);
  text-stroke: 1px #cbcbcb;
  opacity: 0.2;
  -webkit-text-stroke: 1px #cbcbcb;
  line-height: 1;
  position: absolute;
  top: 45px;
  left: 11%;
}
.ab3-box .left {
  width: 30%;
  height: 100%;
}
.ab3-box .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab3-box .right {
  width: 70%;
  height: 100%;
  padding: 120px 155px 0 85px;
}
.ab3-box .right .tt {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.ab3-box .right .tt .qh {
  display: flex;
}
.ab3-box .right .tt .qh .pb {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
}
.ab3-box .right .tt .qh .pb i {
  font-size: 16px;
  color: #888888;
  transition: 0.3s;
}
.ab3-box .right .tt .qh .pb:not(:first-of-type) {
  margin-left: 10px;
}
.ab3-box .right .tt .qh .pb:hover {
  border-color: #ff2927;
  background-color: #ff2927;
}
.ab3-box .right .tt .qh .pb:hover i {
  color: #fff;
}
.ab3-box .flow-b {
  position: absolute;
  left: 0;
  bottom: 135px;
  z-index: 1;
  width: 100%;
}
.ab-swiper img {
  width: 100%;
}
.pd1-box {
  overflow: hidden;
}
.pd1ct {
  margin: 0 auto;
  padding: 132px 0 150px 0;
}
.pd1ct .mide {
  display: flex;
  justify-content: space-between;
  margin-top: 55px;
}
.pd1ct .mide .left {
  width: 600px;
}
.pd1ct .mide .left h3 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 44px;
  color: #222222;
}
.pd1ct .mide .left .tag {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.pd1ct .mide .left .tag p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  background-color: #f2f2f2;
  border-radius: 23px;
  text-align: center;
  margin-right: 10px;
  padding: 10px 22px;
  min-width: 110px;
  margin-top: 10px;
}
.pd1ct .mide .left .desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #444444;
  line-height: 26px;
  margin: 34px 0 78px 0;
}
.pd1ct .mide .left .dbl {
  display: flex;
}
.pd1ct .mide .left .dbl a {
  width: 201px;
  height: 46px;
  border-radius: 23px;
  border: 1px solid #ff2927;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #ff2927;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
.pd1ct .mide .left .dbl a:not(:first-of-type) {
  margin-left: 10px;
}
.pd1ct .mide .left .dbl a::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ff2927;
  z-index: -1;
  transition: 0.3s;
}
.pd1ct .mide .left .dbl a:hover {
  color: #ffffff;
}
.pd1ct .mide .left .dbl a:hover::before {
  width: 100%;
}
.pd1ct .mide .right {
  width: calc(100% - 600px - 200px);
}
.pd1ct .mide .pd-swiper {
  width: 100%;
  padding-bottom: 40px;
}
.pd1ct .mide .pd-swiper .rq {
  width: 100%;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pd1ct .mide .pd-swiper .rq img {
  max-width: 90%;
  max-height: 100%;
}
.pd1ct .mide .pd-swiper .swiper-pagination {
  display: flex;
  justify-content: center;
  bottom: 0;
}
.pd1ct .mide .pd-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #d2d2d2;
  border-radius: 50%;
  opacity: 1;
  transition: 0.3s;
}
.pd1ct .mide .pd-swiper .swiper-pagination-bullet-active {
  background-color: #ff2927;
}
.pd4-box {
  background-color: #f8f8f8;
}
.pd4ct {
  margin: 0 auto;
  padding: 83px 0 93px 0;
}
.pd4ct .message-bd {
  box-shadow: 0px 2px 30px 0px rgba(102, 102, 102, 0.1);
}
.pd2-box {
  background: url(../images/pd2.jpg) no-repeat center / cover;
}
.pd2ct {
  padding: 84px 0 125px 0;
  margin: 0 auto;
}
.pd2ct .xnzb .mide {
  margin-top: 41px;
  background-color: #ffffff;
  box-shadow: 0px 2px 20px 0px rgba(102, 102, 102, 0.1);
  border-radius: 50px;
  padding: 30px 100px 70px 100px;
}
.pd2ct .xnzb .mide .row {
  display: flex;
  justify-content: space-between;
}
.pd2ct .xnzb .mide .row .item {
  width: calc((100% - 198px) / 2);
  border-bottom: 1px solid #eeeeee;
  padding: 40px 0;
}
.pd2ct .xnzb .mide .row .item .tb {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  position: relative;
  padding-left: 14px;
}
.pd2ct .xnzb .mide .row .item .tb::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 6px;
  height: 12px;
  background: #ff2927;
  border-radius: 3px;
}
.pd2ct .xnzb .mide .row .item .desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #222222;
  line-height: 36px;
  margin-top: 15px;
}
.pd2ct .xnzb .mide .row:last-of-type .item {
  border-bottom: none;
}
.pd2ct .gzhj {
  margin-top: 110px;
}
.pd2ct .gzhj .mide {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pd2ct .gzhj .mide .item {
  width: calc((100% - 78px) / 4);
  margin-right: 26px;
  margin-top: 26px;
  height: 329px;
  background: #ffffff;
  box-shadow: 0px 2px 20px 0px rgba(102, 102, 102, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 55px 37px 15px 37px;
}
.pd2ct .gzhj .mide .item:nth-of-type(1),
.pd2ct .gzhj .mide .item:nth-of-type(2),
.pd2ct .gzhj .mide .item:nth-of-type(3),
.pd2ct .gzhj .mide .item:nth-of-type(4) {
  margin-top: 0;
}
.pd2ct .gzhj .mide .item:nth-of-type(4n) {
  margin-right: 0;
}
.pd2ct .gzhj .mide .item .ib {
  width: 58px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pd2ct .gzhj .mide .item .ib img {
  max-width: 100%;
  max-height: 100%;
}
.pd2ct .gzhj .mide .item .txt {
  margin-top: 50px;
}
.pd2ct .gzhj .mide .item .txt h4 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 22px;
  color: #222222;
  text-align: center;
}
.pd2ct .gzhj .mide .item .txt p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
}
.pd3ct {
  padding: 100px 0 130px 0;
  margin: 0 auto;
}
.pd3ct .yqtd .content {
  margin-top: 59px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 36px;
}
.pd3ct .yqtd .content p,
.pd3ct .yqtd .content span {
  font-family: var(--font-family) !important;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 36px;
}
.pd3ct .yqtd .content img {
  max-width: 100%;
  margin: 0 auto;
}
.pd3ct .pzqd {
  margin-top: 140px;
}
.pd3ct .pzqd .content {
  margin-top: 45px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.pd3ct .pzqd .content table {
  border-collapse: collapse;
  width: 100%;
}
.pd3ct .pzqd .content table td {
  font-family: var(--font-family) !important;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  border: 1px solid #e5e5e5;
  padding: 20px 35px;
}
.pd3ct .pzqd .content table tr:first-of-type td {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  padding: 30px 35px;
}
.clct {
  margin: 0 auto;
  padding: 80px 0 130px 0;
}
.cl-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
.cl-list .item {
  width: calc((100% - 100px) / 3);
  margin-right: 50px;
  margin-top: 50px;
  position: relative;
  transition: 0.4s;
  height: 600px;
}
.cl-list .item:nth-of-type(1),
.cl-list .item:nth-of-type(2),
.cl-list .item:nth-of-type(3) {
  margin-top: 0;
}
.cl-list .item:nth-of-type(3n) {
  margin-right: 0;
}
.cl-list .item::before {
  display: block;
  content: '';
  width: 100%;
  height: 40%;
  background: linear-gradient(
    to bottom,
    rgba(255, 41, 39, 0.6),
    rgba(255, 41, 39, 0)
  );
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.4s;
}
.cl-list .item:hover {
  transform: translateY(-10px);
}
.cl-list .item:hover::before {
  opacity: 1;
}
.cl-list .item .more {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  position: absolute;
  right: 42px;
  bottom: 48px;
  z-index: 3;
}
.cl-list .item .more i {
  font-size: 16px;
  color: #ffffff;
  transition: 0.3s;
}
.cl-list .item:hover .more {
  background-color: #ff2927;
}
.cl-list .item .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cl-list .item .txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 52px 42px 0 42px;
}
.cl-list .item .txt h4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
}
.cl-list .item .txt h6 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  margin-top: 7px;
}
.cl-list .item .txt p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  margin-top: 32px;
  transition: 0.4s;
  opacity: 0;
  transform: translateY(50px);
  text-align: justify;
}
.cl-list .item:hover .txt p {
  transform: translateY(0);
  opacity: 1;
}
.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: 40px;
  height: 40px;
  margin-right: 9px;
  padding: 0;
  border-radius: 6px;
  min-width: 35px;
  border: 1px solid #d2d2d2;
}
.page .el-pagination .btn-next {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 6px;
  min-width: 35px;
  border: 1px solid #d2d2d2;
}
.page .el-pagination .btn-prev i,
.page .el-pagination .btn-next i {
  font-size: 14px;
}
.page .el-pager li {
  width: 40px;
  height: 40px;
  min-height: 35px;
  text-align: center;
  line-height: 40px;
  margin-right: 9px;
  padding: 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  border-radius: 6px;
  transition: 0.3s;
  border: 1px solid #d2d2d2 !important;
}
.page .el-pager li.active {
  background-color: #ff2927;
  color: #ffffff;
  border-color: #ff2927 !important;
}
.page .el-pagination .el-pager li:hover {
  color: #ffffff !important;
  background-color: #ff2927;
  border-color: #ff2927 !important;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #ff2927;
}
.ft-box {
  background-color: #313131;
}
.ftct {
  margin: 0 auto;
  padding: 75px 0 35px 0;
}
.ftct .mide {
  display: flex;
  justify-content: space-between;
}
.ftct .mide .left {
  width: 370px;
}
.ftct .mide .left h3 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 42px;
}
.ftct .mide .left .rb .row {
  display: flex;
  justify-content: space-between;
}
.ftct .mide .left .rb .row:not(:first-child) {
  margin-top: 10px;
}
.ftct .mide .left .rb .row .ib {
  width: 20px;
}
.ftct .mide .left .rb .row .ib img {
  max-width: 100%;
  transform: translateY(3px);
}
.ftct .mide .left .rb .row p {
  width: calc(100% - 20px - 13px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  opacity: 0.6;
}
.ftct .mide .left .icon {
  display: flex;
  align-items: center;
  margin-top: 103px;
}
.ftct .mide .left .icon .wz {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  opacity: 0.6;
}
.ftct .mide .left .icon .rq {
  display: flex;
}
.ftct .mide .left .icon .rq a:not(:first-of-type) {
  margin-left: 16px;
}
.ftct .mide .left .icon .rq a {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  position: relative;
}
.ftct .mide .left .icon .rq a:hover {
  background-color: #ff2927;
}
.ftct .mide .left .icon .rq a .flow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  bottom: 100%;
  padding-bottom: 10px;
  transform-origin: bottom;
  transition: 0.3s;
  opacity: 0;
}
.ftct .mide .left .icon .rq a .flow .bz {
  background: #ffffff;
  border-radius: 6px;
  padding: 5px;
  position: relative;
}
.ftct .mide .left .icon .rq a .flow .bz img {
  width: 100px;
}
.ftct .mide .left .icon .rq a .flow .bz::before {
  display: block;
  content: '';
  border-top: 7px solid #ffffff;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
}
.ftct .mide .left .icon .rq a:hover .flow {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.ftct .mide .left .icon .rq a .rund{
  width: 100%;
}
.ftct .mide .left .icon .rq a .rund img{
  max-width: 65%;
  max-height: 80%;
  margin: 0 auto;
}
.ftct .mide .zj h3 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 42px;
}
.ftct .mide .zj a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  opacity: 0.6;
  display: block;
  transition: 0.3s;
}
.ftct .mide .zj a:not(:first-of-type) {
  margin-top: 10px;
}
.ftct .mide .zj a:hover {
  color: #ff2927;
  opacity: 1;
}
.ftct .mide form {
  width: 520px;
}
.ftct .mide form h3 {
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
  line-height: 30px;
  margin-bottom: 30px;
}
.ftct .mide form .row {
  display: flex;
  justify-content: space-between;
}
.ftct .mide form .row:not(:first-of-type) {
  margin-top: 18px;
}
.ftct .mide form input {
  width: calc((100% - 20px) / 2);
  border: none;
  border-radius: 0;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: transparent;
  height: 40px;
}
.ftct .mide form input::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.ftct .mide form select {
  width: calc((100% - 20px) / 2);
  border: none;
  border-radius: 0;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: transparent;
  height: 40px;
}
.ftct .mide form select option {
  color: #ffffff;
  background-color: #ff2927;
}
.ftct .mide form textarea {
  border: none;
  border-radius: 0;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: transparent;
  resize: none;
  margin-top: 30px;
  width: 100%;
  height: 88px;
}
.ftct .mide form button {
  width: 250px;
  height: 40px;
  background: #ff2927;
  border-radius: 20px;
  cursor: pointer;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  border: none;
  display: block;
  margin-top: 23px;
}
.ftct .link {
  display: flex;
  justify-content: center;
  border-top: 1px solid rgba(191, 191, 191, 0.2);
  padding-top: 34px;
  margin-top: 135px;
}
.ftct .link a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #aaaaaa;
}
.tips {
  position: fixed;
  bottom: 20%;
  right: 10px;
  z-index: 99;
  display: none;
}
.tips li:not(:first-of-type) {
  margin-top: 10px;
}
.tips li .rund {
  background-color: #ffffff;
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
}
.tips li .rund img:last-of-type {
  display: none;
}
.tips li .rund:hover {
  background-color: #ff2927;
}
.tips li .rund:hover img:last-of-type {
  display: block;
}
.tips li .rund:hover img:first-of-type {
  display: none;
}
.tips li a {
  display: block;
  position: relative;
}
.tips li .flow {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  padding-right: 10px;
  width: max-content;
  transform-origin: right;
  opacity: 0;
  transition: 0.3s;
}
.tips li a:hover .flow {
  transform: translateY(-50%) scaleX(1);
  opacity: 1;
}
.tips li .flow .rq {
  position: relative;
}
.tips li .flow .rq::after {
  display: block;
  content: '';
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #ffffff;
  border-right: 7px solid transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -12px;
}
.tips li .flow .rq .wz {
  padding: 10px 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.18);
}
.tips li .flow .rq .qr {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 5px;
  box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.18);
}
.tips li .flow .rq .qr img {
  width: 100px;
}
@media only screen and (max-width: 1660px) {
  .solve-swiper .item {
    height: 470px;
  }
  .solve-swiper .item .txt {
    padding: 42px 32px 0 32px;
  }
  .solve-swiper .item .more {
    right: 32px;
    bottom: 40px;
  }
  .i4ct .i4pb-sw a {
    height: 85px;
  }
  .ab2-box .item {
    height: 380px;
    padding: 30px 40px 0 40px;
  }
  .ab2-box .item .tt .bs h6 {
    font-size: 32px;
  }
  .ab2-box .item .tt .bs p {
    margin-top: 6px;
  }
  .ab2-box .item .tt .ib {
    width: 69px;
    height: 70px;
  }
  .ab2-box .item .flow h4 {
    font-size: 26px;
  }
  .ab2-box .item .flow {
    margin-top: 130px;
  }
  .ab3-box {
    height: 799px;
  }
  .ab3-box .flow-b {
    bottom: 120px;
  }
}
@media only screen and (max-width: 1560px) {
  .center-1400 {
    width: 1100px;
  }
  .headerct .nav li:not(:first-of-type) {
    margin-left: 55px;
  }
  .headerct .icon {
    margin-left: 90px;
  }
  .headerct .nav li .two .left {
    width: 900px;
  }
  .mySwiper .ct .rq {
    width: 550px;
  }
  .mySwiper .ct h3 {
    font-size: 38px;
  }
  .mySwiper .ct .pb-more-b {
    margin-top: 90px;
  }
  .mySwiper .qh {
    bottom: 50px;
  }
  .mySwiper .qh .qb {
    width: 48px;
    height: 48px;
  }
  .i1ct {
    height: 220px;
  }
  .i1ct .item .ib {
    width: 63px;
    height: 47px;
    margin-bottom: 25px;
  }
  .i1ct .item .txt p {
    font-size: 22px;
  }
  .title-48 {
    font-size: 38px;
  }
  .i2ct .tag a {
    font-size: 24px;
  }
  .i2ct .mide {
    height: 500px;
  }
  .i2ct .i2-swiper .rq .left .desc {
    margin-top: 23px;
  }
  .i2ct .i2-swiper .rq .left {
    padding: 65px 60px 0 67px;
  }
  .i2ct .i2-swiper .rq .left h3 {
    font-size: 30px;
  }
  .i2ct .i2-swiper .rq .left .pb-more-b {
    margin-top: 46px;
  }
  .i2ct .i2-swiper .rq .left .sz {
    font-size: 100px;
    left: 67px;
    bottom: -25px;
  }
  .i2ct .mide .qhpb {
    width: 50px;
    height: 50px;
  }
  .tips li .rund {
    width: 50px;
    height: 50px;
  }
  .i2ct .mide .next {
    right: -75px;
  }
  .i2ct .mide .prev {
    left: -75px;
  }
  .pb-more {
    width: 151px;
    height: 48px;
  }
  .solve-swiper .swiper-pagination-progressbar {
    width: 1100px;
  }
  .solve-swiper .item {
    height: 400px;
  }
  .solve-swiper .item .txt {
    padding: 32px 22px 0 22px;
  }
  .solve-swiper .item .txt h4 {
    font-size: 21px;
  }
  .solve-swiper .item .txt h6 {
    margin-top: 5px;
  }
  .solve-swiper .item .more {
    width: 50px;
    height: 50px;
    right: 22px;
    bottom: 28px;
  }
  .solve-swiper .item .txt p {
    margin-top: 25px;
  }
  .solve-mide {
    margin-top: 65px;
  }
  .i4ct .i4pb-sw a {
    height: 75px;
  }
  .i4ct {
    padding: 85px 0 110px 0;
  }
  .i5ct .mide {
    margin-top: 70px;
  }
  .i5ct .mide .item {
    padding: 0 42px 0 25px;
    height: 170px;
  }
  .i5ct .mide .item .left h4 {
    font-size: 18px;
  }
  .i5ct .mide .item .left p {
    margin-top: 10px;
  }
  .i5ct .mide .item img {
    transform: scale(0.9);
  }
  .i6ct {
    padding: 95px 0 120px 0;
  }
  .news-list li a {
    padding: 45px 25px 45px 25px;
  }
  .news-list li a .time h3 {
    font-size: 52px;
  }
  .news-list li a .title {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
    margin-top: 25px;
  }
  .news-list li a img {
    margin-top: 25px;
    height: 180px;
  }
  .news-list li a .desc {
    margin-top: 30px;
  }
  .news-list li a .mm {
    margin-top: 30px;
  }
  .banner .ct h3 {
    font-size: 38px;
  }
  .banner .ct h6 {
    margin-top: 10px;
  }
  .banner {
    height: 500px;
  }
  .con1ct {
    padding: 100px 0 0 0;
  }
  .con1ct .gs {
    padding: 48px 70px 62px 49px;
  }
  .con1ct .gs .icon .rq a {
    width: 58px;
    height: 58px;
  }
  .con1ct .gs .icon .rq a .rund img {
    transform: scale(0.8);
  }
  .con1ct .gs .icon .rq a:not(:first-of-type) {
    margin-left: 25px;
  }
  .con1ct .gs .left h3 {
    font-size: 26px;
  }
  .con1ct .gs .left .big-phone p {
    font-size: 26px;
  }
  .con1ct .gs .left .big-phone .rund {
    width: 38px;
    height: 38px;
  }
  .con1ct .gs .left .big-phone .rund i {
    font-size: 22px;
  }
  .con1ct .gs .left .big-phone {
    margin-top: 20px;
  }
  .con1ct .gs .left .desc {
    margin-top: 20px;
  }
  .con1ct .gs .line {
    height: 240px;
  }
  .con1ct .gs .icon .rq {
    margin-top: 28px;
  }
  .con1ct .message-bd {
    margin-top: 79px;
  }
  .message-bd {
    padding: 55px 0 95px 0;
  }
  .message-bd form {
    width: 900px;
    margin: 54px auto 0;
  }
  .message-bd form input,
  .message-bd form select {
    height: 54px;
  }
  .message-bd form textarea {
    height: 129px;
  }
  .message-bd form button {
    width: 320px;
    height: 54px;
    margin: 80px auto 0;
  }
  .map-box {
    height: 590px;
  }
  .vd-list li a {
    padding: 35px 25px 35px 25px;
  }
  .vd-list li a .title {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
  }
  .vd-list li a .ib {
    margin-top: 25px;
    height: 180px;
  }
  .banner .pb-more-b {
    margin: 50px auto 0;
  }
  .case1-box .row .mide .right {
    width: 520px;
    height: 340px;
  }
  .case1-box .row .mide .left {
    width: calc(100% - 520px - 80px);
    padding-top: 20px;
  }
  .case1-box .row .mide .right::before {
    width: 140px;
    height: 130px;
  }
  .case1-box .row .mide .left h4 {
    font-size: 34px;
  }
  .case1-box .row .mide .left .jjfa h6 {
    margin: 10px 0 40px 0;
  }
  .case1-box .row .mide {
    padding: 95px 0;
  }
  .case1-box .row .mide .left .td {
    margin-top: 30px;
  }
  .case2ct {
    padding: 80px 0 120px 0;
  }
  .case-swiper {
    margin-top: 60px;
  }
  .case-swiper .item .ib {
    height: 270px;
  }
  .case-swiper .item .txt {
    padding: 40px 15px 0 15px;
  }
  /*.pb-min-nav .ct a {*/
  /*  font-size: 20px;*/
  /*}*/
  .pb-min-nav .ct a:not(:first-of-type) {
    margin-left: 90px;
  }
  /*.pb-min-nav .ct {*/
  /*  height: 90px;*/
  /*}*/
  .ab1ct {
    padding: 110px 0 115px 0;
  }
  .ab1ct .left {
    width: 529px;
  }
  .ab1ct .right {
    width: 490px;
    padding-top: 55px;
  }
  .ab1ct .left .dt h3 {
    font-size: 48px;
  }
  .ab1ct .left .dt h6 {
    font-size: 20px;
    margin-top: 10px;
  }
  .ab1ct .left .desc {
    font-size: 20px;
    line-height: 32px;
    padding-left: 60px;
    margin-top: 70px;
  }
  .ab1ct .left .desc img {
    width: 34px;
  }
  .ab1ct .left .txt {
    margin-top: 50px;
  }
  .ab1ct .left .txt p:not(:first-of-type) {
    margin-top: 17px;
  }
  .ab1-box .flow-wz {
    top: 85px;
  }
  .ab1-box .flow-wz .marquee {
    font-size: 130px;
  }
  .ab2-box .item {
    height: 330px;
    padding: 25px 30px 0 30px;
  }
  .ab2-box .item .flow {
    margin-top: 100px;
  }
  .ab2-box .item .flow h4 {
    font-size: 24px;
  }
  .ab3-box .right .tt .qh .pb {
    width: 50px;
    height: 50px;
  }
  .ab3-box .right {
    padding: 100px 115px 0 65px;
  }
  .ab3-box .flow-wz {
    font-size: 130px;
    top: 35px;
  }
  .ab3-box {
    height: 699px;
  }
  .ab3-box .flow-b {
    bottom: 100px;
  }
  .nd1ct h3 {
    font-size: 36px;
  }
  .center-1200 {
    width: 960px;
  }
  .nd2ct .content {
    font-size: 16px;
    line-height: 34px;
  }
  .nd2ct .content p,
  .nd2ct .content span {
    font-size: 16px;
    line-height: 34px;
  }
  .nd2ct .fx {
    margin-top: 110px;
  }
  .nd2ct .fy {
    padding-top: 40px;
    margin-top: 60px;
  }
  .nd3ct {
    padding: 74px 0 110px 0;
  }
  .tj-list li {
    padding: 22px 24px 35px 24px;
  }
  .tj-list li img {
    height: 180px;
  }
  .tj-list li .txt h4 {
    margin: 10px 0 40px 0;
  }
  .newsct {
    padding: 71px 0 130px 0;
  }
  .pd1ct .mide .left h3 {
    font-size: 34px;
  }
  .pd1ct .mide .left .dbl a {
    width: 180px;
  }
  .pd1ct .mide .left {
    width: 500px;
  }
  .pd1ct .mide .right {
    width: calc(100% - 500px - 140px);
  }
  .pd1ct .mide .left .desc {
    margin: 24px 0 58px 0;
  }
  .pd1ct .mide .pd-swiper .rq {
    height: 340px;
  }
  .pd1ct {
    padding: 132px 0 130px 0;
  }
  .pd2ct .xnzb .mide .row .item .desc {
    font-size: 20px;
    line-height: 32px;
    margin-top: 11px;
  }
  .pd2ct .xnzb .mide {
    padding: 30px 70px 70px 70px;
    border-radius: 30px;
  }
  .pd2ct .xnzb .mide .row .item {
    width: calc((100% - 100px) / 2);
    padding: 32px 0;
  }
  .pd2ct .gzhj .mide .item {
    padding: 35px 22px 15px 22px;
    height: 255px;
  }
  .pd2ct .gzhj .mide .item .ib {
    width: 48px;
    height: 46px;
  }
  .pd2ct .gzhj .mide .item .txt h4 {
    font-size: 20px;
  }
  .pd2ct .gzhj .mide .item .txt {
    margin-top: 30px;
  }
  .pd2ct .gzhj .mide .item .txt p {
    font-size: 15px;
    line-height: 23px;
  }
  .pd3ct .pzqd {
    margin-top: 120px;
  }
  .pd3ct .pzqd .content table tr:first-of-type td {
    padding: 20px 25px;
  }
  .pd3ct .pzqd .content table td {
    padding: 15px 25px;
  }
  .pd3ct {
    padding: 100px 0 110px 0;
  }
  .p1ct {
    padding: 81px 0 130px 0;
  }
  .pro-list {
    margin-top: 69px;
  }
  .pro-list li .ib {
    height: 250px;
  }
  .pro-list li .txt {
    padding: 20px 20px 40px 20px;
  }
  .pro-list li .txt h4 {
    font-size: 20px;
  }
  .pro-list li .txt .pb-more-b {
    margin-top: 44px;
  }
  .pro-list li .txt .pb-more {
    width: 130px;
  }
  .ser1-1ct {
    padding: 81px 0 118px 0;
  }
  .ser1-list li {
    padding: 35px 40px 43px 40px;
  }
  .ser1-list li h4 {
    font-size: 20px;
    line-height: 34px;
    height: 68px;
  }
  .ser1-list li .i-pb-more {
    margin-top: 50px;
  }
  .ser2-1ct {
    padding: 82px 0 130px 0;
  }
  .ser3-list li {
    padding: 31px 37px 30px 37px;
  }
  .ser3-list li .txt h4 {
    font-size: 18px;
  }
  .ser3-list li .txt a {
    margin-top: 30px;
  }
  .ser3-1ct {
    padding: 81px 0 130px 0;
  }
  .cl-list .item {
    height: 470px;
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
    margin-top: 40px;
  }
  .cl-list .item .txt {
    padding: 32px 22px 0 22px;
  }
  .cl-list .item .txt h4 {
    font-size: 21px;
  }
  .cl-list .item .txt p {
    margin-top: 25px;
  }
  .cl-list .item .more {
    width: 50px;
    height: 50px;
    right: 22px;
    bottom: 26px;
  }
  .ftct .mide form {
    width: 400px;
  }
  .ftct {
    padding: 65px 0 25px 0;
  }
  .ftct .mide form h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .ftct .mide .zj h3,
  .ftct .mide .left h3 {
    font-size: 20px;
  }
  .ftct .link {
    padding-top: 24px;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1360px) {
  .solve-swiper .item {
    height: 370px;
  }
  .i4ct .i4pb-sw a {
    height: 65px;
  }
  .ab2-box .item {
    height: 300px;
  }
  .ab2-box .item .tt .ib {
    width: 56px;
    height: 57px;
  }
  .ab2-box .item .flow {
    margin-top: 70px;
  }
  .ab3-box {
    height: 649px;
  }
}