body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: "FONT5";
  /* font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; */
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}

@font-face {
	font-family: 'FONT1';
	src: url('../fonts/font1.woff2');
}
@font-face {
	font-family: 'FONT2';
	src: url('../fonts/font2.woff2');
}

@font-face {
	font-family: 'FONT3';
	src: url('../fonts/font3.woff2');
}

@font-face {
	font-family: 'FONT4';
	src: url('../fonts/font4.woff2');
}
@font-face {
	font-family: 'FONT5';
	src: url('../fonts/font5.woff2');
}
@font-face {
	font-family: 'FONT6';
	src: url('../fonts/font6.woff2');
}
@font-face {
	font-family: 'FONT7';
	src: url('../fonts/font7.woff2');
}


/* 通用回到顶部代码 */
.backTop {position: fixed;right: 2%;bottom: 10%;width: 50px;height: 50px;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .2);cursor: pointer;line-height: 50px;border-radius: 30%;z-index: 50;color: rgba(0, 0, 0, .4);text-align: center;-webkit-transition: all .5s;-webkit-transform: scale(0);opacity: 0;}
.backTop  .iconfont{font-size: 25px;}
.backTop.active {-webkit-transform: scale(1);opacity: 1;}
.backTop:hover {background-color:#A23F3F;color: #fff}


/* 超出长度文本 */
.ov1{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 1 !important;-webkit-box-orient: vertical;}
.ov2{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical;}
.ov3{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 3 !important;-webkit-box-orient: vertical;}
.ov4{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 4 !important;-webkit-box-orient: vertical;}
.ov5{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 5 !important;-webkit-box-orient: vertical;}
.ov6{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 6 !important;-webkit-box-orient: vertical;}
.ov7{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 7 !important;-webkit-box-orient: vertical;}
.ov8{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 8 !important;-webkit-box-orient: vertical;}
.ov12{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 12 !important;-webkit-box-orient: vertical;}
.ov18{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 18 !important;-webkit-box-orient: vertical;}


.content{width: 1024px;margin: auto;}
.footer_content{width: 80%;margin: auto;}
.clear::after{content: '';display: block;height: 0;clear: both;visibility: hidden;}


.h48h{background-color: #303030;text-align: center;line-height: 40px;color: #F0F0F0;font-size: 12px;}
.topLogo{background-color: #FFF7E0;padding: 10px 0;}
.logo{width: 110px;margin: auto;display: table;}
.posr{position: relative;display: flex;align-items: center;justify-content: center;}
.rightNav{float: right;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.navItem{float: left;margin-left: 20px;cursor: pointer;transition: all 0.3s;}
.navItem:hover i{color: #A23F3F;}
.navItem i{font-size: 26px;position: relative;color: #000000;}
.language{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 0.4em;}
.headerNav{background-color: #000000;color: white;padding: 20px 0;font-size: 18px;}
.navList{display: flex;align-items: center;justify-content: space-between;}
.flods{display: flex;align-items: center;}
.hNavItem{margin-left: 40px;cursor: pointer;position: relative;}
.hNavItem a{color: white;}
.flods .hNavItem:first-child{margin-left: 0;}
.hNavItem.active::after{content: '';display: block;position: absolute;width: 100%;height: 2px;background-color: white;left: 50%;transform: translateX(-50%);bottom: -5px;}


.footer{padding: 60px 0;background-image: url('../image/dibutupian.png');background-repeat: no-repeat;background-size: cover;}
.fbox1{display: flex;}
.fw_42{width: 42%;flex-shrink: 0;}
.slogan{color: white;font-size: 40px;}
.fw_auto{flex-grow: 1}
.lits{color: rgba(255, 255, 255, 0.67);font-size: 18px;font-weight: 600;}
.ulitem{margin-top: 20px;}
.lis{margin-bottom: 15px;}
.lis a{color: rgba(255, 255, 255, 1);font-size: 13px;}
.rightImgs{width: 170px;height: 170px;border-radius: 15px;overflow: hidden;flex-shrink: 0;}
.rightImgs>img{width: 100%;height: 100%;object-fit: cover;}
.foort_logo{margin-top: 77px;}
.foort_logo>img{width: 230px;}
.imslif{display: flex;align-items: center;}
.imslif a>img{width: 60px;height: 60px;cursor: pointer;}
.imslif a{margin-right: 20px;}
.addfx{display: flex;}
.addfx .liths{width: 50%;}
.fg2{align-items: end;}


@media (max-width: 1300px) {
  .footer_content{width: 1024px;margin: auto;}
  .slogan{font-size: 30px;}
  .foort_logo>img{width: 120px;}
  .imslif a>img {width: 45px;height: 45px;}
  .rightImgs {width: 125px;height: 125px;}
  .lits{font-size: 16px;}
  .lis a{font-size: 12px;}
  .lis{margin-bottom: 9px;}
  
}