.hjtindexleft {
  width: auto;
  height: auto;
}
.hjtindexleftone,
.hjtindexrightone {
  width: 728px;
  height: 700px;
}

.buildingm {
  width: 545px;
  height: 140px;
  position: absolute;
}
.clothing,
.mininng,
.electro {
  width: 175px;
  height: 288px;
  position: absolute;
  writing-mode: tb;
}
.food,
.kitch {
  width: 175px;
  height: 140px;
  position: absolute;
  top: 21.2%;
}
.hjtindexleftone {
  position: relative;
}
.clothing {
  right: 0;
}
.mininng {
  top: 21%;
}
.food {
  right: 25.4%;
}
.kitch {
  left: 25.3%;
}
.electro {
  left: 25.3%;
  top: 42.4%;
}
.medical {
  position: absolute;
  width: 360px;
  height: 140px;
  top: 42.4%;
  right: 0;
}
.promotion {
  position: absolute;
  width: 175px;
  height: 140px;
  top: 63.7%;
  right: 25.4%;
}
.others {
  position: absolute;
  right: 0;
  width: 175px;
  height: 140px;
  top: 63.7%;
}
.machinery {
  position: absolute;
  width: 175px;
  height: 140px;
  top: 63.7%;
}
.pet {
  position: absolute;
  width: 175px;
  height: 140px;
  top: 85%;
}
.packaginng {
  width: 545px;
  height: 140px;
  position: absolute;
  bottom: -5%;
  left: 25.3%;
}
.hjtindexlefta {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: white;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.hjtindexlefta span {
  font-weight: bold;
  position: absolute;
}
.hjtindexlefta:hover {
  color: #8bc34a;
  transition: all 0.2s;
}
.hjtindexright {
  width: auto;
  height: auto;background: #f9f9f9;
}
.hjtindexrightone {
  height: 734px;
}
@media screen and (max-width:1500px){
.hjtindexrightone {
  height: 500px;
    width: 100%;
}
}
.hjtindex-Internationalboxcont {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.aboutconp {
  font-size: 18px;
  color: #5e5959;
  text-indent: 2em;
  padding: 20px;
}
.abouttitl {
  font-size: 42px;
  color: #8bc34a;
  margin-left: 20px;
  border-bottom: 3px solid;
}
.aboutbut {
  float: right;
  padding-right: 20px;margin-bottom: 20px;
}
.butm {
  background: #fff;
  border: 1px solid #8bc34a;
  width: 150px;
  color: #8bc34a;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 16px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.butm:hover {
  background-color: #8bc34a;
  color: #333d33;
}
.hjtindexrightp {
  padding: 52px 20px;
}
.electro span {
  height: 140px;
}
.swiperhjtindex {
  display: none;
}
@media screen and (max-width: 769px) {
  .swiperadiv {
    display: flex;
  flex-direction: column;
  align-items: center;
}
.hjtindex-Internationalboxcont {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  overflow-x: hidden;
}
.hjtindexrightone {
  width: 100%;
}
.swiperhjtindex {
  display: block;
  margin-bottom: 20px;
}
.hjtindexleftone {
  display: none;
}
.swiperhjtindex .swiper-slide img {
  width: 100%;
  height: 100%;
}
.swiperaaa {
  display: inline-block;
  height: 100%;
  text-decoration: none;
  color: #000;
  font-size: 18px;
}
}
.hjtindexp {
  margin: 0;
}
.hjtindex-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.hjtindexp:nth-child(1) {
  font-weight: bold;
  font-size: 47px;
  font-family: 'Segoe UI black';
}
.hjtindexp:nth-child(2) {
  font-size: 27px;
}
@media screen and (min-width: 1090px) {
  .hjtindexright {
    margin-left: 30px;
}
}
@media screen and (max-width: 1320px) and (min-width: 769px) {
  .hjtindexright {
    margin-left: 0px;
}
.hjtindex-Internationalboxcont {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;margin-bottom: 70px;
}
}
.buildimgbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hjtindexlefta:hover .buildimg {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}
@media screen and (min-width:1500px){
  .hjtindex-Internationalbox {
    display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.hjtindex-title {
  margin-bottom: 100px;
}
}
@media screen and (max-width:1120px){
  .hjtindexp:nth-child(1) {
    font-weight: bold;
  font-size: 28px;
  font-family: 'Segoe UI black';
}
.hjtindexp:nth-child(2) {
  font-size: 19px;
}
.hjtindex-Internationalboxcont {
  margin-bottom: 70px;        padding-left: 50px;
}
.hjtindexrightone {
  height: 734px;
  width: auto;
}
}
.buildimg {
  height: 100%;
  width: 100%;
}
@media screen and (max-width:769px){
  .hjtindexp:nth-child(1) {
    font-weight: bold;
  font-size: 20px;
  font-family: 'Segoe UI black';
}
.hjtindexp:nth-child(2) {
  font-size: 15px;
}
}
.transformsp{
  transform: rotate(180deg)
}
.transforms{
transform: rotate(360deg)
}