.copyright {
  width: 100%;
  height: 4rem;
  background-color: #000000;
  color: #595959;
  line-height: 4rem;
  font-family: Source Han Sans CN;
  font-size: 1.19rem;
}
.imgs {
  width: 100%;
}
.loadingitem{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.header {
  width: 100%;
  height: 5rem;
  background-color: #fff;
  line-height: 5rem;
  margin-bottom: 1.2rem;
}

.h_logo {
 width: 11.38rem;
 height: 3.94rem;
}


.qj {
  width: 14rem;
  font-family: SourceHanSansCN-Normal;
  font-size: 1.5rem;
  font-weight: normal;
  color: #040000;
}

.phone {
  font-size: 1.75rem;
  color: #040000;
  font-family: Source Han Sans CN;
  font-weight: 400;
}

.video {
  width: 100%;
}

.pageli-1 {
  margin-top: 1.5rem;
  width: 45.44rem;
  height: 23.67rem;

}

.pageli-1>li {
  text-align: left;
  display: flex;
  padding: 1.8rem 0;
  line-height: 2.67rem;

}

.bannerquejia {
  width: 100%;
}
.aboutus_1{
  margin-top: 2.5rem;
}

.pageli-1-img {
  width: 2.5rem;
  height: 2.56rem;
  margin-right: .5rem;
}

.pageli-1-img3 {
  width: 1.94rem;
  height: 2.63rem;
  margin-right: .5rem;
}

.hotphone {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
}

.pageli-1-text>div {
  font-family: SourceHanSansCN-Medium;
  font-size: 2rem;
  color: #000000;
  position: relative;
  padding-bottom: 0.6rem;
  font-weight: 500;
}

.pageli-1-text>div::after {
  position: absolute;
  content: '_______';
  color: #F5D834;
  text-align: center;
  padding-top: .5rem;
}

.pageli-1-text_3::after {
  position: absolute;
  content: '___________' !important;
  color: #F5D834;
  text-align: center;
  position: absolute;
  padding-top: .5rem;
}

.about_us{
  text-align: left;
  width: 83.44rem;
  font-size: 2rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000000;
  line-height: 3.44rem;
}



.pageli-1-text>p {
  font-family: SourceHanSansCN-Normal;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 0rem;
  color: #000000;
}

.my-element {
  /* display: inline-block; */
  /* margin: 0 0.5rem; */
  animation: zoomIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
  /* don't forget to set a duration! */
}

.videoitem {
  position: relative;
}

.videotitle {
  position: absolute;
  color: #fff;
  font-family: FZDHTK--GBK1-0;
  font-size: 4rem;
  opacity: 0.8;
  top: 23%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  letter-spacing: 0.3rem;
}

/* .videplay {
  top: 35%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 4rem;
  height: 4rem;
  background-color: #ffffff;
  opacity: 0.8;
  border-radius: 50%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.3rem;
}

.videplay :hover {
  opacity: 0.7;
  cursor: pointer;
} */
.pageitem-top1rem{
  padding-top: 1rem;
}

.pageitem-2 {
  width: 100%;
  background-color: #efefef;
  padding-top: 1rem;
}

.pageli-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 4.5rem;
}

.pageli-2>li {
  margin: 1.4rem 0 2.5rem 0;
  width: 26.94rem;
  height: 20rem;
  font-family: SourceHanSansCN-Normal;
  font-size: 1.22rem;

  line-height: 2.38rem;

  color: #000000;
}

.pageli-2-title {
  font-family: SourceHanSansCN-Normal;
  font-size: 1.56rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 3.06rem;
  letter-spacing: -0.02rem;
  color: #000000;
}

.text_left {
  text-align: left;
}

.pageli-2>li>p {
  font-family: SourceHanSansCN-Normal;
  font-size: 1.22rem;
  color: #000000;
}

table {
  border-collapse: collapse;
  /*让靠在一起的单元格只显示一个边框，边框不进行叠加*/
  height: 24rem;
  width: 71rem;
}
.m4{
  margin: 3.5rem 0;
}

table tr th {
  border: solid 1px #ccc;
  height: 3.53rem;
  width: 62rem;
  font-family: SourceHanSansCN-Medium;
  background-color: #fefbea;
  color: #000;
  font-size: 1.63rem;
  border-color: #F5D834;
}

.noneth {
  background-color: #fff;
}

.quejiath {
  background-color: #ffe133;
}

table tr td {
  border: solid 1px #ccc;
  height: 4.17rem;
  text-align: center;
  font-size: 1.5rem;
  border-color: #F5D834;
}

.pageitem-4 {
  background-color: #fff;
  width: 100%;
}

.quejiavideo_pc {
  width: 70.25rem;
  height: 40.63rem;
  margin-bottom: 3.5rem;
}

.imgitems {
  /* margin-top: 3rem; */
}

.imgitems>img {
  width: 79rem;
  height: 35rem;
}

.imgitemsoperation>img {
  width: 73rem;
  height: 30rem;
  margin-top: 3rem;
}

.imgitemsoperation>.operationname {
 padding-bottom: 4rem;
 display: flex;
 justify-content: space-around;
 font-size: 1.5rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #000000;
}

.imgitemsgoods {
  text-align: center;
}

.imgitemsgoods>img {
  width: 72rem;
  height: 39rem;
}

.imgitemsscene>img {
  width: 84rem;
  height: 53rem;
  padding-bottom: 3.5rem;

}

.imgitemslivery>img {
  width: 72rem;
  height: 36rem;
}

.imgitemssystem>img {
 width: 44.63rem;
 height: 43.56rem;
 margin-bottom: 3.5rem;
}

.imgitemsstepshop>img {
  width: 73rem;
  height: 30.75rem;
}

.advertising {
  display: flex;
  justify-content: center;
  padding-bottom: 4rem;
}

.advertising_li2 {
  margin: 0 5rem;
}

.advertising>li {
  width: 20rem;
}

.advertising>li>img {
  width: 12rem;
  height: 12rem;
}

.advertising>li>div {

  font-size: 1.75rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #000000;
  line-height: 2.65rem;
  margin-top: .5rem;
}

.advertising>li>p {
  font-size: 1.79rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000000;
  line-height: 2.68rem;
}

.joinadvantage>li {
  height: 6rem;
  display: flex;
  align-items: start;
  justify-content: space-around;
  margin-bottom: 3.2rem;
  padding: 0 2rem;
}



.joinadvantage>li>div>div:first-child {
  height: 1.9rem;
}

.joinadvantage>li>div>div:nth-child(2) {
  height: 2.4rem;
}

.joinadvantage>li>div:first-child {
  margin-right: 2rem;
  display: flex;
  align-items: start;
  width: 4.98rem;
height: 5.13rem;
font-size: 2.25rem;
font-family: Source Han Sans CN;
font-weight: 500 !important;
color: #040000;
line-height: 3rem;
}

.joinadvantage>li>div:nth-child(2) {
  width: 65.69rem;
  height: 4.81rem;
  font-size: 1.88rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #040000;
  line-height: 3rem;
  text-align: left;
}




.joinadvantage>li>div:first-child {
  /* border-bottom: 5px solid #F5D834; */
  font-weight: 500;
  width: 4.38rem;
  height: 6.5rem;
  font-family: Source Han Sans CN;
  font-weight: 600;
  color: #040000;
  position: relative;
}

.line{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 5.91rem;
  height: 0.38rem;
  background-color:#F5D834 ;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.joinsupport{
  height: 115rem;
  position: relative;
}
.joinsupport>img{
  width: 100%;
  height: 115rem;
  
}
.joinsupporttitle{
  position: absolute;
  left: 50%;
  top: 1rem;
  transform: translateX(-50%);
  font-size: 2.5rem;
  font-weight: bold;
}
.quejiabgc_1{
  position: absolute;
}

.joinsupporttext{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 8rem;
  width: 70rem;
  height: 102rem;
  background-color: #fff;
  opacity: .8;
}
.joinsupporttext>ul{
  text-align: center;
  padding-top: 4.5rem;
  
}
.joinsupporttext>ul>li{
 display: flex;
 justify-content: center;
 text-align: left;
 height: 10rem;
 margin-bottom: 2rem;
}


.joinsupporttext>ul>li>div:first-child{
  padding-right: 6rem;
  margin-top: .3rem;
  width:4.6rem ;
 
 }
 .joinsupporttext>ul>li>div:nth-child(2){
  width:46rem ;
  font-size: 1.5rem;
 }
 .joinsupporttext>ul>li>div:nth-child(2)>div:first-child{
  font-size: 2rem;
  font-family: Source Han Sans CN;
  font-weight: 600;
  color: #040000;
  margin-bottom: .5rem;

 }

 .joinsupportimgs>img{
   width: 4.3rem;
   height: 4rem;
 }

.map{
  width: 75rem;
  height: 39rem;
  position: relative;

}
 .mapimg{
   width: 100%;
   height: 100%;
 
 }
 .maptext{
   width: 46rem;
   height: 17rem;
   position: absolute;
   top: 0;
   text-align: left;
 }

 .maptextaddress{
   height: 8rem;
  position: absolute;
  left: 17rem;
  top: 11.5rem;
  width: 46rem;
  z-index: 9;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #010101;
 }
 .company{
   font-weight: 600;
   font-size: 1.6rem;
 }
 .mapbottom{
  position: absolute;
  left: 14.5rem;
  top: 10rem;
  width: 46rem;
 }

 .titletop{
   margin-top: 3rem;
 }

.pageul_1{
  height: 35rem;
}


.rigth_item{
 position: fixed;
 right: 1rem;
 top: 35%;
}

.rigth_itemimg{
 width: 46px;
 height: 44px;
 
}

.rigth_itemimg_phone:hover .phone_container{
    transform: translateX(0) scale(1);
    -webkit-transform: translateX(0) scale(1);
    -moz-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    -o-transform: translateX(0) scale(1);
    opacity: 1;
  
}

.phone_container{
 position: fixed;
 right: 76px;
 top: 35%;
 /* height:40px; */
 /* color: #fff; */
 color: #fff;
 font-weight: bold;
 background-color: #269ef9;
 padding: 9px 18px;
 font-size: 1.5rem;
 border-radius:8px;
 transition: .2s;
 transform: translateX(50%) scale(0);
 -webkit-transform: translateX(50%) scale(0);
 -moz-transform: translateX(50%) scale(0);
 -ms-transform: translateX(50%) scale(0);
 -o-transform: translateX(50%) scale(0);
 opacity: 0;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 -ms-border-radius:8px;
 -o-border-radius:8px;
}
.rigth_itemimg_wechat:hover .wechat_container{
 cursor: pointer;
  transform: translateX(0) scale(1);
  -webkit-transform: translateX(0) scale(1);
  -moz-transform: translateX(0) scale(1);
  -ms-transform: translateX(0) scale(1);
  -o-transform: translateX(0) scale(1);
  opacity: 1;
}
.wechat_container{
  min-width: 17rem;
  padding: 1rem;
  border-radius:8px;
  background-color: #269ef9;
  color: #fff;
  position: absolute;
 right: 68px;
text-align: center;
 top: 0;
 transition: .2s;
 transform: translateX(50%) scale(0);
 -webkit-transform: translateX(50%) scale(0);
 -moz-transform: translateX(50%) scale(0);
 -ms-transform: translateX(50%) scale(0);
 -o-transform: translateX(50%) scale(0);
 opacity: 0;
}

.rigth_itemimg_wechat{
  margin: .2rem 0;
}

.wechat_container>img{
 min-width: 120px;
 width: 12.5rem;
 min-height: 120px;
 height: 12.5rem;
}

.wechat_container_title{
  font-size: 1.5rem;
  padding-bottom: 6px;
  font-weight: bold;
}

.wechat_phone{
  font-size: 1.5rem;
  padding-top: 6px;
  font-weight: bold;

}

.company{
  width: 100%;
  color: #fff;
  padding: 2rem;
  text-align: left;
 
  font-weight: normal;
  color: #555;
 line-height: 2.6rem;
  background-color: #252525;
  display: flex;
  align-items: center;
  justify-content: center;
}

.company>img{
  width: 8rem;
  height: 8rem;
  min-width: 100px;
  min-height: 100px;
  margin-right: 2rem;
  
}

.company_name{
  font-size: 1.8rem;
  color: #fff;
}

.company_info{
  line-height: 1.8rem;
  font-size: 1.4rem;
  color: #555;
}

.icp{
  color: #595959 !important;
  text-decoration: none !important;
  padding-left: 4px;
}