/* ========== */
/* = HOME = */
/* ========== */
html, body { position: relative; height: 100%; }
.swiper-home { width: 100%; height: 100%; }
.swiper-home .swiper-slide { padding-top: 91px; position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center;  -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden;}
.swiper-home .swiper-button-prev.black{ background-image: url(); }
.swiper-home .swiper-button-next.black{ background-image: url(); }
.swiper-pagination-home .swiper-pagination-bullet{ width: 32px; height:6px; background:none; border:0; border-radius: 0; position: relative;}
.swiper-pagination-home .swiper-pagination-bullet:before{ content: ""; position: absolute; top:9px; left:0; width:9px; height: 9px; background: #FFFFFF;border-radius: 10px;}
.swiper-pagination-home .swiper-pagination-bullet-active:before{ margin-left: -2px; width: 12px; top:9px; height:12px; background: #fcbf04;border-radius: 10px;}
.swiper-pagination-home .swiper-pagination-bullet.black:before{ background:#131f41; }
.swiper-pagination-home .swiper-pagination-bullet-active.black:before{ background:#fcbf04; }

.banner{ width: 100%; height: 100%;}
.banner .bgFull{  position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; display: flex; flex-flow: wrap; justify-content: space-between;  padding-top:90px; text-align: center;}

.banner .bgFull span{ display: block;}
.banner .bgFull .text-01{ font-size:72px; line-height: 96px; text-shadow: 0 5px 20px rgba(0,0,0,.3); -webkit-text-shadow: 0 5px 20px rgba(0,0,0,.3); color: #FFFFFF; font-weight: 600; letter-spacing: 8px;}
.banner .bgFull .line{ margin:35px auto; width: 136px; height: 10px; background: #FFFFFF;}
.banner .bgFull .text-02{ font-size: 30px;  color: #FFFFFF; letter-spacing: 6px;}
.banner .bgFull .button{ margin-top: 20%; display: inline-block; border-radius:4px;border:1px solid #ffffff; background: none; color: #ffffff; padding: 0 30px;}
.banner .bgFull .button img{ margin-left: 10px; display: inline-block; vertical-align: middle;}
.banner .bgFull .button em{ font-size:16px; font-style: normal; display: inline-block; vertical-align: middle; line-height: 42px;}
#swiperBot{right:0}
.successContent{width:100%;height:90vh;display: flex;flex-direction: column;justify-content: flex-start;}
@media(max-width:1500px) {
	.swiper-home .swiper-slide{ padding-top: 71px;}
	.banner .bgFull .text-01{ font-size: 70px; line-height: 94px;}
	.banner .bgFull .text-02{ font-size: 26px;}
}
.line {
    width: 100%;
    height: 0;
    border-top: 1px solid #ccc; /* 设置边框为1像素宽的黑色线条，可以根据需要调整粗细和颜色 */
  }
  .formContainer {
            width: 750px;
            height: auto;
            margin: 0 auto;
            
            box-sizing: border-box;
  }
  @media(max-height:900px){
    .formRowSubmit{
      margin-top: 5px !important;
    }
  }
  @media(max-height:800px){
    @media(max-width:1500px){
      .footerBannerBootomContent{
        display:none;
      }
    }
  }
  @media(max-height:768px){
    @media(max-width:1366px){
      .footerBannerBootomContent{
        display:none;
      }
    }
  }
  input{
    font-family: PingFangSC-Regular;
    font-size: 14px; /* 设置占位符文本的字体大小 */
    padding-left: 13.5px;
    font-weight: 400;
    color: #B1B1B1;
    letter-spacing: 0;
  }
  /* textarea的placeholder样式 */
  textarea{
    font-family: PingFangSC-Regular;
    font-size: 14px; /* 设置占位符文本的字体大小 */
    padding-top: 12px;
    padding-left: 13.5px;
    font-weight: 400;
    color: #B1B1B1;
    letter-spacing: 0;
  }

  .top p:nth-child(1){
    display: block;
    width: 144px;
    height: 50px;
    font-family: PingFangSC-Semibold;
    font-size: 36px;
    color: #343434;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
    margin-bottom: 9px;
  }
  .top p:nth-child(2){
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #B1B1B1;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    display: block;
    height: 22px;
    width: fit-content;
    margin-bottom: 60px;
  }
  .Number{
    width: fit-content;
    height: 63px;
    font-family: PingFangSC-Regular;
    font-size: 52px;
    color: #343434;
    letter-spacing: 0;
    font-weight: 400 !important;
  }
  .boxContent span:nth-child(2){
    width: 17px;
    height: 24px;
    font-family: PingFangSC-Semibold;
    font-size: 17px;
    color: #343434;
    letter-spacing: 0;
    font-weight: 600;
  }
  .box>span{
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #B1B1B1;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    height: 21px;
    width: fit-content;
  }
  .box .boxContent .millon{
    font-family: PingFangSC-Regular;
    font-size: 52px;
    color: #343434;
    letter-spacing: 0;
    text-align: right;
    font-weight: 400;
  }
  .newsInfo{
    margin-left: 41px;
    margin-bottom: 24px;
  }
  .newsInfoCard{
    width: 419px;
    width: fit-content;
  }
  .newsInfoCard:nth-child(2){
    margin-top: 24px;
  }
   .newsInfoCard:nth-child(3){
    margin-top: 24px;
  }
  .newsTimeDate{
    width: 73px;
    height: 18px;
    margin-bottom: 10px;
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #696A6C;
    letter-spacing: 0;
    text-align: justify;
    font-weight: 400;
  }
  .newsInfoText{
    width: 418px;
    height: 52px;
    text-align: left;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #303133;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 18px;
  }
  .newsInfoLine{
    width: 419px;
    height: 1px;
    border: 1px solid rgba(234,234,234,1);
  }
  .newsInfoCheckMore{
    width: 152px;
    height: 45px;
    border: 1px solid rgba(89,89,92,1);
    border-radius: 2px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #59595C;
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
    background-color: #fff;
    margin-top: 62px;
  }
  .footerBanner{
    width: 100vw !important;
  }
  .formRowSelect{
    width: 308px;
    height: 46px;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #B1B1B1;
    letter-spacing: 0;
    font-weight: 400;
    padding-left: 10px;
  }
  .bgFullContent{
    width: 621px;
    height: 215px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 155px;
    margin-left: 652.5px;
  }
  .bgFullContent>div:nth-child(1){
    width: 314px;
    height: 82px;
    font-family: AlibabaPuHuiTi-Bold;
    font-size: 60px;
    color: #FFFFFF;
    letter-spacing: 13.76px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 19px;
  }
  .bgFullContent>div:nth-child(2){
    width: 266px;
    height: 1px;
    opacity: 0.23;
    border: 1px solid rgba(255,255,255,1);
    margin-bottom: 36px;
  }
  .bgFullContent>div:nth-child(3){
    width: 627px;
    height: 52px;
    font-family: PingFangSC-Regular;
    font-size: 19px;
    color: #FFBD17;
    letter-spacing: 9.77px;
    text-align: center;
    font-weight: 400;
  }
  .rightCard {
    display: flex;
    align-items: center;
    margin-top: 202px;
    margin-left: 345px;
    
  }
  .rightCardInfo{
    margin-right: 75px;
  }
  .rightCardPic{
    width: 817px;
    height: 489px;
    overflow: hidden;
    z-index: 999;
  }
  .rightCardPic img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .cardTitle{
    width: fit-content;
    height: 50px;
    font-family: PingFangSC-Semibold;
    font-size: 36px;
    color: #343434;
    letter-spacing: 0;
    text-align: right;
    font-weight: 600;
    margin-bottom: 4px;
  }
  .cardTitle02{
    width:fit-content;
    height: 33px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #B1B1B1;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom:18px;
  }
  .cardInfo{
    width: 452px;
    height: 56px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #4D4D4D;
    letter-spacing: 0;
    text-align: justify;
    line-height: 28px;
    font-weight: 400;
    margin-top: 19px;
  }
  .line{
    width: 452px;
    height: 1px;
    border: 1px solid rgba(184,184,184,1);
  }
  .cardButton{
    width: 128px;
    height: 44px;
    border: 1px solid rgba(114,114,114,1);
    border-radius: 2px;
    background-color: #fff;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    color: #343434;
    letter-spacing: 0;
    font-weight: 600;
    margin-top: 100px;
  }
  .cardIntroduce div:nth-child(2){
    text-align: left;
  }
  .leftCardPic{
    width: 817px;
    height: 489px;
    overflow: hidden;
    z-index: 999;
    margin-right: 75px;
  }
  .leftCardPic img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .leftCard{
    display: flex;
    align-items: center;
    margin-left:230px;
    margin-top: 203px;
  }
  .leftProbg1{
    width: 93px;
    height: 75px;
    position: absolute;
    top: 730px;
    left: 177px;
  }
  .leftProbg1 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

body {
	margin: 0;
	padding: 0;
}

.container {
   width: 100vw;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.top {
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top:68px;
}


.middle {
	display: flex;
	justify-content: center;
	align-items: center;
  	width:100%;
}
.contactusContainer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:100%
}
.box {
	width: 160px;
	height: 160px;
	background-color: #f2f2f2;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin:0 50px;
	text-align: center;
}
.box:hover{
  background-color:#FCBF04;
}
.box span:first-child {
	font-weight: bold;
	color: black;
}

.bottom {
  	width: 100%;
	padding: 20px;
	height: 450px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media(max-width:1024px){
  .bottom{height:350px;}
}
.LogoList {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 29.06px;
	justify-content: center;
	align-items: center;
}
.logoList .logo {
	width: 171.35px;
	height:73.43px;
	transition: filter 0.5s;
}
.logoSwiper{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .logo:hover {
	filter: grayscale(0%);
} */
.logoSwiper{
  position: relative;
  width: 100%;
  height: 100%;
}
#swiperButtonNext{
  position: relative;
  left: 5%;
  cursor:pointer;
}
#swiperButtonPrev{
  position: relative;
  right: 5%;
  cursor:pointer;
}
/* ========== */
/* = HOME-SERVICE = */
/* ========== */
.home-service{ display:block; width: 100%;}
.service-text{ display: block; text-align: left; position: relative; z-index: 0;}
.service-text .con{ width:65%; max-width: 620px; position: relative; z-index: 1;}
.service-text .tit{ padding-bottom: 20px; position: relative; font-size: 30px; letter-spacing:3px;}
.service-text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 60px; height: 1px; background: #555555; }
.service-text .des{ margin-top: 5%; color: #888888; font-size: 24px; line-height: 36px; letter-spacing:2px;}
.service-text .text{ margin-top: 7%;  font-size: 24px; line-height: 50px; }
.service-text .text span{ margin-bottom: 10px; display: block; color: #e6061f;  letter-spacing:3px; font-weight: bold;}
.service-text .text p{ position: relative; padding-left: 28px; color: #888888;  letter-spacing:2px;}
.service-text .text p:before{ content: ""; position:absolute; top:50%; margin-top:-4px; left:5px; width: 8px; height: 8px; background: #e6061f; border-radius: 100%;}
.service-text .text .home-button{ margin-top:10%;}
.service-text .letter{ position: absolute; bottom: 20px; left:15%; width:60%; z-index: 0;}
.service-img{ position:absolute; bottom: 0; right:0; width:54%; height: 100%; background-image: url(../images/home/service_png.png); background-size: cover; background-position: top center;}


.bgFull {
  background-image: url({{$CarouselImage->image}});
}


@media (max-width: 992px) {
  .bgFull {
      background-image: url({{$CarouselImage->phone_image}});
  }
}

/* ========== */
/* = HOME-CASE = */
/* ========== */
.home-case{ position: relative; z-index:1; width: 100%; display: flex; flex-direction:row;align-items: center;justify-content: center;padding:0;}
.home-case-text{ text-align: left;visibility: visible !important; width:452px !important;margin-right:75px;display: flex; flex-direction: column; justify-content: space-between;}
.home-case-text .home-tit h2:after{ left: 0; margin-left: 0px;}
.home-case-text .line{ width: 62px; height: 6px; background: #fcbf04;}
.home-case-text .des{ font-size: 24px; line-height: 36px; color: #000000; font-weight: bold;}
.home-case-text .des .red-text{font-size: 16px;color: #4D4D4D;display:block;width:100%;height:56px;font-weight: 400;margin-top: 10px;}
.home-case-text .home-button{margin-bottom:40px;}
.home-case-Info{margin-top:40px;}
.home-case-card{display:flex;}
@media(max-width:992px){
  #home-case-card01{
    flex-direction: column-reverse;
  }
  #home-case-card02{
    flex-direction: column;
  }
}

.home-case-img { text-align: left;}
.home-case-img img{ width: 817px;height: 489px;object-fit: contain;margin:0;}
.home-case-img .red{ padding: 30px 50px; font-size: 30px; line-height: 44px; font-weight: bold; letter-spacing: 2px; background: #fcbf04; color: #131f41;display: none;}
.home-case-img .red p{ font-size:18px; letter-spacing: 10px;}
.caseblue{ padding: 30px 50px; font-size: 30px; line-height: 80px; font-weight: bold;  background: #131f41; color: #ffffff;display: none;border-left: 9px solid #fcbf04;}
.caseblue p{ font-size:18px; letter-spacing: 10px;}
.img{position:relative;}
.home-case-bg1{  position: absolute; top:0px; left:-50%;margin-left:50%; width:100%; z-index:0;}
.home-case-bg6{  position: absolute; top:25px; left:0; width:100%; z-index:0;}
.fh-case .home-case-img{z-index:0;visibility: visible !important; }
.fh-case .home-case-img .text{ padding-left: 150px;height:80px;}
.fh-case .home-case-img img{width: 817px;height:489px;object-fit:contain;}

.home-case-bg2{  position: absolute; top:50px; left:68%; width:30%; z-index:0;}
.bsd-case .home-case-img{ width: auto; text-align:right;}
/*.bsd-case .home-case-img .img{ padding-right: 95px;}*/
.bsd-case .home-case-text{ width: auto;margin-left:75px;}
#rightText{margin-left: 75px;margin-right:0}
.bsd-case .home-case-img .red{ padding:50px 95px;}

.caseLine{width:100% !important;height:1px;border-bottom: 1px solid rgba(184,184,184,1);display:block;margin-top: 18px !important;}

.home-case-bg3{ position: absolute; top:58%; left:-4%; width:60%; z-index:0;}
.yd-case .home-case-img{ width: 100%;text-align: left; positionr:relative; z-index:1; }
.yd-case .home-case-img .img{ width:73%;}
.yd-case .home-case-img .text{ position: absolute; bottom:10px; right:0; width: 47%;}
.yd-case .home-case-img .red{ padding:50px 68px;}
.yd-case .home-button{ margin-top:12%; }
.yd-case .home-case-text{ position: relative; margin-top: 40px;}



.home-case-bg4{ position: absolute; top:50px; left:20%; width:60%; z-index:0;}
.fenzhong-case .box{ width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.fenzhong-case .home-case-img{ margin-left: -38%; width:88%; text-align:right;}
.fenzhong-case .home-case-text{ text-align:left; padding-right: 3%;}
.fenzhong-case .home-case-text .des{ margin-top: 20px;}
.fenzhong-case .home-button{ margin-top:35px;}
.fenzhong-case .box:nth-child(2) .home-case-img{ margin-right: -38%; margin-left: 0;}
.fenzhong-case .box:nth-child(2) .home-case-img .red{  text-align:left;}
.fenzhong-case .home-case-img .text{ width:100%;}

/* ========== */
/* = HOME-VIDEO = */
/* ========== */
.home-video{ color: #FFFFFF;}
.home-video .text{ font-size: 60px; line-height: 98px; letter-spacing:10px;}
.home-video .bt{ margin-top: 8%; cursor: pointer;}
.home-video .bt p{ margin-top: 20px; font-size: 18px; letter-spacing:2px; color: #b4b4b4;}
.home-video .home-button{ position: absolute; bottom: 50px; right:45px; color: #FFFFFF; border: rgba(255,255,255,255,.4);} 
.home-video .home-button:hover{ border: 2px solid #e6061f; color: #e6061f;}


/* ========== */
/* = HOME-NEWS = */
/* ========== */
.home-news-slide{ padding-bottom: 298px; }
.home-news-bg{ position: absolute; top:26px; left:7%; width: 30%;}
.home-news{ width: 100%; position: relative; z-index: 1;}
.home-news .i_case_skg{ margin-right:inherit; padding-bottom:inherit;}
.home-news .i_case_skg .home-button{ left: inherit; bottom: inherit;  margin-left: -74px;}
.home-news .tit{ text-align: left; font-size: 30px; color: #222222; font-weight: bold; }
.home-news ul{  position: relative; }
/*.home-news li{ float: left; width: 76%; padding: 0 16px; z-index: 1; position: relative; margin:0 12% 30px;background: #FFF;}*/
.home-news li a{ display: block; position: relative; z-index: 1; text-align: left;}
.home-news li .img{ width: 28%; float:left; overflow: hidden;}
.home-news li .img img{ width: 100%;}
.home-news li .text{ padding: 16px 60px; float:left}
.home-case-img{visibility: visible !important;}
.home-news li .text p{ font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; color: #000000; min-width: 540px;}
.home-news li .text span{ margin-top:12px; display: block; font-size: 18px; color: #8a8a8a; position: relative;}
.home-news li .text span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background-image: url(../images/news_more.png);
    background-size: cover;
}
.home-news li .text .date span:after {
	display:none;
}
.home-news li .text .date {
    font-size: 18px;
}
.home-news li .text .date span {
    font-size: 36px;
    padding-bottom: 8px;
    display: inline-block;
}
/*.home-news li a:hover{ background: #383838;}
.home-news li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news li a:hover .text p{ color: #FFFFFF;}*/
.home-news ul li:last-child:before{ content: ""; position: absolute; z-index:0; right:-14%; top:-14%; height: 100%; width: 100%; background: #e6061f; display:none;}

.footer{ position: absolute; z-index: 3; bottom: 0; left:0;  }

@media (max-width:1500px),(max-height:750px)  {
	/* ========== */
	/* = HOME-SERVICE = */
	/* ========== */
	.service-text{ z-index: 1;}
	.service-text .con{ width: 46%;}
	.service-text .tit{ font-size: 24px; padding-bottom: 15px;}
	.service-text .des{ font-size: 18px; line-height: 32px;}
	.service-text .text{ font-size: 18px; line-height: 32px;}
	.service-text .letter{ display: none;}
	
	
	/* ========== */
	/* = HOME-CASE = */
	/* ========== */
	.home-case-text img{ margin:20px 0 0; max-height: 60px;width: 100%;}
  .home-case-text{width:375px !important;}
	.home-case-text .des{font-size: 18px; line-height: 30px; }
	.home-case-text .home-button{ margin-top:40px;}
  @media(max-width:1440px){.home-case-text .home-button{margin-top:80px;}}
	.home-case-img .red{ padding: 20px; font-size: 22px; line-height:32px;letter-spacing: 1px; }
	
	.bsd-case .home-case-img .red{ padding:25px 95px;}
	
	
	.yd-case .home-case-img .red{ padding: 30px;}
	.yd-case .home-case-text{ margin-top: 20px;}
	
	.fenzhong-case .home-case-text .des{ margin-top: 10px;}
	.fenzhong-case .home-button{ margin-top: 10px;}
	.home-case-text>p:nth-child(1){margin-top:10px}
	
	/* ========== */
	/* = HOME-VIDEO = */
	/* ========== */
	.home-video .text{ font-size: 34px; line-height: 46px;}
	.home-video .bt img{ height:80px;}
	
	
	/* ========== */
	/* = HOME-NEWS = */
	/* ========== */
	.home-news-slide{ padding-bottom: 226px;}
	.home-news .tit{ font-size: 24px;}
	.home-news li .text{ padding: 15px;}
	.home-news li .text p{ font-size: 15px; line-height: 22px; height:44px;}
	.home-news li .text span{ font-size: 13px; }

}
.logoSwiperHidden{
  width: 972px;
  overflow: hidden;
}
.logoSwpierContainer {
  width: 972px; /* 设置轮播容器的宽度 */
  position: relative; /* 设置相对定位，用于后续绝对定位子元素 */
  display: flex; /* 设置弹性布局，让轮播项水平排列 */
  transition: transform 0.5s; /* 添加过渡效果，实现平滑滚动 */
}
.logo-swiper-slide {
  flex: 0 0 972px; /* 设置每个轮播项的宽度为轮播容器宽度 */
}
.newsContentTextInfoContainer{
  display: flex;;
  width: 100%;
  padding:0 26px;
}
.newsContentTextInfo{
  background: rgba(0, 0, 0, 0.6);
}
.newsContentTextInfoContainer div{
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 600;
}
.newsContentTextInfo{
  width:100%;
  position: absolute;
  bottom:0;
  left:0;
}
.newsContentTextInfoContainer>div{
  padding: 25px 0;
}
.newsInfoCard:hover .newsTimeDate,
.newsInfoCard:hover .newsInfoText {
    color: #FCBF04; 
}
.newsInfoCard:active .newsTimeDate,
.newsInfoCard:active .newsInfoText {
    color: #FCBF04; 
}
.fh-case .home-case-img .img::after{
  content: "";
  position: absolute;
  width: 96px; /* 设置图片的宽度 */
  height: 78px; /* 设置图片的高度 */
  background: url('/static/images/probg1.png') no-repeat center center; /* 设置图片的路径和样式 */
  background-size: cover;
  bottom: 10px;
  right: -10px;
  transform: translate(50%, 50%);
  z-index: -1;
}

#leftImg{
  margin-left:0;
}
#leftImg::after{
  content: "";
  position: absolute;
  width: 96px; /* 设置图片的宽度 */
  height: 78px; /* 设置图片的高度 */
  background: url('/static/images/probg2.png') no-repeat center center; /* 设置图片的路径和样式 */
  background-size: cover;
  bottom: 10px;
  left: -110px;
  transform: translate(50%, 50%);
  z-index: -1;
}
.newsContentTextInfoText{
  padding-left: 10px !important;
}
.newsContentTextInfoText{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-height:650px) {
	.home-news li .text p{ font-size: 14px; }
	.home-news li .text span{ margin-top: 7px; font-size: 12px; }
}


@media (max-height:600px) {
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:8px 0;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ margin-top:-160px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ margin-top: 60px;}
}


@media (max-height:670px){
	.home-news-slide { padding-bottom:170px;}
	.footer{ padding: 20px 4%; }
    .footer .text{ margin-top: 14px; }
}

@media(max-height:768px){
  .box{width:120px;height:120px;}
  .logoList .logo{width:141.35px;height:63.43px;}
  .Number,.box .boxContent .millon{font-size:32px;}
  .top p:nth-child(2){margin-bottom:50px;}
  .container .newsContent .newsPic{width: 598px !important;height: 355px !important;}
  .logoSwpierContainer,{width:100%;}
  .logo-swiper-slide {width: 100%;flex: 0 0 972px;}
  
  .newsInfoCard:nth-child(3) {
    display:none;
  }
}
@media(max-height:800px){
  .top p:nth-child(2){margin-bottom: 40px;}
  .top{ margin-top: 68px;}
}

@media(max-width:1600px){

}
@media(max-width:1440px),(max-height:900px){

}
@media(max-width:1440px){
  .newsContentTextInfoContainer div{
    font-size:15px;
  }
  .logoList .logo {width: 151.35px;height: 63.43px;}
}
@media (max-width: 1366px) and (max-height: 1024px){
  .banner .bgFull .bgFullContent{margin-left: 400px;}
  .fh-case .home-case-img .img::after,#leftImg::after {bottom: 50px;}
  .swiper-slide .banner .rightCard{margin-left: 105px;}
  .rightCard .rightCardPic{margin-right: 60px;}
  #swiperBot{right: 0px;}
  .swiper-slide .banner .leftCard{margin-left: 105px;}
  .leftCard .leftCardInfo{margin-right: 60px;}
  .leftProbg1{top: 670px;left: 50px;}
  .fh-case .home-case-img img,.home-case-img img{width: 717px;height: 498px;}
  #swiperButtonNext{left: 0%;}
  #swiperButtonPrev{right: 0%;}
}
@media(max-width:1280px){
  .home-case-text .des .red-text{height:100%;}
  .home-case-text{width:325px !important;}
  .box{width:150px;height:150px;}
  .Number,.millon{font-size:48px;}
  .logoList .logo{width:130.35px;height:63.43px;}
}
@media(max-width:1180px){
  .banner .bgFull .bgFullContent {margin-left: 300px;}
  .line,.cardInfo{width:352px}
  .cardTitle{font-size: 28px;}
  .cardTitle02{font-size: 16px;}
  .cardInfo{font-size: 12px;}
  .rightCard .rightCardPic{margin-right: 80px;}
  .cardButton{margin-top: 30px;width: 110px;height: 34px;font-size: 12px;}
  .rightCard,.leftCard{margin-top: 142px;}
  .rightCardInfo,.leftCardInfo{margin-right: 55px;}
  .logoList .logo{width: 141.35px;height: 63.43px;}
  .box{width: 120px;height: 120px;}
  .Number,.box .boxContent .millon{font-size: 32px;}
  .box>span{font-size: 1.2rem !important;}
  .newsPic{width: 598px !important;height: 355px !important;}
  .newsInfoText{font-size: 16px;}
  .newsInfoCheckMore{width: 122px;height: 35px;margin-top: 25px;}
  .newsTimeDate,.newsInfoText{margin-bottom: 5px;}
  .formRow .formRowSubmit{margin-top: 0px !important;}
  #contactUsTop>p:nth-child(2){margin-bottom: 0px;}
}
@media(max-width:1180px){
  .fh-case .home-case-img img,.home-case-img img{width: 567px;height: 398px;}
  .home-case-text { width: 260px !important;}
  .top{margin-top: 68px;margin-bottom: 20px;}
  .newsInfoText,.newsInfoLine{width: 298px;}
  .newsPic{width: 528px !important;}
  #swiperBot {right: -10px;}
  .Logolist{gap: 20.06px;}
  .logoList .logo{width: 121.35px;}
  .box{margin: 0 30px;}
  .line,.cardInfo{width: 352px;}
  .swiper-slide .banner .leftCard,.swiper-slide .banner .rightCard{margin-left: 65px;}
  .line,.cardInfo{width:302px}
  .leftProbg1 {left: 20px;top: 555px;}
  .rightCard .rightCardPic {margin-right: 80px;}
  .banner .bgFull .bgFullContent {margin-left: 220px;}
  .rightCard, .leftCard {margin-top: 122px;}
  .container .newsContent .newsPic {
    width: 530px !important;
    height: 355px !important;
  }
  .i_case_wlj .i_case_skg_p,.i_case_skg_p{font-size:14px !important}
  .i_case_wlj .home-tit h2,.i_case_pechoin .home-tit h2{font-size:26px;}
  .i_case_wlj .home-tit p,.home-tit p{font-size:18px;}
  .home-case-text .home-button{margin-top:40px;}
}

@media(max-width:1024px){
  .contactForm{width:100%;}
  .contact .layui-form{margin-left:0 !important;}
}
@media(max-width:990px){
  .home-case-img .img {
    margin-bottom:0px;
    text-align: center;
  }
  .home-case-text{margin-right:0;}
  #rightText,.bsd-case .home-case-text{margin-left:0;}
  .bottom{height:350px;}
  .formRowName{margin-right:0 !important;}
  .home-case.bsd-case{flex-direction: column;padding: 0 8%;}
  .home-case.fh-case{padding: 0 8%;}
  .i_case_skg_p{width:100%}
  .img {margin-left: 0;}
  .swiper-button-next, .swiper-button-prev{right:0;}
  .bgFullContent>div:nth-child(1){font-size: 50px;}
  .bgFullContent>div:nth-child(3) { font-size: 16px;}
  .banner .bgFull .bgFullContent{margin-left: 20px;width: 450px;}
  .TopBottom_right{right: 15% !important;}
  .bgFullContent>div:nth-child(3){width: 325px;}
  .middle{flex-wrap: wrap;}
  .box{margin-bottom: 10px; width: 110px;height: 110px;}
  .LogoList{grid-template-columns: repeat(3, 1fr);gap: 5.06px;}
  #swiperButtonPrev{position: relative;right: 10px;z-index: 2;}
  #swiperButtonPrevImg,#swiperButtonNextImg{width: 32.5px !important;height: 32.5px !important;margin-left: 0 !important;margin-right: 0 !important;}
  #swiperButtonNext{position: relative;left: 10px;z-index: 2;}
  .top p:nth-child(2){margin-bottom: 30px;}
  .newsContent{flex-direction: column;}
  .container .newsContent .newsPic{width: 100% !important;height: 220px !important;}
  .newsInfo{margin-left: 0px;align-items: center;justify-content: center;}
  .newsInfo>div:last-child{text-align: center !important;}
  .top{margin-top: 48px;}
  .newsInfo>.newsInfoCard:nth-child(1){margin-top: 24px;}
  .formRow{flex-direction: column;}
  .phoneCodeBox{margin-left: 0 !important;}
  .formContainer{align-items: center !important;margin-top: 20px !important;height:auto!important;width:auto !important;}
  .formRowMessage{width: 308px !important;}
  .formRowName,.formRowSelect{margin-bottom: 10px;}
  .formContainer>.formRow:last-child{width: 308px !important;}
  .logoList .logo{height: 53.43px;}
  .newsInfoText, .newsInfoLine {
    width: 100%;
  }
  .logoSwpierContainer{width:321px;}
  .logo-swiper-slide {
    flex: 0 0 256px;
  }
  .logoSwiperHidden {width: 100%;}
  .logoList .logo {width:80px;}
  .fh-case .home-case-img img,.home-case-img img{
    width: 430px;
    height:300px;
    margin-right:0;
  }
  #leftImg{margin-right:0;}
  #leftImg::after{display:none;}
  .home-case{flex-flow: nowrap;}
  .fh-case .home-case-img .img::after{display:none;}
  .home-case{flex-direction:column-reverse;justify-content: center;}
  .home-case-text {
    width: 100% !important;
    margin-top: 10px;
    padding: 0 5%;
  }
  .fh-case .home-case-img {position: relative;}
  .formBigContainer {
    display: flex;
    justify-content: center;
  }
}
@media(max-height:900px){
  @media(max-width:420px){
  }
}
@media(max-width:414px){
  .newsInfo>.newsInfoCard{
    width:100%;
  }
  .box{width: 100px;height: 100px;}
  .box>span {
        font-size: 1rem !important;
  }
  .container .newsContent .newsPic {
    width: 100% !important;
    height: 209px !important;
  }
}
@media(max-width:390px){
  .formContainer{padding: 10px;}
  .newsInfoText, .newsInfoLine {width: 100%;}
  .box{width: 100px;height: 100px;}
  .Number, .box .boxContent .millon {font-size: 28px;}
  @media(max-height:850px){
    .footerBannerContentQrCodeList{margin-bottom:40px}
  }
 @media(max-height:680px){
  .footerBannerContentQrCodeList{margin-bottom:80px}
 }
}
@media(max-width:375px){
  .banner .bgFull .bgFullContent{margin-top: 60px;margin-left: 10px;}
  .TopBottom_right{right: 10% !important;}
  .top{margin-top: 8px;}
  .box{width: 90px;height: 90px;}
  .top p:nth-child(1){font-size: 30px;margin-bottom: 0px;}
  .logoList .logo {width: 100.35px;height: 44.43px;}
  .newsInfoText, .newsInfoLine {width: 100%;}
  .newsInfo>.newsInfoCard:nth-child(3){display: none;}
  .top p:nth-child(2) {margin-bottom: 10px;}
  .formRowSelect,.formRowName,.formRowCode,.formRowPhone,.sendCode{height: 36px !important;}
  .formRowMessage{height: 45px !important;}
  .formRowSubmit{width: 120px !important; height: 35px !important;}
  .fh-case .home-case-img img,.home-case-img img{width: 380px;height: 220px;margin-right: 0;}
  .i_case_wlj .home-tit h2{font-size: 30px;}
  .i_case_wlj .home-tit p{font-size: 18px;}
  .i_case_wlj .i_case_skg_p{font-size: 14px !important;}
  @media(max-height:820px){
    .bottom{height: 250px;}
  }
}
@media(max-width:900px){
  .contactForm{
    height:200px;
    overflow:scroll;
  }
}
@media(max-width:430px){
  .contactForm{
    height:400px;
    overflow:scroll;
  }
  @media(max-height:800px){
    .contactForm{
      height:200px !important;
      overflow:scroll !important;
    }
  }
}
@media(max-width:414px){
  .contactForm{
    height:300px;
    overflow:scroll;
  }
  
}
@media(max-width:375px){
  .contactForm{
    height:200px;
    overflow:scroll;
  }
}


@media(max-width:430px){
  .contactFormItem{flex-direction:column;}
  .in.frcont_liaojie{
    flex-direction: column;
    align-items: flex-start !important;
  }
  .in.frcont_liaojie .inItem{
    margin:10px 0 !important;
  }
  .inItemList{
    flex-direction: column;
    margin-left:0 !important;
  }
}
.bannerPlay{
  width: 300px; 
  height: 173px;
  cursor:pointer;
}
.bannerPlay img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:430px){
  .layui-layer-setwin{
    right: 25px !important;
    top: 35px !important;
  } 
}