html,
body,
div,
span,
iframe,
map,
font,
img,
a img,
samp,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
b,
p,
blockquote,
a,
address,
code,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
tr,
td,
th {
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: normal;
  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
  list-style: none;
}

html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #fff;
  font: normal 12px/22px "微软雅黑";
  overflow-x: hidden;
  min-width: 1280px;
}

body::-webkit-scrollbar {
  width: 2px;
}

body::-webkit-scrollbar-track {
  background: rgba(232, 232, 232, 1);
}

body::-webkit-scrollbar-thumb {
  background: #d42835;
}

img {
  border: 0;
  max-width: 100%;
}

input,
button,
a {
  outline: none;
}

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

a:hover {
  color: #d42835;
}

.clear {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

div {
  box-sizing: border-box;
}

.dn {
  display: none;
}

#screen {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
}

.fcc {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.fsc {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}

/*通用样式*/
.container {
  width: 1400px;
  margin: 0 auto;
}

.logo {
  position: relative;
}

.logo img {
  transition: all 0.5s;
}

.logo img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.header {
  transition: all 0.5s;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20;
  height: 120px;
  display: flex;
  padding: 0 45px;
  justify-content: space-between;
  align-items: center;
}

.small-header .header {
  transform: translateY(-100%);
}

.show-header .header {
  transform: translateY(0);
}

.small-header .header {
  height: 96px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: #ffffff;
}

.small-header .header .logo img {
  opacity: 0;
}

.small-header .header .logo img:nth-child(2) {
  opacity: 1;
}

.small-header .header .nav li h2 a {
  line-height: 96px;
}

.small-header .header dl {
  top: 96px;
}

@media screen and (min-width: 1024px) {
  .headerRight {
    display: flex;
    gap: 55px;
  }
}

@media screen and (max-width: 1024px) {
  .headerRight {
    display: flex;
    gap: 55px;
    margin-right: 44px;
  }
}

.header:hover {
  background: #ffffff;
}

.header:hover .nav li h2 a,
.small-header .header .nav li h2 a {
  color: #333333;
}

.header:hover .langChose h2,
.small-header .header .langChose h2 {
  color: #333333;
  background: url(../images/blackEarth.png) left center no-repeat;
}

.header:hover .searchEnter,
.small-header .header .searchEnter {
  background: url(../images/blackSearch.png) center no-repeat;
}

.header:hover .logo img {
  opacity: 0;
}

.header:hover .logo img:nth-child(2) {
  opacity: 1;
}

.header .nav li h2 a:hover {
  color: #d42835;
}

.nav>ul {
  gap: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menuBtn {
  display: none;
}

.nav li h2 {
  position: relative;
}

.nav li h2::after {
  content: '';
  height: 2px;
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 23px);
  transition: all 0.5s;
  width: 0;
  background: #d42835;
}

.nav li:hover h2::after {
  width: 50px;
}

.nav li h2 a {
  transition: all 0.5s;
  line-height: 120px;
  white-space: nowrap;
  font-size: 18px;
  color: #ffffff;
}

.header .nav li.cur h2 a {
  color: #d42835;
}

.nav li {
  position: relative;
}

.nav li dl {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
  display: none;
  width: 166px;
  background: #ffffff;
  position: absolute;
  padding: 17px 0 20px;
  left: 50%;
  transform: translateX(-50%);
  top: 120px;
}

.nav li dt {
  text-align: center;
  font-size: 17px;
  line-height: 42px;
}

.nav li dt:last-child {
  border: none;
}

.nav li dt a {
  display: block;
  transition: all 0.3s;
}

.nav li dt:hover>a {
  color: #d42835;
}

.fcc {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.fsc {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}

.searchBox {
  position: relative;
}

.searchinput {
  z-index: 3;
  transition: all .5s;
  opacity: 0;
  pointer-events: auto;
  right: 0;
  transform: scale(0);
  transform-origin: right center;
  position: absolute;
  width: 350px;
  top: 50%;
  margin-top: -23px;
}

.searchinput.show {
  transform: scale(1);
  opacity: 1;
}

.searchinput .hsform {
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
  background-color: #d42835;
}

.searchinput .hsform .sinput {
  border: none;
  width: 100%;
  height: 44px;
  background-color: #d42835;
  color: #fff;
  text-indent: 20px;
  font-size: 16px;
}

.searchinput .hsform .sinput::placeholder {
  color: #fff;
  font-size: 16px;
}

.searchinput .hsform .sbtn {
  border: none;
  width: 44px;
  height: 44px;
  background: url(../images/search.png) center center no-repeat;
  background-size: 17px;
  cursor: pointer;
}

.searchinput .sclosebtn {
  width: 44px;
  height: 44px;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
}

.sclosebtn:hover {
  transform: rotate(180deg);
}

.searchinput .sclosebtn:before {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #d42835;
  position: absolute;
  left: 7px;
  top: 21px;
  transform: rotateZ(45deg);
}

.searchinput .sclosebtn:after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #d42835;
  position: absolute;
  left: 7px;
  top: 21px;
  transform: rotateZ(-45deg);
}

.searchEnter {
  transition: all 0.5s;
  cursor: pointer;
  display: block;
  background: url(../images/search.png) center no-repeat;
  display: block;
  width: 22px;
  height: 22px;
}

.menuControl {
  display: flex;
  gap: 26px;
  align-items: center;
}

.langChose h2 {
  white-space: nowrap;
  transition: all 0.5s;
  line-height: 120px;
  position: relative;
  cursor: pointer;
  color: #ffffff;
  padding-left: 34px;
  position: relative;
  background: url(../images/earth.png) left center no-repeat;
  transition: all .5s;
  font-size: 18px;
}

.langChose {
  position: relative;
}

.langChose dl {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: none;
  background: #ffffff;
  border-radius: 0 0 4px 4px;
  text-align: center;
  width: 84px;
  padding: 5px 0;
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
}

.langChose dt a {
  transition: all .5s;
  line-height: 2;
  display: block;
  font-size: 14px;
  color: #393939;
}

.langChose dt:hover a {
  color: #d42835;
}

.small-header .langChose h2 {
  line-height: 96px;
}

.langChose.cur>dl {
  display: block;
}

.header .langChose:hover h2 {
  background: url(../images/earthon.png) left center no-repeat;
  color: #d42835;
}

.header .searchEnter:hover {
  background: url(../images/searchon.png) center no-repeat;
}

.productSubs {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: none;
  border-radius: 0 0 10px 10px;
  width: 580px;
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -290px;
  padding: 30px 16px 35px 35px;
  background: #ffffff;
}

.small-header .productSubs {
  top: 96px;
}

.subMenu h3 {
  position: relative;
  cursor: pointer;
  font-size: 17px;
  color: #555555;
  line-height: 1;
  margin-bottom: 27.5px;
}

.subMenu h3:last-child {
  margin-bottom: 0;
}

.subMenu {
  padding-bottom: 16px;
  width: 191px;
  border-right: 1px solid #e2e2e2;
}

.subMenu .productSlide.cur h3::after {
  content: '';
  transition: all 0.3s;
  position: absolute;
  right: -1px;
  height: 0;
  transition: all 0.3s;
  width: 1px;
  background: #d42835;
}

.subMenu .productSlide.cur h3::after {
  height: 100%;
}

.subMenu .productSlide.cur h3,
.subMenu .productSlide.cur h3 a {
  font-weight: bold;
}

.secondList {
  display: none;
  bottom: 35px;
  position: absolute;
  right: 15px;
  padding-right: 22px;
  overflow-y: auto;
  width: 305px;
  top: 30px;
}

.listSlide {
  margin-bottom: 16px;
  background: #f4f4f4;
  padding: 4px 18px 4px 26px;
  border-radius: 5px;
}

.listSlide h4 {
  position: relative;
  cursor: pointer;
  line-height: 46px;
  font-size: 17px;
  color: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.listSlide h4 i {
  display: block;
  transform: rotate(180deg);
  background: url(../images/upArr.png) center no-repeat;
  transition: all 0.5s;
  width: 14px;
  height: 8px;
}

.listSlide h4.act i {
  transform: rotate(0deg);
}

.listSlide h4::after {
  content: '';
  bottom: 5px;
  position: absolute;
  height: 2px;
  width: 0;
  background: #d42835;
  transition: all .5s;
}

.listSlide h4.act::after {
  width: 34px;
}

.hideSub {
  display: none;
}

.hideSub p a {
  transition: all 0.3s;
  line-height: 1.5;
  font-size: 15px;
  color: #555555;
}

.hideSub p {
  padding: 5px 0;
}

.hideSub p a:hover {
  color: #d42835;
}

.productSlide:last-child h3 {
  margin-bottom: 0;
}

.listSlide:last-child {
  margin-bottom: 0;
}

.productSlide.cur .secondList {
  display: block;
}

.secondTit {
  font-size: 17px;
  color: #d42835;
}

.linkSlide a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.linkPic {
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 83px;
}

.linkPic img {
  display: block;
  max-height: 100%;
}

.linkSlide {
  margin-top: 10px;
  padding: 15px 15px 15px 0;
  background: #f4f4f4;
}

.linkText {
  flex: 1;
}

.linkText h5 {
  margin-bottom: 8px;
  line-height: 1;
  font-size: 16px;
  color: #333333;
}

.linkText h5 span.colorBlue {
  color: #d42835;
}

.linkText h5 span.colorPouple {
  color: #b732b2;
}

.linkText h5 span.colorRed {
  color: #f84241;
}

.linkText p {
  font-size: 16px;
  color: #555555;
  opacity: ;
}

/*banner*/
.stickyBox {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
}

.coverPic {
  background: #ffffff;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 21;
}

.coverPic h2 {
  line-height: 1.15;
  font-weight: bold;
  font-size: 3.125vw;
  position: absolute;
  left: 0;
  top: 58.54vh;
  text-align: center;
  width: 100%;
}

.coverPic.act {
  pointer-events: all;
}

.coverPic a {
  font-size: 16px;
  color: #d42835;
}

.coverLogo img {
  display: block;
  margin: 0 auto;
  width: 30.88vw;
}

.coverLogo {
  position: absolute;
  top: 26.9vh;
  width: 100%;
  left: 0;
}

.coverPic p {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 76.36vh;
}

.scrollBox {
  height: 250vh;
  position: relative;
  z-index: 20;
}

.banner {
  width: 100%;
  height: 100vh;
}

.banner img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.banner .swiper {
  width: 100%;
  height: 100%;
}

.banner .swiper-slide-active {
  z-index: 2;
}

.banner .swiper-pagination {
  left: 0;
  bottom: 4.4vw;
  width: 100%;
}

.banner .swiper-pagination span {
  position: relative;
  opacity: 1;
  transition: all 0.3s;
  box-sizing: border-box;
  background: #ffffff;
  outline: none;
  width: 10px;
  height: 10px;
  margin: 0 21px !important;
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
  background: #d42835;
}

.banner .swiper-pagination span::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #d42835;
  transform: translate(-50%, -50%) scale(0);
}

.banner .swiper-pagination span.swiper-pagination-bullet-active::after {
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.5s;
}

.bannerText {
  position: absolute;
  width: 1600px;
  max-width: 92%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bannerText h2 {
  font-size: 2.91vw;
  color: #ffffff;
  line-height: 1.25;
  font-weight: bold;
}

.bannerText h2 span {
  color: #d42835;
}

.bannerText h3 {
  font-size: 2.91vw;
  color: #ffffff;
  line-height: 1.25;
}

.bannerText p {
  margin-bottom: 68px;
  font-size: 1.354vw;
  color: #ffffff;
  margin-top: 56px;
}

.footer {
  background: #191a20;
}

.footerTop {
  padding: 80px 0 8px;
  display: flex;
  justify-content: space-between;
}

.footLink ul::after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}

.footLink li {
  float: left;
  margin-right: 4.29vw;
}

.enFooter .footLink li {
  margin-right: 3vw;
}

.enFooter .footLink li:last-child {
  margin-right: 0;
}

.footLink p a {
  font-size: 15px;
  color: #ffffff;
}

.footLink p {
  transition: all 0.3s;
  opacity: .5;
  line-height: 35px;
}

.footLink li h2 a {
  font-size: 18px;
  color: #ffffff;
}

.footLink p:hover {
  opacity: 1;
  transform: translateX(5px);
  opacity: 1;
}

.footLink li h2 {
  line-height: 1;
  margin-bottom: 20px;
}

.footerContact h2 {
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 17px;
  text-align: right;
}

.contactLink {
  margin-bottom: 25px;
  float: right;
}

.contactLink ul {
  display: flex;
  gap: 10px;
}

.contactLink li {
  overflow: hidden;
  position: relative;
  background: #2f3741;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: all 0.5s;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.contactLink li a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.contactLink li a::after {
  content: '';
  border-radius: 50%;
  transition: all 0.5s;
  transform: scale(0);
  background: #d42835;
  width: 100%;
  height: 100%;
  position: absolute;
}

.contactLink li img {
  position: relative;
  z-index: 2;
  width: 60%;
  display: block;
}

.contactLink li:hover a::after {
  transform: scale(1);
}

.copyRight {
  margin-top: 40px;
  border-top: 1px solid #333b45;
  line-height: 80px;
  text-align: center;
}

.copyRight p,
.copyRight a {
  transition: all 0.3s;
  font-size: 15px;
  color: #fff;
}

.copyRight a:hover {
  color: #d42835;
}

.copyRight p br {
  display: none;
}

.scaleEwm {
  border: 6px solid #ffffff;
  border-radius: 3px;
  transition: all 0.5s;
  transform: scale(0);
  transform-origin: bottom center;
  position: absolute;
  bottom: 50px;
  width: 100px;
}

.menubox {
  display: none;
}

.container {
  width: 1440px;
  margin: 0 auto;
  max-width: 92%;
}

a.more {
  overflow: hidden;
  background: #d42835;
  gap: 14px;
  align-items: center;
  border-radius: 48px;
  display: flex;
  justify-content: center;
  width: 150px;
  box-sizing: border-box;
  line-height: 48px;
  position: relative;
  border: 1px solid #d42835;
  font-size: 16px;
  color: #ffffff;
}

a.more i {
  transition: all 0.5s;
  display: block;
  background: url(../images/moreIconCur.png) center no-repeat;
  width: 13px;
  height: 14px;
  position: relative;
  z-index: 2;
}

a.more b {
  transition: all 0.5s;
  position: relative;
  z-index: 2;
}

a.more::after {
  content: '';
  transition: all 0.5s;
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background: #ffffff;
}

a.more:hover::after {
  width: 100%;
}

a.more:hover b {
  color: #d42835;
}

a.more:hover i {
  transform: rotate(360deg);
  background: url(../images/moreIcon.png) center no-repeat;
}

button.more {
  overflow: hidden;
  background: #d42835;
  gap: 14px;
  align-items: center;
  border-radius: 48px;
  display: flex;
  justify-content: center;
  width: 150px;
  box-sizing: border-box;
  line-height: 48px;
  position: relative;
  border: 1px solid #d42835;
  font-size: 16px;
  color: #ffffff;
}

button.more i {
  transition: all 0.5s;
  display: block;
  background: url(../images/moreIconCur.png) center no-repeat;
  width: 13px;
  height: 14px;
  position: relative;
  z-index: 2;
}

button.more b {
  transition: all 0.5s;
  position: relative;
  z-index: 2;
}

button.more::after {
  content: '';
  transition: all 0.5s;
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background: #ffffff;
}

button.more:hover::after {
  width: 100%;
}

button.more:hover b {
  color: #d42835;
}

button.more:hover i {
  transform: rotate(360deg);
  background: url(../images/moreIcon.png) center no-repeat;
}

/**/

.homeBrand {
  padding: 4.444vw 0 10.4vw;
  background: url(../images/bg1.jpg) center no-repeat;
  background-size: cover;
}

.brandText {
  width: 545px;
}

.brandText span {
  margin-bottom: 20px;
  display: block;
  font-size: 18px;
  color: #d42835;
}

.brandText h2 {
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 34px;
  line-height: 1.5;
}

.brandText p {
  margin-bottom: 70px;
  font-size: 16px;
  color: #222222;
  line-height: 2;
}

.brandCont {
  display: flex;
  gap: 97px;
  justify-content: space-between;
  align-items: center;
}

.brandList {
  position: relative;
  flex: 1;
}

.brandPic {
  transition: all 0.5s;
  position: absolute;
}

.br1 {
  width: 22.5%;
  left: 61.77%;
  top: -16px;
}

.br2 {
  width: 22.1875%;
  left: 29.68%;
  top: 56px;
}

.br3 {
  width: 15.41%;
  left: 3.125%;
  top: 116px;
}

.br4 {
  width: 16.35%;
  left: 83.64%;
  top: 118px;
}

.br5 {
  width: 40.83%;
  left: 34.16%;
  top: 176px;
}

.br6 {
  width: 17.7%;
  left: 9.79%;
  top: 227px;
}

.br7 {
  width: 20.4%;
  left: 78.125%;
  top: 252px;
}

.br8 {
  width: 18.22%;
  left: 0%;
  top: 348px;
}

.br9 {
  width: 23.43%;
  left: 35.83%;
  top: 367px;
}

.br10 {
  width: 14.27%;
  left: 82.81%;
  top: 406px;
}

.br11 {
  width: 20.52%;
  left: 15.2%;
  top: 468px;
}

.br12 {
  width: 20.1%;
  left: 60.7%;
  top: 497px;
}

.brandSub {
  transform-origin: center top;
  transition: all 0.5s;
  width: 270px;
  padding: 15px 25px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%) scale(0);
  background: rgba(26, 55, 132, .86);
}

.brandSub p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-size: 16px;
  color: #ffffff;
  padding-left: 19px;
}

.brandSub p::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #ffffff;
  border-radius: 50%;
}

.brandPic:hover .brandSub {
  transform: translateX(-50%) scale(1);
}

.brandSub p a {
  color: #ffffff;
  line-height: 42px;
}

.brandPic:hover {
  z-index: 2;
}

.application {
  background: url(../images/bg2.jpg) center no-repeat;
  background-size: cover;
  padding: 6.5625vw 0;
}

.appText {
  width: 680px;
}

.appText span {
  display: block;
  font-size: 18px;
  color: #d42835;
  margin-bottom: 20px;
}

.appText h2 {
  line-height: 170%;
  margin-bottom: 65px;
  font-size: 34px;
  font-weight: bold;
  color: #ffffff;
}

.appText ul {
  margin-bottom: 5.4vw;
  justify-content: space-between;
  display: flex;
}

.appText li {
  cursor: pointer;
  text-align: center;
}

.appIcon {
  text-align: center;
  position: relative;
}

.appIcon img {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 auto;
}

.appText li p {
  color: rgba(255, 255, 255, .48);
  font-size: 14px;
  line-height: 1;
  margin-top: 22px;
}

.appText li.cur p {
  color: #ffffff;
}

.appText li .appIcon::after {
  content: '';
  width: 39px;
  height: 39px;
  transform: scale(0);
  transition: all 0.3s;
  position: absolute;
  left: 50%;
  top: -18px;
  margin-left: -8px;
  background: #d42835;
  border-radius: 50%;
}

.appText li.cur .appIcon::after {
  transform: scale(1);
}

.appSlide h3 {
  font-size: 34px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 20px;
}

.appSlide p {
  margin-bottom: 80px;
  font-size: 16px;
  color: #ffffff;
  line-height: 34px;
}

.appCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.appImg {
  width: calc(100% - 865px);
}

.appImg .swiper-pagination {
  text-align: right;
  bottom: 30px;
  padding-right: 30px;
}

.appImg .swiper-pagination span {
  background: #ffffff;
}

.homeNews {
  padding: 5.2vw 0;
}

.titleCell span {
  font-size: 18px;
  display: block;
  color: #d42835;
  margin-bottom: 18px;
}

.titleCell h2 {
  line-height: 1;
  font-weight: bold;
  font-size: 40px;
  color: #222222;
}

.bigNews {
  margin: 50px 0 65px;
  align-items: center;
  gap: 68px;
  display: flex;
  justify-content: space-between;
}

.newsText h2 {
  margin-bottom: 45px;
  font-size: 26px;
  font-weight: bold;
  color: #333333;
  line-height: 1.5;
}

.newsText p {
  font-size: 16px;
  color: #999999;
  line-height: 1.625;
  margin-bottom: 3.8vw;
}

.newsPic {
  width: 780px;
  max-width: 100%;
  overflow: hidden;
  border-radius: 28px;
}

.newsPic img {
  display: block;
  width: 100%;
}

.newsText {
  flex: 1;
}

.newList {
  border-top: 1px solid #e5e5e5;
  padding: 45px 0 0;
}

.newList ul {
  gap: 9.4vw;
  display: flex;
  justify-content: space-between;
}

.newList li {
  gap: 2.08vw;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  display: flex;
}

.newsDate {
  width: 84px;
  height: 84px;
  border: 1px solid #e5e5e5;
  background: #f4f4f4;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.newsDate p {
  font-size: 26px;
  line-height: 1;
  margin-bottom: 4px;
}

.newsDate span {
  font-size: 14px;
  color: #222222;
}

.newsTit {
  flex: 1;
}

.newsTit a p {
  line-height: 1.5;
  font-weight: bold;
  color: #333333;
  font-size: 18px;
  transition: all 0.3s;
}

.newList li:hover .newsTit a p {
  color: #d42835;
}

.footerRight {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.footerAdd {
  margin: 0px 0;
}

.footerAdd p {
  line-height: 28px;
  max-width: 350px;
  font-size: 15px;
  color: #858585;
}

.footerAdd p a {
  color: #858585;
}

.footerAdd p a:hover {
  color: #d42835;
}

.secondList::-webkit-scrollbar {
  width: 3px;
}

.secondList::-webkit-scrollbar-track {
  background: rgba(232, 232, 232, 1);
}

.secondList::-webkit-scrollbar-thumb {
  background: #d42835;
}

.indeideBanner {
  position: relative;
}

.indeideBanner img {
  display: block;
  width: 100%;
  height: 400px;
}

.inBannerText {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.inBannerText h2 {
  font-size: 2.91vw;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 25px;
}

.inBannerText p {
  font-size: 18px;
  color: #ffffff;
}

.productPage {
  padding: 4.1vw 0 5.2vw;
}

.proMenu {
  width: 350px;
  background: #fbfbfb;
  padding: 35px;
}

.proSearch {
  margin-bottom: 40px;
  background: #ffffff;
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #c5c6ca;
  border-radius: 3px;
}

.proSearch button {
  background: url(../images/proSearch.png) center no-repeat;
  display: block;
  width: 44px;
  border: none;
  outline: none;
  cursor: pointer;
}

.proSearch input {
  border: none;
  outline: none;
  flex: 1;
  background: none;
}

.nameList p {
  border-bottom: 1px solid #e6e6e6;
  padding-right: 16px;
  transition: all 0.3s;
  line-height: 44px;
  position: relative;
}

.nameList p a {
  transition: all 0.5s;
  color: #222222;
  font-size: 16px;
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nameList p i {
  transition: all 0.5s;
  background: url(../images/proIcon2.png) center no-repeat;
  width: 7px;
  height: 11px;
}

.nameList p:hover i,
.nameList p.cur i {
  background: url(../images/proIcon1.png) center no-repeat;
}

.nameList p:hover,
.nameList p.cur {
  padding-left: 20px;
}

.nameList p::after {
  content: '';
  top: 0;
  position: absolute;
  width: 0;
  left: 0;
  height: 100%;
  transition: all 0.5s;
  background: #d42835;
}

.nameList p:hover::after,
.nameList p.cur::after {
  width: 100%;
}

.nameList p:hover a,
.nameList p.cur a {
  color: #ffffff;
}

.productDetail {
  width: calc(100% - 425px);
}

.detailTitle {
  margin-bottom: 30px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  line-height: 94px;
  border-bottom: 1px solid #e5e5e5;
}

.detailTitle p {
  font-weight: bold;
  font-size: 32px;
  color: #222222;
}

.productPageCont {
  display: flex;
  justify-content: space-between;
}

.detailTitle img {
  display: block;
  height: 50px;
}

.detailInt div {
  line-height: 2;
  font-size: 16px;
  color: #222222;
}

.detailInt p {
  line-height: 2;
  font-size: 16px;
  color: #222222;
}

.detailInt p a {
  color: #222222;
}

.detailInt p a:hover {
  color: #d42835;
}

.detailInt a.more {
  margin-top: 40px;
}

.applicationList ul {
  gap: 4vw;
  display: flex;
}

.applicationList .appIcon {
  margin-bottom: 20px;
  display: block;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.applicationList .appIcon img {
  max-height: 100%;
}

a.chatBtn {
  overflow: hidden;
  background: #d42835;
  gap: 14px;
  align-items: center;
  border-radius: 48px;
  display: inline-flex;
  justify-content: center;
  box-sizing: border-box;
  line-height: 48px;
  position: relative;
  border: 1px solid #d42835;
  font-size: 16px;
  color: #ffffff;
  padding: 0 30px;
}

a.chatBtn i {
  transition: all 0.5s;
  display: block;
  background: url(../images/mailIcon.png) center no-repeat;
  width: 18px;
  height: 14px;
  position: relative;
  z-index: 2;
}

a.chatBtn b {
  transition: all 0.5s;
  position: relative;
  z-index: 2;
}

a.chatBtn::after {
  content: '';
  transition: all 0.5s;
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background: #ffffff;
}

a.chatBtn:hover::after {
  width: 100%;
}

a.chatBtn:hover b {
  color: #d42835;
}

a.chatBtn:hover i {
  transform: rotate(360deg);
  background: url(../images/mailIconon.png) center no-repeat;
}

.detailAside {
  margin-bottom: 40px;
}

/**/
.proDetailPage {
  border-radius: 26px 26px 0 0;
  margin: -84px auto 0;
  background: #ffffff;
  position: relative;
  z-index: 2;
  padding: 24px 70px;
}

.proName {
  margin-bottom: 48px;
  text-align: center;
  font-weight: bold;
  font-size: 48px;
  color: #222222;
  line-height: 90px;
}

.proName span {
  font-weight: bold;
  color: #d42835;
  margin-right: 18px;
}

.tagDesc {
  margin-bottom: 2.8vw;
  font-size: 16px;
  color: #333333;
  line-height: 38px;
}

.intList li {
  margin-bottom: 4vw;
  gap: 74px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.intPic {
  width: 38vw;
}

.intPic img {
  display: block;
  width: 100%;
}

.intText {
  flex: 1;
}

.intList li:nth-child(2n) .intPic {
  order: 1;
}

.intList li:last-child {
  margin-bottom: 0;
}

.intText h2 {
  font-size: 26px;
  font-weight: bold;
  color: #222222;
  line-height: 1.5;
  margin-bottom: 18px;
}

.intText p {
  margin-bottom: 32px;
  font-size: 16px;
  color: #999999;
  line-height: 2;
}

.intText h3 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  color: #222222;
  margin-bottom: 2.08vw;
}

.cellCont {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.textCell p {
  font-weight: bold;
  font-size: 32px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 16px;
}

.textCell span {
  font-size: 20px;
  color: #ffffff;
}

.cellBanner {
  background: url(../images/cellBanner.jpg) center no-repeat;
  background-size: cover;
  padding: 80px 0;
}

.intList.container {
  margin: 5.2vw auto;
}

/**/
.majorBannerText {
  position: absolute;
  width: 1600px;
  max-width: 92%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.majorBannerText h2 {
  font-size: 2.29vw;
  color: #ffffff;
  line-height: 1.3;
}

.majorBannerText h2 span {
  font-weight: bold;
  color: #3661fd;
  margin-right: 16px;
}

.majorBannerText p {
  display: flex;
  align-items: center;
  margin-top: 4vw;
  font-size: 1.45vw;
  color: #ffffff;
}

.majorBannerText p span {
  font-weight: bold;
  font-size: 1.979vw;
  margin-right: 20px;
}

.majorBannerText p span:last-child {
  margin-right: 0;
}

.majorBannerText p span.colorBlue {
  color: #3661fd;
}

.menuChose {
  line-height: 70px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: center;
  gap: 72px;
}

.menuChose a {
  position: relative;
  display: block;
  font-size: 16px;
  color: #222222;
}

.menuChose a:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
  height: 2px;
  bottom: -1px;
  width: 0;
  background: #d42835;
}

.menuChose a.cur::after,
.menuChose a:hover::after {
  width: 100%;
}

.menuChose a.cur,
.menuChose a:hover {
  color: #d42835;
}

.majorPage {
  background: #fbfbfb;
  padding: 4vw 0 5.2vw;
}

.majorList li {
  gap: 65px;
  border-radius: 14px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  padding: 60px 70px;
}

.majorList li:nth-child(odd) .majorPic {
  order: 2
}

.majorText h2 {
  font-size: 34px;
  color: #333333;
  gap: 18px;
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.majorText p {
  margin-bottom: 2.6vw;
  line-height: 2;
  font-size: 18px;
  color: #555555;
}

.majorPic {
  width: 47%;
  overflow: hidden;
}

.majorText {
  padding-top: 2.08vw;
  flex: 1;
}

.fpage {
  text-align: center;
}

.fpage a {
  transition: all 0.3s;
  display: inline-block;
  margin: 0 5px;
  line-height: 44px;
  width: 44px;
  color: #555555;
  font-size: 16px;
  background: #ffffff;
  border-radius: 50%;
}

.fpage a.cur {
  color: #ffffff;
  background: #d42835;
}

.fpage a:hover {
  color: #d42835;
}

/**/
.contactTop {
  margin: 10.4vw auto 5.2vw;
  position: relative;
}

.contactTop::after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}

.contactArt {
  position: absolute;
  left: 0;
  top: 0;
  width: 455px;
}

.contactArt h2 {
  margin-bottom: 4.2vw;
  position: relative;
  font-weight: bold;
  font-size: 42px;
  line-height: 108px;
  color: #222222;
}

.contactArt h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 62px;
  height: 3px;
  background: #d42835;
}

.contactArt p {
  margin-bottom: 26px;
  font-size: 18px;
  color: #222222;
  line-height: 2;
}

.mapBox {
  float: right;
  width: 63.33vw;
  position: relative;
}

.mapBox img {
  display: block;
  width: 100%;
}

.mc_a1t_dian {
  position: relative;
}

.mapBox li {
  position: absolute;
}

.mapBox li:nth-child(4) a {
  flex-direction: row-reverse;
}

.mapBox li:nth-child(4) {
  right: 23.8% !important;
}

.mc_a1t_dian {
  display: block;
  width: 0;
  height: 0;
  background: #fff;
  border: 5px solid #d42835;
  border-radius: 50%;
  box-sizing: border-box;
}

.mc_a1t_dian::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(202, 20, 7, 0.2);
}

.mc_a1t_dian::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(202, 20, 7, 0.2);
}

.mc_a1t_dian::before {
  animation: boderM 3s .75s infinite;
}

.mc_a1t_dian::after {
  animation: boderM 3s infinite;
}

.mc_a1t_li2 .mc_a1t_dian {
  border: 5px solid rgb(255, 102, 0);
}

.mc_a1t_li2 .mc_a1t_dian::after {
  background: rgba(255, 102, 0, 0.2);
}

.mc_a1t_li2 .mc_a1t_dian::before {
  background: rgba(255, 102, 0, 0.2);
}

.mc_a1t_li3 .mc_a1t_dian {
  border: 5px solid rgb(88, 115, 254);
}

.mc_a1t_li3 .mc_a1t_dian::after {
  background: rgba(88, 115, 254, 0.2);
}

.mc_a1t_li3 .mc_a1t_dian::before {
  background: rgba(88, 115, 254, 0.2);
}

.mc_a1t_title {
  white-space: nowrap;
  font-weight: bold;
  font-size: 16px;
  color: #222222;
}

.mc_a1t_li1 .mc_a1t_title {
  font-weight: bold;
  font-size: 18px;
  color: #222222;
}

.mc_a1t_li1 .mc_a1t_dian {
  border: 8px solid #d42835;
}

.mc_a1t_li1 .mc_a1t_dian::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(202, 20, 7, 0.2);
}

.mc_a1t_li1 .mc_a1t_dian::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(202, 20, 7, 0.2);
}

@keyframes boderM {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0
  }

  20% {
    opacity: 1
  }

  75% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0
  }

  100% {
    opacity: 0
  }

}

.mc_a1t_a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.contactForm {
  background: #f6f6f6;
  padding: 3.645vw 0 5.729vw;
}

.formTitl {
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  position: relative;
  line-height: 108px;
}

.formTitl::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 62px;
  height: 3px;
  background: #d42835;
}

.formInfor li {
  display: flex;
  border-bottom: 1px solid #dddddd;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.halfForm {
  border-top: 1px solid #ddd;
  width: calc(50% - 40px);
}

.formInfor {
  display: flex;
  justify-content: space-between;
}

.formInfor li p {
  width: 186px;
  text-indent: 20px;
  font-size: 18px;
  color: #222222;
  line-height: 65px;
}

.formInfor li input {
  outline: none;
  border: none;
  box-sizing: border-box;
  padding: 0;
  font-size: 16px;
  background: none;
  flex: 1;
}

.formInfor li p span {
  margin-left: 8px;
  color: #d42835;
}

.halfForm textarea {
  resize: none;
  width: 100%;
  background: none;
  border: none;
  font-family: '微软雅黑';
  font-size: 16px;
  box-sizing: border-box;
  padding: 0 20px;
  height: 128px;
  outline: none;
}

.formInfor {
  margin-top: 65px;
}

.halfForm li img {
  display: block;
}

.subButton {
  display: flex;
  margin-top: 85px;
  justify-content: center;
}

.subButton button {
  cursor: pointer;
}

.newsPage {
  background: #fbfbfb;
  padding: 3.8vw 0 5.2vw;
}

.newsList li {
  transition: all 0.5s;
  gap: 3.645vw;
  border-radius: 15px;
  margin-bottom: 57px;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  padding: 52px 68px;
}

.newsImg {
  overflow: hidden;
  width: 443px;
  height: 254px;
  border-radius: 18px;
}

.newsImg img {
  transition: all 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsDesc {
  flex: 1;
  width: calc(100% - 443px - 3.645vw);
}

.newsDesc span {
  display: block;
  font-size: 16px;
  color: #555555;
  margin: 20px 0 24px;
  line-height: 1;
}

.newsDesc h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  line-height: 1;
  margin-bottom: 47px;
}

.newsDesc p {
  font-size: 16px;
  color: #555555;
  line-height: 1.3;
  margin-bottom: 47px;
}

.newsList li:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.newsList li:hover img {
  transform: scale(1.1);
}

.newsList li a.more {
  overflow: hidden;
  background: #ffffff;
  gap: 14px;
  align-items: center;
  border-radius: 48px;
  display: flex;
  justify-content: center;
  width: 150px;
  box-sizing: border-box;
  line-height: 48px;
  position: relative;
  border: 1px solid #d42835;
  font-size: 16px;
  color: #d42835;
}

.newsList li a.more i {
  transition: all 0.5s;
  display: block;
  background: url(../images/moreIcon.png) center no-repeat;
  width: 13px;
  height: 14px;
  position: relative;
  z-index: 2;
}

.newsList li a.more b {
  transition: all 0.5s;
  position: relative;
  z-index: 2;
}

.newsList li a.more::after {
  content: '';
  transition: all 0.5s;
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background: #d42835;
}

.newsList li a.more:hover::after {
  width: 100%;
}

.newsList li a.more:hover b {
  color: #ffffff;
}

.newsList li a.more:hover i {
  transform: rotate(360deg);
  background: url(../images/moreIconCur.png) center no-repeat;
}

/*详情页*/
.articleBox {
  padding: 80px 70px 65px;
  margin: -84px auto 0;
  position: relative;
  z-index: 2;
  background: #ffffff;
  border-radius: 26px 26px 0 0;
}

.articleDesc {
  margin-bottom: 26px;
  font-size: 16px;
  color: #333333;
  line-height: 36px;
}

.articleDesc h2 {
  line-height: 46px;
  margin-bottom: 26px;
  font-size: 26px;
  font-weight: bold;
  color: #222222;
}

.articleDesc p {
  margin-bottom: 26px;
  font-size: 16px;
  color: #333333;
  line-height: 36px;
}

.articleDesc img {
  max-width: 100%;
  margin: 0 auto 26px;
  display: block;
}

.articleDetail {
  float: left;
  width: calc(100% - 445px);
}

.articleTitle h2 {
  font-weight: bold;
  font-size: 48px;
  line-height: 62px;
  color: #222222;
}

.articleTag {
  margin: 40px 0 34px;
  display: flex;
  gap: 80px;
}

.articleTag span {
  font-size: 15px;
  color: #999999;
}

.aboutArticle {
  float: right;
  width: 300px;
}

.aboutArticle h3 {
  font-size: 24px;
  color: #222222;
}

.aboutArticle li span {
  line-height: 21px;
  padding: 0 7px;
  color: #1f75fe;
  font-size: 16px;
  display: inline-block;
  border: 1px solid #1f75fe;
  margin-bottom: 15px;
  border-radius: 3px;
}

.aboutArticle li h2 {
  transition: all 0.5s;
  font-size: 22px;
  font-weight: bold;
  color: #222222;
  line-height: 28px;
  margin-bottom: 42px;
}

.aboutArticle li {
  position: relative;
  margin-top: 36px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 32px
}

.aboutArticle li p {
  font-size: 15px;
  line-height: 1;
  color: #999999;
}

.aboutArticle li::after {
  content: '';
  background: #1f75fe;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 0;
  transition: all 0.5s;
}

.aboutArticle li:hover::after {
  width: 100%;
}

.aboutArticle li:hover h2 {
  color: #1f75fe;
}

.articlePage {
  border-top: 1px solid #e9e9e9;
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pageLink {
  max-width: calc(100% - 140px);
}

.pageLink p {
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  color: #222222;
  line-height: 38px;
}

.backMenu {
  overflow: hidden;
  padding: 0 34px 0 38px;
  border: 1px solid #d42835;
  border-radius: 54px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  line-height: 54px;
}

.backMenu::after {
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  background: #d42835;
  transition: all 0.5s;
}

.backMenu:hover::after {
  width: 100%;
}

.backMenu span {
  font-size: 16px;
  color: #d42835;
  position: relative;
  z-index: 2;
  transition: all 0.5s;
}

.backMenu:hover span {
  color: #ffffff;
}

.backMenu i {
  position: relative;
  z-index: 2;
  background: url(../images/refuseRed.png) center no-repeat;
  width: 14px;
  height: 16px;
  display: block;
  transition: all 0.5s;
}

.backMenu:hover i {
  transform: rotate(360deg);
  background: url(../images/refuse.png) center no-repeat;
}

.articleTitle {
  margin-bottom: 40px;
  border-bottom: 1px solid #e9e9e9;
}

.pageLink p a {
  transition: all 0.5s;
  font-size: 15px;
  color: #222222;
}

.pageLink p a:hover {
  color: #1f75fe;
}

/**/
.jobAbout {
  padding: 2.6vw 0 8.85vw;
  background: url(../images/jobBg1.jpg) center no-repeat;
  background-size: cover;
}

.aboutPic {
  max-width: 100%;
  width: 902px;
}

.aboutPic img {
  display: block;
  width: 100%;
}

.aboutDesc {
  position: absolute;
  right: 0;
  bottom: 60px;
  width: 773px;
}

.aboutCont {
  position: relative;
}

.aboutDesc .swiper-slide {
  border-radius: 8px;
  background: #ffffff;
  padding: 43px 47px;
}

.aboutDesc .swiper-slide p {
  font-size: 16px;
  color: #222222;
  line-height: 2.25;
}

.intIcon {
  position: absolute;
  display: block;
  right: 16px;
  top: -40px;
  z-index: 2;
}

.aboutCont .swiper-pagination {
  display: flex;
  background: #e4e4e4;
  bottom: -75px;
}

.aboutCont .swiper-pagination span {
  background: none;
  width: auto;
  flex: 1;
  border-radius: 0;
  margin: 0 !important;
  height: 4px;
}

.aboutCont .swiper-pagination span.swiper-pagination-bullet-active {
  background: #d42835;
}

.jobCont {
  position: relative;
  padding: 8.75vw 0 3.645vw;
}

.jobBar {
  background: #ffffff;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 55px 4vw 75px;
  position: relative;
  z-index: 2;
}

.jobCont::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 72%;
  background: url(../images/jobBg2.jpg) center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.jobSearch {
  margin-top: 45px;
  display: flex;
  justify-content: center;
  gap: 16px;
  padding: 20px 0;
  background: #f9f9f9;
}

.selectSearch {
  border-radius: 56px;
  position: relative;
  width: 310px;
  background: #ffffff;
}

.selectSearch select {
  display: block;
  transition: all 0.3s;
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 56px;
  padding-left: 32px;
  font-size: 16px;
  color: #999999;
  outline: none;
  border: 1px solid #ffffff;
  border-radius: 56px;
  background: none;
  appearance: none;
}

.selectSearch::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 8px;
  background: url(../images/aboutIcon3.png) center no-repeat;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
}

.selectSearch select:focus,
.inputSearch input:focus {
  border: 1px solid #d42835;
}

.inputSearch {
  position: relative;
  width: 310px;
}

.inputSearch input {
  display: block;
  background: #ffffff;
  transition: all 0.3s;
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 56px;
  padding-left: 32px;
  font-size: 16px;
  color: #999999;
  outline: none;
  border: 1px solid #ffffff;
  border-radius: 56px;
}

.inputSearch button {
  position: absolute;
  background: url(../images/aboutIcon2.png) center no-repeat;
  right: 30px;
  width: 17px;
  height: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  top: 0;
}

.jubList ul {
  margin: 40px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.jubList li a {
  line-height: 68px;
  padding: 0 45px 0 68px;
  display: flex;
  justify-content: space-between;
}

.jubList li {
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 5px;
  width: calc(50% - 10px);
  background: url(../images/aboutIcon4.png) 31px center no-repeat;
}

.jubList li p {
  font-size: 18px;
  transition: all 0.3s;
  font-weight: bold;
  color: #333333;
}

.jubList li span {
  font-size: 16px;
  color: #333333;
}

.jubList li:hover p {
  color: #d42835;
}

.descJob {
  text-align: center;
  font-size: 16px;
  color: #555555;
}

.aboutCont {
  margin-top: 2.6vw;
}

.welfareList {
  margin: 5.2vw auto 2vw;
}

.welfareList ul {
  padding: 0 3.645vw;
  display: flex;
  justify-content: space-between;
}

.welfareList li {
  text-align: center;
}

.welfareList li img {
  display: block;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  transition: all 0.5s;
}

.welfareList li p {
  font-size: 18px;
  color: #222222;
}

.welfareList li:hover img {
  transform: rotateY(360deg);
}

.welfareIcon {
  margin-bottom: 32px;
  position: relative;
}

.welfareIcon::after {
  content: '';
  transition: all 0.5s;
  transform: scale(0);
  position: absolute;
  left: 50%;
  top: -22px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #d42835;
}

.welfareList li:hover .welfareIcon::after {
  transform: scale(1);
}

.welfareSwiper .swiper-slide {
  transition: all 0.5s;
  opacity: .5;
  position: relative;
  padding: 80px 0;
}

.welfareNotice {
  opacity: 0;
  transition: all 0.5s;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}

.welfareNotice p {
  font-size: 20px;
  color: #222222;
}

.welfareNotice span {
  font-size: 14px;
  color: #999999;
}

.welfareSwiper .swiper-slide-active .welfareNotice {
  opacity: 1;
}

.welfareSwiper .swiper-slide-active {
  opacity: 1;
  z-index: 2;
  transform: scale(1.1);
}

.welfareSwiper {
  margin-bottom: 5.2vw;
}

.welfareSwiper .swiper-button-prev {
  transition: all 0.3s;
  color: #535250;
  left: 25%;
}

.welfareSwiper .swiper-button-prev::after {
  font-size: 30px;
  font-weight: bold;
}

.welfareSwiper .swiper-button-next {
  color: #535250;
  right: 25%;
}

.welfareSwiper .swiper-button-next::after {
  font-size: 30px;
  font-weight: bold;
}

.swiper-button-prev,
.swiper-button-next {
  outline: none;
  transition: all 0.3s;
}

.welfareSwiper .swiper-button-prev:hover,
.welfareSwiper .swiper-button-next:hover {
  color: #d42835;
}

.aboutIntroduce {
  padding: 4.8vw 0 8.958vw;
  background: url(../images/earth.jpg) center bottom no-repeat;
}

.aboutIntroduce img {
  width: 41vw;
  margin: 0 0 35px 65px;
}

.aboutIntroduce h2,
.history h2 {
  margin-top: 10px;
  font-size: 42px;
  margin-bottom: 45px;
  position: relative;
  font-weight: bold;
  line-height: 2.38;
}

.aboutIntroduce h2::after,
.history h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 62px;
  height: 3px;
  background: #d42835;
}

.aboutIntroduce {
  margin-bottom: 20px;
  font-size: 18px;
  color: #555555;
  line-height: 2;
}

.aboutIntroduce p {
  font-size: 18px;
  color: #555555;
  line-height: 2;
}

.companyData {
  margin-top: 4.16vw;
}

.companyData ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.companyData li h3 {
  line-height: 1;
  font-size: 2.444vw;
  color: #d42835;
}

.companyData li i {
  display: block;
  font-style: normal;
  font-size: 15px;
  color: #999999;
}

.companyData li b {
  font-size: 15px;
  color: #555555;
}

.companyData li {
  flex: 1;
  border-right: 1px solid #dddddd;
}

.companyData li:last-child {
  border: none;
}

.cluture img {
  display: block;
  width: 100%;
}

.clutureSwiper {
  border-radius: 14px;
  padding: 240px 80px 140px;
  width: 100%;
  position: absolute;
  top: 140px;
  left: 0;
}

.cluture .container {
  position: relative;
}

.clutureSwiper p {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 16px;
  color: rgba(255, 255, 255, .68);
}

.clutureSwiper span {
  display: block;
  margin-bottom: 35px;
  color: #ffffff;
  font-size: 24px;
  line-height: 170%
}


.clutureControl {
  gap: 8px;
  bottom: 54px;
  position: absolute;
  display: flex;
  align-items: center;
}

.clutureControl div {
  color: #ffffff;
  border-radius: 50%;
  transition: all 0.3s;
  width: 40px;
  height: 40px;
  position: static;
  border: 1px solid #ffffff;
}

.clutureControl div::after {
  font-size: 14px;
}

.clutureControl div:hover {
  background: #ffffff;
  color: #d42835;
}

.history {
  padding: 4.16vw 0 6.25vw;
  background: url(../images/aboutPic3.jpg) center no-repeat;
  background-size: cover;
}

.timeLine {
  margin-top: 5.2vw;
  margin-bottom: 25px;
  background: url(../images/timeLine.png) center no-repeat;
  height: 9px;
}

.timeChose .swiper-slide {
  cursor: pointer;
  line-height: 60px;
  font-size: 18px;
  color: #222222;
  width: auto;
}

.timeChose .swiper {
  width: 100%;
}

.timeChose .swiper-slide.cur {
  background: url(../images/timeAct.png) center no-repeat;
}

.historySlide h3 {
  font-size: 4.16vw;
  color: #d42835;
  line-height: 1;
  margin-bottom: 40px;
}

.historyList {
  margin-top: 4.42vw;
}

.historySlide li p {
  font-size: 18px;
  color: #999999;
  margin-bottom: 20px;
}

.historySlide li span {
  font-size: 24px;
  color: #222222;
}

.historySlide li:not(:last-child) {
  margin-bottom: 45px;
}

.honorTit {
  text-align: center;
  margin-top: 10px;
  font-size: 42px;
  margin-bottom: 45px;
  position: relative;
  font-weight: bold;
  line-height: 100px;
}

.honorTit::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 62px;
  height: 3px;
  background: #d42835;
}

.honor .welfareSwiper .swiper-slide {
  border-radius: 28px;
  padding: 0;
  background-size: cover;
}

.honor .welfareSwiper .swiper-slide img {
  display: block;
  width: 100%;
}

.honor .welfareSwiper .swiper-slide-active {
  transform: scale(1.25);
}

.honor .welfareSwiper .swiper {
  padding: 60px 0;
}

.honorSlide {
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding: 30px;
}

.honor .welfareSwiper .swiper-button-prev {
  left: 20%;
}

.honor .welfareSwiper .swiper-button-next {
  right: 20%;
}

.honorPic {
  width: 17.77vw;
  border-radius: 22px;
  overflow: hidden;
}

.honorText p {
  line-height: 3.33;
  font-size: 14px;
  color: #222222;
}

.honorText p b {
  margin: 0 18px;
}

.honorText {
  flex: 1;
}

.honorPic img {
  width: 100%;
  display: block;
}

.menuEnter {
  display: none;
}

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

  .container {
    max-width: 1440px;
  }

  .honorSlide {
    padding: 20px;
    gap: 20px;
  }

  .honorText p {
    font-size: 16px;
  }
}

@media screen and (max-width: 1600px) {
  .nav>ul {
    gap: 35px;
  }

  .container {
    max-width: 1440px;
  }

  .honorText p {
    font-size: 14px;
    line-height: 2;
  }

  .appSlide h3 {
    font-size: 26px;
  }

  .newsText h2 {
    font-size: 20px;
  }
}

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

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

  .aboutIntroduce h2,
  .history h2,
  .honorTit,
  .contactArt h2,
  .formTitl,
  .articleTitle h2,
  .proName {
    font-size: 32px;
  }

  .contactArt p {
    font-size: 16px;
  }

  .mc_a1t_title {
    font-size: 14px;
  }

  .mc_a1t_a {
    gap: 5px;
  }

  .mc_a1t_li1 .mc_a1t_title,
  .formInfor li p {
    font-size: 16px;
  }

  .mc_a1t_li1 .mc_a1t_dian {
    border: 6px solid #f21407;
  }

  .container {
    max-width: 92%;
  }

  .header {
    padding: 0 3%;
  }

  .articleDetail {
    width: calc(100% - 360px);
  }

  .articleBox {
    padding: 80px 40px;
  }

  .brandText h2 {
    font-size: 30px;
    margin-bottom: 60px;
  }

  .appText h2,
  .titleCell h2 {
    font-size: 30px;
  }

  .appImg {
    width: calc(100% - 725px);
  }

  .appText li p {
    font-size: 16px;
  }

  .aboutIntroduce {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .aboutIntroduce p {
    font-size: 16px;
  }

  .aboutIntroduce img {
    margin: 0 0 20px 20px;
  }

  .formInfor li p {
    width: 160px;
  }

  .jubList li p {
    font-size: 16px;
  }

  .jubList li span {
    font-size: 14px;
  }

  .welfareList li img {
    height: 60px;
  }

  .welfareIcon {
    margin-bottom: 20px;
  }

  .welfareNotice p {
    font-size: 16px;
  }

  .majorText p {
    font-size: 16px;
  }

  .majorText h2 {
    font-size: 20px;
  }

  .intText h2 {
    font-size: 20px;
  }

  .detailTitle p {
    font-size: 26px;
  }
}

@media screen and (max-width: 1280px) {
  .nav>ul {
    gap: 20px;
  }

  .articleTitle h2 {
    font-size: 26px;
  }

  .footLink li {
    margin-right: 4vw;
  }
}


.indexTit {
  float: left;
  width: 100%;
  letter-spacing: 0.03rem;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  font-size: 40px;
  color: #222222;
}

.indexTit1 {
  color: #fff;
}

._btn {
  float: left;
}

._btnC {
  width: 100%;
  display: flex;
  justify-content: center;
}

._btn .a {
  float: left;
  background: #d42835;
  height: calc(44px + 0.26rem);
  line-height: calc(26px + 0.26rem);
  border-radius: calc(26px + 0.26rem);
  color: #fff;
  font-size: calc(12px + 0.04rem);
  padding: 0 calc(10px + 0.54rem);
  background-position: right bottom;
  transition: all .5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1px;
}

._btn .a i {
  display: block;
  width: 6px;
  height: 2px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  margin: 0 -2px 0 calc(6px + 0.06rem);
  opacity: 0.85;
}

._btn .a img {
  width: 22px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

._btn .a:hover {
  background: linear-gradient(to left, transparent 50%, #d42835 50%);
  background-size: 200% 100%;
  background-position: left bottom;
}

._News {
  padding-top: calc(24px + 1.03rem);
  padding-bottom: calc(24px + 1.2rem);
  position: relative;
}

._News .list {
  float: left;
  width: 100%;
  margin-top: calc(40px + 0.24rem);
}

._News .list ul {}

._News .list li {
  float: left;
  width: 18%;
  padding: 1%;
  margin-bottom: 24px;
}

._News .list li .la {
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 0.08rem 0.3rem 0 rgba(0, 78, 138, 0.1);
}

._News .list li .img {
  float: left;
  width: 100%;
  position: relative;
  line-height: 0;
  border-radius: 8px;
  overflow: hidden;
}

._News .list li .img img {
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

._News .list li .la:hover .img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

._News .list li .time {
  float: left;
  width: 100%;
  font-weight: bold;
  color: #d42835;
  font-size: 14px;
  line-height: 200%;
  margin: 0.26rem 0 0.1rem 0;
}

._News .list li .tit {
  float: left;
  width: 100%;
  font-weight: bold;
  color: #41403e;
  font-size: 16px;
  line-height: 200%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  padding: 14px 24px 24px 24px;
}

._News .list li .text {
  float: left;
  width: 70%;
  color: #555555;
  font-size: calc(14px + 0.02rem);
  line-height: calc(22px + 0.04rem);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 0.05rem;
  margin-left: 24px;
  margin-bottom: 14px;
  height: 46px;
}

._News .list li .ico {
  margin-left: 14px;
  margin-top: 7px;
  float: left;
  background: #d42835;
  line-height: calc(30px + 0.1rem);
  height: calc(30px + 0.1rem);
  width: calc(30px + 0.1rem);
  border-radius: calc(30px + 0.1rem);
  background-position: right bottom;
  transition: all .5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1px;
}

._News .list li .ico i {
  display: block;
  width: 6px;
  height: 2px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  margin: 0 -2px 0 2px;
  opacity: 0.85;
}

._News .list li .ico img {
  width: 22px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

._News .list li .la:hover .time {
  color: #d42835;
}

._News .list li .la:hover .tit {
  color: #d42835;
}

._News .list li .la:hover .ico {
  background: linear-gradient(to left, transparent 50%, #d42835 50%);
  background-size: 200% 100%;
  background-position: left bottom;
}

._News ._btn {
  margin-top: 44px;
}

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

@media screen and (max-width:767px) {
  ._News .list ul {
    margin: -0.2rem;
  }

  ._News .list li {
    width: 48%;
    padding: 0.2rem;
  }

  ._News .list li .ico {
    line-height: calc(26px + 0.1rem);
    height: calc(26px + 0.1rem);
    width: calc(26px + 0.1rem);
    border-radius: calc(26px + 0.1rem);
  }

  ._News .list li .ico img {
    width: 14px;
  }

  ._News .list li .la {
    padding: 0.5rem 0.5rem 0.7rem 0.5rem;
  }

  ._News .list li .time {
    margin: 0.4rem 0 0.1rem 0;
  }
}


.tyu01 {
  line-height: 200%;
  word-spacing: 7px;
  padding: 14px 0px;
  font-size: 18px;
}

.erer01 {
  position: relative;
  float: left;
  padding-left: 120px;
  margin-top: -37px;
}

.erer001 {
  position: relative;
  float: left;
  padding-left: 140px;
  margin-top: -37px;
}

.kqgkg01 {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .kqgkg02 {
    width: 48%;
    position: relative;
    float: left;
    background: #fff;
    padding: 1%;
    margin-bottom: 44px;
  }

  .kqgkg03 {
    width: 48%;
    position: relative;
    float: right;
    background: #fff;
    padding: 1%;
    margin-bottom: 44px;
  }

  .ggg06 {
    font-size: 34px;
    line-height: 170%;
    padding-top: 34px;
    font-weight: bold;
  }
}

@media screen and (max-width: 1024px) {
  .kqgkg02 {
    width: 100%;
    position: relative;
    float: left;
    background: #fff;
    padding: 1%;
    margin-bottom: 44px;
  }

  .kqgkg03 {
    width: 100%;
    position: relative;
    float: right;
    background: #fff;
    padding: 1%;
    margin-bottom: 44px;
  }

  .ggg06 {
    font-size: 20px;
    line-height: 170%;
    padding-top: 24px;
    font-weight: bold;
  }
}


.ggg01 {
  width: 48%;
  position: relative;
  float: left;
}

.ggg02 {
  width: 48%;
  position: relative;
  float: right;
}

.ggg03 {
  width: 100%;
  clear: both
}

.ggg04 {
  float: right
}

.ggg05 {
  font-size: 16px;
  line-height: 170%;
  color: #666
}



/* 人才招聘 */
.recruit {
  float: left;
  width: 100%;
  margin-top: 0px;
}

.recList {
  float: left;
  width: 100%;
  min-height: 600px;
}

.t_14 {
  float: left;
  width: 100%;
  background: #d42835;
}

.t_14 span {
  float: left;
  width: 14.114754%;
  height: 60px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding-left: 80px;
  line-height: 60px;
  color: #fff;
}

.t_14 ul {
  float: left;
  width: 74.885246%;
  padding-right: 0.638298%;
}

.t_14 ul li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 60px;
  height: 60px;
  font-weight: bold;
}

.d_14 {
  float: left;
  width: 100%;
  margin-top: 10px;
  background: #f5f5f5;
  cursor: pointer;
}

.d_14 .d_14_t {
  float: left;
  width: 20.114754%;
  display: table;
  height: 60px;
}

.d_14 .d_14_t div {
  display: table-cell;
  vertical-align: middle;
}

.d_14 .d_14_t span {
  float: left;
  width: 100%;
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
  font-size: 16px;
  padding-left: 80px;
}

.d_14 ul {
  float: left;
  width: 74.885246%;
  padding-right: 0.638298%;
  position: relative;
}

.d_14 ul li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 60px;
  height: 60px;
}

.d_14 ul i {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.638298%;
  height: 60px;
  background: url(../images/bg_14_3.png) no-repeat center;
  display: block;
  border-left: 1px solid rgba(255, 255, 255, .8);
}

.d_14.on i {
  background: url(../images/bg_14_4.png) no-repeat center;
}

.d_14.on {
  background: #d42835;
}

.d_14.on .d_14_t span {
  color: #fff;
}

.d_14.on ul li {
  color: #fff;
}

.d_14 .d_14_h {
  display: none;
  float: left;
  width: 100%;
  padding: 32px 0;
  background: #fff;
}

.d_14 .d_14_le {
  float: left;
  width: 47.340426%;
  padding-left: 80px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}

.d_14 .d_14_le .d_14_h4 {
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  color: #333;
  margin-bottom: 26px;
}

.d_14 .d_14_le .recBtn {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.d_14 .d_14_le a {
  float: left;
  padding: 0 27px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #d42835;
  background-size: 100%;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
}

.d_14 .d_14_le a:hover {
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
}

.d_14 .d_14_le.d_14_r {
  padding-left: 86px;
  border-left: 1px solid #e7e7e7;
  position: relative;
}

.d_14 .d_14_le.d_14_r::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 18px;
  background: #d7d7d7;
  top: 50%;
  margin-top: -9px;
  left: -1px;
}

@media screen and (max-width:1429px) {
  .d_14 .d_14_le {
    padding-left: 80px;
  }

  .d_14 .d_14_le.d_14_r {
    padding-left: 40px;
  }
}

@media screen and (max-width:1199px) {
  .t_14 span {
    padding-left: 10px;
  }

  .d_14 .d_14_t span {
    font-size: 14px;
    padding-left: 10px;
  }

  .d_14 .d_14_le {
    padding-left: 20px;
  }

  .d_14 ul li {
    font-size: 14px;
  }
}

@media screen and (max-width:991px) {
  .recruit {
    margin-top: 40px;
  }

  .t_14 {
    height: 48px;
  }

  .t_14 span,
  .t_14 ul li {
    font-size: 14px;
    line-height: 48px;
    height: 48px;
  }

  .d_14 .d_14_t {
    height: 48px;
  }

  .d_14 .d_14_t span {
    font-size: 12px;
  }

  .d_14 ul li {
    font-size: 12px;
    line-height: 48px;
    height: 48px;
  }

  .d_14 ul i {
    height: 48px;
  }

  .d_14 .d_14_le.d_14_r {
    padding-left: 20px;
  }

  .d_14 .d_14_le.d_14_r .d_14_h4 {
    padding-left: 20px;
  }

  .d_14 .d_14_le a {
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    font-size: 14px;
  }
}

@media screen and (max-width:767px) {
  .recruit {
    margin-top: 0px;
  }

  .recList {
    min-height: 400px;
  }

  .t_14 {
    display: none;
  }

  .d_14 .d_14_t {
    width: 80%;
  }

  .d_14 .d_14_t span {
    font-size: 14px;
  }

  .d_14 ul {
    width: 17%;
  }

  .d_14 ul i {
    width: 100%;
  }

  .d_14 ul li {
    display: none;
  }

  .d_14 .d_14_h {
    padding: 14px 0;
  }

  .d_14 .d_14_le {
    width: 100%;
    padding-top: 10px;
    padding: 10px 15px 0 15px;
  }

  .d_14 .d_14_le .d_14_h4 {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .d_14 .d_14_le.d_14_r {
    margin-left: 0;
  }

  .d_14 .d_14_le a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-top: 19px;
    margin-left: 0;
  }

  .d_14 .d_14_le.d_14_r {
    padding-left: 15px;
    border: 0;
  }

  .d_14 .d_14_le.d_14_r .d_14_h4 {
    padding-left: 0;
  }

  .d_14 .d_14_le.d_14_r::before {
    display: none;
  }
}

.fdfd01 {
  color: #fff;
}


/* 客户案例 */
.case {
  float: left;
  width: 100%;
  margin-top: 42px;
}

.case_m {
  float: left;
  width: 100%;
  margin-top: 0px;
}

.caseLe {
  float: left;
  width: 23%;
  background: #f8f8f8;
  position: relative;
  border-top: 3px solid #f00;
  padding: 5px 0;
  margin-bottom: 30px;
}

.caseLe ul {
  float: left;
  width: 100%;
  padding: 0 20px 85px 20px;
}

.caseLe ul::after {
  position: absolute;
  content: "";
  background: url(images/case01.png) no-repeat;
  width: 15px;
  height: 15px;
  bottom: 0;
  right: 0;
}

.caseLe ul li {
  float: left;
  width: 100%;
  padding-left: 20px;
  position: relative;
}

.caseLe ul li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  background: url(images/case02.png) no-repeat;
  width: 6px;
  height: 11px;
  margin-top: -5px;
}

.caseLe ul li a {
  float: left;
  width: 100%;
  border-bottom: 1px dotted #d3d3d3;
  display: block;
  line-height: 30px;
  padding: 20px 0;
  font-size: 16px;
  color: #666;
}

.caseLe ul li.on a,
.caseLe ul li a:hover {
  color: #f00;
}

.case_r {
  width: 100%;
  margin-top: -30px;
}

.case_r .homeCaseList {
  margin-top: 0;
}

.case_r .homeCaseList ul {
  margin: 0 -29px;
}

.case_r .homeCaseList ul li {
  width: 50%;
  padding: 0 29px;
}

@media screen and (max-width:991px) {
  .caseLe {
    width: 28%;
  }

  .caseLe ul {
    padding: 0 15px 50px 15px;
  }

  .caseLe ul li a {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
  }

  .case_r {
    width: 70%;
    margin-top: -20px;
  }

  .case_r .homeCaseList ul {
    margin: 0 -15px;
  }

  .case_r .homeCaseList ul li {
    width: 50%;
    padding: 0 15px;
  }
}

@media screen and (max-width:767px) {
  .case {
    margin-top: 20px;
  }

  .case_m {
    margin-top: 25px;
  }

  .caseLe {
    width: 100%;
  }

  .caseLe ul {
    padding: 0 15px 20px 15px;
    display: none;
  }

  .caseLe ul::after {
    display: none;
  }

  .caseLe ul li a {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
  }

  .case_r {
    width: 100%;
  }

  .case_r .homeCaseList ul {
    margin: 0 -5px;
  }

  .case_r .homeCaseList ul li {
    width: 50%;
    padding: 0 5px;
  }
}



/* 解决方案 */
.solution {
  float: left;
  width: 100%;
  margin-top: 42px;
}

.soluList {
  float: right;
  width: 100%;
  margin-top: -20px;
}

.soluList ul {
  margin: 0 -36px;
}

.soluList ul li {
  float: left;
  width: 20%;
  padding: 14px 36px;
  margin-top: 50px;
  border-bottom: 0;
}

.soluList ul li a {
  float: left;
  width: 100%;
  display: block;
  padding-bottom: 27px;
  min-height: 340px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.soluList .soluPic {
  float: left;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.soluList .soluPic img {
  float: left;
  width: 100%;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.soluList .solu_h {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(8, 112, 173, .5) url(../00images/sol02.png) no-repeat center;
  filter: alpha(opacity=00);
  opacity: 0;
}

.soluList ul li a h4 {
  float: left;
  width: 100%;
  line-height: 28px;
  height: 28px;
  margin-top: 26px;
  color: #666;
  font-size: 16px;
}

.soluList ul li a .soluTxt {
  float: left;
  width: 100%;
  line-height: 24px;
  height: 48px;
  margin-top: 10px;
  color: #999;
  font-size: 14px;
  overflow: hidden;
}

.soluList ul li a span {
  float: left;
  width: 100%;
  line-height: 30px;
  height: 34px;
  margin-top: 8px;
  padding-top: 2px;
  color: #999;
  font-size: 14px;
  display: block;
  border-top: 1px solid #fff;
}

.soluList ul li a:hover .solu_h {
  filter: alpha(opacity=100);
  opacity: 1;
}

.soluList ul li a:hover h4 {
  color: #d42835;
}

.soluList ul li a:hover span {
  color: #d42835;
  border-color: #e5e5e5;
}

@media screen and (max-width:1429px) {
  .soluList ul li a {
    min-height: 412px;
  }
}

@media screen and (max-width:1199px) {
  .solution .caseLe {
    width: 25%;
  }

  .soluList {
    margin-top: 0;
  }

  .soluList ul {
    margin: 0 -15px;
  }

  .soluList ul li {
    padding: 0 15px;
    margin-top: 30px;
  }

  .soluList ul li a {
    min-height: 380px;
  }
}

@media screen and (max-width:991px) {
  .solution .caseLe {
    width: 25%;
  }

  .soluList ul li a {
    min-height: 309px;
    padding-bottom: 15px;
  }

  .soluList ul li a h4 {
    line-height: 28px;
    height: 28px;
    margin-top: 15px;
  }

  .soluList ul li a:hover {
    padding: 15px;
  }
}

@media screen and (max-width:767px) {
  .solution {
    margin-top: 25px;
  }

  .solution .caseLe {
    width: 100%;
  }

  .soluList ul {
    margin: 0 -8px;
  }

  .soluList ul li {
    padding: 0 8px;
    margin-top: 16px;
  }

  .soluList ul li a {
    min-height: inherit;
    padding-bottom: 15px;
  }

  .soluList .solu_h {
    background-size: 30px;
  }

  .soluList ul li a h4 {
    line-height: 24px;
    height: 24px;
    margin-top: 10px;
    font-size: 14px;
  }

  .soluList ul li a .soluTxt {
    line-height: 20px;
    height: 40px;
    margin-top: 5px;
    font-size: 12px;
  }

  .soluList ul li a span {
    line-height: 20px;
    height: 22px;
    margin-top: 5px;
    font-size: 12px;
  }

  .soluList ul li a:hover {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .soluList ul li a:hover span {
    color: #d42835;
    border-color: #fff;
  }
}



/* 帮助中心-资料下载 */
.download {
  float: left;
  width: 100%;
  margin-top: 42px;
}

.download ul {
  float: left;
  width: 100%;
  margin-top: 12px;
}

.download ul li {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.download ul li a {
  float: left;
  width: 100%;
  display: block;
  border: 1px solid #e9e9e9;
  padding: 20px 54px 20px 92px;
  position: relative;
}

.download ul li i {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 92px;
  display: block;
}

.download ul li i img {
  float: left;
  width: 100%;
  display: block;
}

.download ul li i .img02 {
  position: absolute;
  left: 0;
  top: 0;
  filter: alpha(opacity=00);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.download .downloadTit {
  float: left;
  width: 27.113238%;
  padding: 4px 20px 4px 40px;
  border-right: 1px solid #e9e9e9;
}

.download .downloadTit h4 {
  float: left;
  width: 100%;
  line-height: 36px;
  height: 36px;
  font-size: 16px;
  color: #333;
}

.download .downloadTit span {
  float: left;
  width: 100%;
  line-height: 21px;
  height: 21px;
  font-size: 12px;
  color: #888;
  display: block;
  padding-left: 18px;
  background: url(../images/load01.png) no-repeat left;
}

.download .downloadIntr {
  float: right;
  width: 69.218501%;
  line-height: 24px;
  height: 48px;
  font-size: 14px;
  color: #555;
  margin-top: 6px;
  overflow: hidden;
}

.download ul li a:hover i .img02 {
  filter: alpha(opacity=100);
  opacity: 1;
}

.download ul li a:hover .downloadTit h4 {
  color: #d42835;
}

.download ul li a:hover {
  -webkit-box-shadow: 1px 2px 20px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 2px 20px rgba(0, 0, 0, .2);
  box-shadow: 1px 2px 20px rgba(0, 0, 0, .2);
}

@media screen and (max-width:1429px) {
  .download ul li a {
    padding: 20px 30px 20px 92px;
  }

  .download .downloadTit {
    width: 32%;
  }

  .download .downloadIntr {
    width: 65%;
  }
}

@media screen and (max-width:1199px) {
  .download ul li a {
    padding: 20px 30px 20px 92px;
  }

  .download .downloadTit {
    width: 32%;
    padding: 4px 20px 4px 20px;
  }

  .download .downloadIntr {
    width: 65%;
  }
}

@media screen and (max-width:991px) {
  .download ul li a {
    padding: 10px 20px 10px 62px;
  }

  .download ul li i {
    width: 65px;
  }

  .download .downloadTit {
    width: 32%;
    padding: 4px 20px 4px 20px;
  }

  .download .downloadTit h4 {
    line-height: 26px;
    height: 26px;
    font-size: 14px;
  }

  .download .downloadTit span {
    line-height: 20px;
    height: 20px;
    padding-left: 16px;
  }

  .download .downloadIntr {
    width: 65%;
    margin-top: 3px;
  }
}

@media screen and (max-width:767px) {
  .download ul li {
    margin-top: 15px;
  }

  .download ul li a {
    padding: 10px 15px;
  }

  .download ul li i {
    width: 40px;
    left: 15px;
    top: 14px;
  }

  .download .downloadTit {
    width: 100%;
    padding: 4px 0 8px 50px;
    border-right: 0;
    border-bottom: 1px solid #e9e9e9;
  }

  .download .downloadTit h4 {
    line-height: 26px;
    height: 26px;
    font-size: 14px;
  }

  .download .downloadTit span {
    line-height: 20px;
    height: 20px;
    padding-left: 16px;
  }

  .download .downloadIntr {
    width: 100%;
    margin-top: 8px;
    line-height: 24px;
    max-height: 96px;
    height: auto;
    font-size: 13px;
  }
}



@media screen and (min-width: 1024px) {
  .price {
    background: #fff;
    padding: 1em;
    padding-top: 30px;
  }

  .price span {
    text-align: center;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    color: #333;
  }
}

@media screen and (max-width: 1024px) {
  .price {
    background: #fff;
    padding: 1em;
    padding-top: 0px;
  }

  .price span {
    text-align: center;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    color: #333;
  }
}


.kgkg01 {
  width: 100%;
}

.kgkg02 {
  width: 68%;
  position: relative;
  float: left;
}

.kgkg03 {
  width: 28%;
  position: relative;
  float: right;
}


.datalist dl {
  margin: 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
  transition: all .3s ease-in-out
}

.datalist dl:hover {
  background: #f6f7fb
}

.datalist dl.active {
  background: #f6f7fb
}

.datalist dl.active dt {
  color: #29abe2
}

.datalist dl.active dt .t-switch:after {
  opacity: 0
}

.datalist dl.active dd {
  height: auto;
  padding: 0 40px 20px 40px
}

.datalist dl dt,
.datalist dl dd {
  position: relative;
  padding: 15px 40px;
  line-height: 1.8em;
  transition: all .3s ease-in-out
}

.datalist dl dt {
  font-size: 1.2rem;
  font-weight: normal;
  cursor: pointer
}

.datalist dl dt .fa {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%)
}

.datalist dl dt .t-switch {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  opacity: .5
}

.datalist dl dt .t-switch:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 100%;
  height: 1px;
  background: #000
}

.datalist dl dt .t-switch:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  height: 100%;
  width: 1px;
  background: #000;
  transition: all .3s ease-in-out
}

.datalist dl dd {
  height: 0;
  padding: 0 40px;
  overflow: hidden
}

.datalist dl dt {
  cursor: auto
}

.datalist dl dt a {
  display: block
}

.datalist dl dt .fa-arrow-circle-down {
  position: absolute;
  right: 15px;
  left: auto;
  opacity: .7
}

.ty01 {
  width: 100% !important;
  margin: 0px;
  padding: 0px;
  height: 54px;
  line-height: 54px;
  border: 0px;
}

.ty02 {
  background: rgba(212, 40, 53, .94);
  width: 31.33%;
  float: left;
  position: relative;
  border-radius: 14px;
  margin: 1%;
  padding: 24px;
}

.ty02:hover {
  background: rgba(137, 9, 19, .84);
  width: 31.33%;
  float: left;
  position: relative;
  border-radius: 14px;
  margin: 1%;
  padding: 24px;
  color: #000;
}

.ty03 {
  font-size: 42px;
  font-weight: bold;
  color: #d42835;
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: 240px;
}


.box4 {
  padding: 0rem 0 0.9rem;
}

.box4 .li-box {
  margin-top: 1.65rem;
  display: flex;
  flex-wrap: wrap;
}

.box4 .li-box .li {
  width: 32%;
  height: 300px;
  margin-right: 2%;
  margin-bottom: 75px;
  border-radius: 40px;
  background-color: #F8F8F8;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 30px 30px;
}

.box4 .li-box .li:nth-child(3n) {
  margin-right: 0;
}

.box4 .li-box .li .h1 {
  color: #333333;
  transition: all .4s;
}

.box4 .li-box .li .txt {
  margin-top: 24px;
  color: #333333;
  line-height: 1.8;
  padding-right: 5px;
  overflow-y: auto;
  scrollbar-width: thin;
  /* 设置滚动条宽度 */
  scrollbar-color: #888 #f1f1f1;
  /* 设置滑块颜色和轨道颜色 */
}

.box4 .li-box .li .txt::-webkit-scrollbar {
  width: 2px;
}

.box4 .li-box .li .num {
  position: absolute;
  bottom: .5rem;
  right: 1rem;
  height: 30px !important;
  display: flex;
  align-items: baseline;
  color: #111;
}

.box4 .li-box .li .num span {
  color: #333;
  transition: all .4s;
}

.box4 .li-box .li .num div {
  opacity: .2;
  margin: 0 2px;
}

.box4 .li-box .li .num p {
  font-size: 8px;
}

.box4 .li-box .li .pos-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all .4s;
}

.box4 .li-box .li .pos-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.box4 .li-box .li:hover .h1 {
  color: var(--logoColor);
}

.box4 .li-box .li:hover .pos-bg {
  opacity: 1;
}

.box4 .li-box .li:hover .num span {
  color: var(--logoColor);
}

.tit-16 {
  font-size: 16px;
}

.ty003 {
  width: 64px;
  height: 4px;
  background: #d42835;
  margin: 40px auto;
}

.ty004 {
  clear: both;
  color: #ccc;
}


.ban {
  width: 500px;
  height: 600px;
  position: relative;
  overflow: hidden;
  margin: 0px auto 0 auto;
}

.ban2 {
  width: 500px;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.ban2 ul {
  position: absolute;
  left: 0;
  top: 0;
}

.ban2 ul li {
  width: 500px;
  height: 500px;
}

.prev {
  float: left;
  cursor: pointer;
}

.num {
  height: 82px;
  overflow: hidden;
  width: 430px;
  position: relative;
  float: left;
}

.min_pic {
  padding-top: 10px;
  width: 500px;
}

.num ul {
  position: absolute;
  left: 0;
  top: 0;
}

.num ul li {
  width: 80px;
  height: 80px;
  margin-right: 5px;
  padding: 1px;
}

.num ul li.on {
  border: 1px solid red;
  padding: 0;
}

.prev_btn1 {
  width: 16px;
  text-align: center;
  height: 18px;
  margin-top: 40px;
  margin-right: 20px;
  cursor: pointer;
  float: left;
}

.next_btn1 {
  width: 16px;
  text-align: center;
  height: 18px;
  margin-top: 40px;
  cursor: pointer;
  float: right;
}

.prev1 {
  position: absolute;
  top: 220px;
  left: 20px;
  width: 28px;
  height: 51px;
  z-index: 9;
  cursor: pointer;
}

.next1 {
  position: absolute;
  top: 220px;
  right: 20px;
  width: 28px;
  height: 51px;
  z-index: 9;
  cursor: pointer;
}

.mhc {
  background: #000;
  width: 100%;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(Opacity=50);
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.pop_up {
  width: 500px;
  height: 500px;
  padding: 10px;
  background: #fff;
  position: fixed;
  -position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -255px;
  margin-top: -255px;
  display: none;
  z-index: 99;
}

.pop_up_xx {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -40px;
  right: 0;
  cursor: pointer;
}

.pop_up2 {
  width: 500px;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.pop_up2 {
  width: 500px;
  height: 500px;
  position: relative;
  overflow: hidden;
  float: left;
}

.pop_up2 ul {
  position: absolute;
  left: 0;
  top: 0;
}

.pop_up2 ul li {
  width: 500px;
  height: 500px;
  float: left;
}