@font-face {
	font-family: 'hyxrws';
	src: url('../../fonts/HYXinRenWenSongW.ttf') format('truetype');
}
@font-face {
	font-family: 'hyxlsj';
	src: url('../../fonts/HYXiaoLiShuJ.ttf') format('truetype');
}

*{
  margin: 0;
  padding: 0;
}
p {
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
body{
  font-family: '微软雅黑';
}

/* 开场动画 */
.leftBg, .rightBg{
  position: fixed;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 48;
  background: #000;
}
.leftBg{
  left: -1px;
}
.rightBg{
  right: -1px;
}
.line{
  position: fixed;
  z-index: 49;
  left: 50%;
  bottom: 0;
  width: 8px;
  margin-left: -4px;
  background: #000;
}

.qd-swiper{
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100vh;
}
/* 首页 */

@keyframes bannerAni {
  0%{transform: scale(1);}
  50%{transform: scale(1.1);}
  100%{transform: scale(1);}
}
.qd-wrapper .qd-banner{
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.qd-banner iframe {
  width: 100%;
  height: 100%;
}
/* .qd-banner .banner-img{
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-animation: bannerAni 20s linear 0s infinite;
  animation: bannerAni 20s linear 0s infinite;
} */
.banner-title{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.banner-title p:nth-child(1){
  font-size: 2.8vw;
  font-weight: 540;
  letter-spacing: 9px;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
  letter-spacing: 15px;
}
.banner-title p:nth-child(2){
  font-size: 1.1vw;
  word-spacing: 4px;
  margin-top: 0.4vw;
  text-transform: uppercase;
  letter-spacing: 6px;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}
.banner-btn {
  display: block;
  margin: 5vw auto 0;
  border-radius: 50px;
  width: 8.6vw;
  text-align: center;
  font-size: 0.8vw;
  line-height: 2vw;
  cursor: pointer;
  color: #fff;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
  background: #b01f26;
  border: 1px solid #b01f26;
  text-decoration: none;
}
/* 技术服务 */
.qd-tech{
  overflow: hidden;
}
.tech-bg-ph{
  display: none;
}
.tech-bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tech-c{
  position: relative;
  z-index: 1;
  width: 100%;
  height: calc(100% - 3%);
  overflow: hidden;
}
.tech-title{
  position: relative;
  margin-top: 6.5vw;
  text-align: center;
}
.tech-swiper{
  position: relative;
  width: 174%;
  /* height: 79%; */
  margin-left: -37%;
  margin-top: 2.6vw;
}
.tech-slide{
  box-sizing: border-box;
}
.tech-slide img{
  width: 100%;
  transform: scale(1);
  -webkit-transition: transform 0.5s linear 0s;
  transition: transform 0.5s linear 0s;
}
.tech-wrapper .swiper-slide-prev img, .tech-wrapper .swiper-slide-next img{
  transform: scale(0.95);
  margin-top: 1.5%;
} 
.tech-text{
  position: absolute;
  left: 10%;
  bottom: 6.4vw;
}
.tech-text p:nth-child(1){
  font-size: 1.8vw;
  color: #fff;
  margin-bottom: 1.3vw;
}
.tech-text p:nth-child(2){
  font-size: 0.8vw;
  color: rgba(255, 255, 255, 0.8);
}

.tech-prev{
  position: absolute;
  left: 23%;
  top: 57%;
}
.tech-next{
  position: absolute;
  top: 57%;
  right: 23%;
}

.tech-page{
  left: 50%;
  bottom: 3.9vw;
  transform: translateX(-50%);
}
/* 解决方案 */
.prog-top-title{
  display: none;
}
.qd-prog{
  overflow: hidden;
  background-color: #000;
}
.prog-c{
  position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.prog-swiper{
  width: 100%;
  height: 100%;
}
.prog-slide, .prog-slide img{
  width: 100%;
  height: 100%;
}
.prog-text{
  position: absolute;
  width: 15vw;
  height: 100%;
  left: 8%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.prog-title{
  position: relative;
  margin-bottom: 2vw;
}

.prog-text p:nth-child(2){
  color: #fff;
  font-size: 1.8vw;
  margin-bottom: 0.8vw;
}
.prog-text p:nth-child(3){
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.8vw;
  line-height: 1.6vw;
  text-align: justify;
}

.prog-opera{
  position: absolute;
  width: 10vw;
  left: 8%;
  top: 68%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.prog-page-zs{
  z-index: 1;
  bottom: 50%;
  transform: translateY(50%);
  color: #cdced0;
  font-size: 1vw;
}
.prog-page{
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
}
/* 项目案例 */
.case-top-title{
  display: none;
}
.qd-case{
  overflow: hidden;
  background: #0b0b0b;
}
.case-swiper, .case-slide{
  width: 100%;
  height: 100%;
}
.case-bg{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.case-bg img{
  width: 100%;
}
@keyframes hx {
  0%{ transform: scale(1)}
  50%{ transform: scale(1.1)}
  100%{ transform: scale(1)}
}
.al-bg{
  -webkit-animation: hx 30s linear 0s infinite;
  animation: hx 30s linear 0s infinite;
}
.case-cont{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.case-cont a{
  display: block;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
}
.case-cont a img{
  width: 57%;
  margin-left: 2.2vw;
  margin-bottom: -2vw;
}
.case-text{
  position: relative;
  width: 31%;
  padding-top: 15%;
  box-sizing: border-box;
  margin-left: 2%;
}
.case-title{
  position: relative;
  margin-bottom: 1.5vw;
}
.case-text p:nth-child(2){
  font-size: 1.8vw;
  color: #fff;
  margin-bottom: 1vw;
  margin-top: 2.5vw;
}
.case-text p:nth-child(3){
  font-size: 0.8vw;
  line-height: 1.6vw;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1.5vw;
  text-align: justify;
}
.case-more{
  opacity: 0;
}
.case-more p{
  color: #cdced0;
}
.case-opera{
  position: absolute;
  width: 10vw;
  left: 61%;
  top: 70%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.case-page{
  z-index: 1;
  bottom: 50%;
  transform: translateY(50%);
  color: rgba(255, 255, 255, 0.5);
  font-size: 1vw;
}
.case-ph-page{
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
/* 资讯中心 */
.news-ph-bg, .news-bottom-more{
  display: none;
}
.qd-news{
  overflow: hidden;
  background: #0b0b0b;
}
.news-bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.news-top{
  position: relative;
  width: 84%;
  margin: 7vw auto 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-more a{
  display: block;
  text-decoration: none;
}

.news-list{
  position: relative;
  z-index: 1;
  width: 84%;
  margin: 1vw auto 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.news-item{
  position: relative;
  width: 32%;
  margin-top: 2vw;
  margin-right: 2%;
}
.news-item:nth-child(3n){
  margin-right: 0;
}
.news-item a{
  display: block;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
}
.news-item a:hover img{
  transform: scale(1.1);
}
.news-item a:hover{
  box-shadow: 0px 0px 8px #d1d1d1;
}
.news-item-top{
  width: 100%;
  overflow: hidden;
}
.news-item-top img{
  width: 100%;
  transform: scale(1);
  -webkit-transition: transform 0.5s linear 0s;
  transition: transform 0.5s linear 0s;
}
.news-item-bottom{
  width: 100%;
  background: #ffffff;
  padding: 0.8vw 1vw;
  box-sizing: border-box;
}
.news-item-bottom .time{
  font-size: 0.6vw;
  color: #333;
  margin-bottom: 0.5vw;
}
.news-item-bottom .title{
  font-size: 0.8vw;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #000;
}
/* 关于千典 */
.gyqd-ph, .about-top-title{
  display: none;
}
.qd-about{
  overflow: hidden;
  background: #0b0b0b;
}
.about-bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.about-c{
  position: relative;
  width: 84%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}
.about-left{
  width: 46%;
}
.about-title{
  margin-bottom: 2vw;
}
.about-left-title p{
  font-size: 1.8vw;
  color: #FFFFFF;
  margin-bottom: 1vw;
}
.about-left-text{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.about-left-text p{
  font-size: 0.8vw;
  line-height: 1.6vw;
  margin-bottom: 1.8vw;
  color: rgba(255, 255, 255, 0.8);
  text-align: justify;
}
.about-left-num{
  display: flex;
  justify-content: space-between;
  margin-top: 1vw;
}
.about-left-num .num-itme p:nth-child(1){
  font-size: 1.4vw;
  color: #EB4846;
  font-weight: 800;
}
.about-left-num .num-itme p:nth-child(2){
  font-size: 0.8vw;
  color: #D2D2D2;
}
.about-more{
  margin-top: 2vw;
}
.about-more a{
  display: block;
  color: #FEFEFE;
  text-decoration: none;
}
.about-img{
  width: 45%;
  margin-top: 2%;
}
.about-img img{
  width: 100%;
}
/* 联系我们 */
.qd-info{
  height: 5.6vw;
}

@media screen and (max-width:1920px){
  .news-list{
    margin: 1vw auto;
  }
  /* 技术服务 */
  .tech-text p:nth-child(2){
    font-size: 1vw;
  }
  .tech-page{
    bottom: 2.9vw;
  }
  /* 解决方案 */
  .prog-text{
    width: 20vw;
  }
  .prog-text p:nth-child(3){
    font-size: 1vw;
    line-height: 1.8vw;
  }
  .prog-opera{
    top: 69%;
  }
  /* 项目案例 */
  .case-text{
    width: 28%;
  }
  .case-text p:nth-child(3){
    font-size: 1vw;
    line-height: 1.8vw;
  }
  .case-opera{
    top: 64%;
  }
  /* 资讯中心 */
  .news-item-bottom .time{
    font-size: 0.8vw;
  }
  .news-item-bottom .title{
    font-size: 1vw;
  }
  /* 关于千典 */
  .about-left-title p{
    font-size: 2vw;
    margin-bottom: 1vw;
  }
  .about-left-text p{
    font-size: 1vw;
    line-height: 1.8vw;
  }
  /* 联系我们 */
  .qd-info{
    height: 8vw;
  }
}
@media screen and (max-width: 1680px){
  .news-list{
    margin: 0 auto;
  }
  /* 关于千典 */
  .about-left-title p{
    font-size: 2vw;
  }
}
@media screen and (max-width: 1024px){
  /* 首页 */
  .qd-banner .banner{
    display: none;
  }
  /* .banner-img{
    display: block;
  }
  .qd-banner{
    display: flex;
    justify-content: center;
  }
  .qd-banner .banner-img{
    width: auto;
    height: 100%;
  } */
  .banner-title p:nth-child(1){
    font-size: 4.5vw;
    font-weight: 800;
    color: #fff;
  }
  .banner-title p:nth-child(2){
    font-size: 2vw;
    color: #fff;
  }
  .banner-btn {
    width: 16vw;
    font-size: 2vw;
    line-height: 4vw;
  }
  /* 技术服务 */
  .tech-bg-pc{
    display: none;
  }
  .tech-bg-ph{
    display: block;
  }
  .tech-title{
    margin-top: 10vw;
  }
  .tech-swiper{
    width: 200%;
    height: 94vw;
    margin-left: -50%;
    margin-top: 3vw;
  }
  .tech-wrapper .swiper-slide-prev img, .tech-wrapper .swiper-slide-next img{
    margin-top: 3.5%;
  }
  .tech-text{
    width: 90%;
    left: 5%;
    bottom: 8vw;
  }
  .tech-text p:nth-child(1){
    font-size: 3vw;
  }
  .tech-text p:nth-child(2){
    font-size: 2vw;
  }
  .tech-page{
    bottom: 4%;
  }
  /* 解决方案 */
  .prog-title{
    display: none;
  }
  .prog-page-zs{
    display: none;
  }
  .prog-top-title{
    position: absolute;
    display: block;
    top: 10vw;
    text-align: center;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
  }
  .prog-slide img{
    height: auto;
  }
  .prog-text {
    width: 92%;
    bottom: 10%;
    height: auto;
    left: 4%;
    top: auto;
  }
  .prog-text p:nth-child(2) {
    color: #fff;
    font-size: 3vw;
    line-height: 3vw;
    margin-bottom: 1vw;
  }
  .prog-text p:nth-child(3) {
    font-size: 2vw;
    line-height: 3vw;
  }
  /* 项目案例 */
  .case-opera, .case-title{
    display: none;
  }
  .case-bg{
    bottom: auto;
    top: 0;
  }
  .case-ph-page{
    display: flex;
  }
  .case-top-title{
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    top: 10vw;
    z-index: 2;
  }
  .case-cont{
    bottom: 10%;
  }
  .case-cont a{
    flex-wrap: wrap;
  }
  .case-cont a img {
    width: 100%;
    margin-left: 0;
    margin-bottom: 3vw;
  }
  .case-text {
    width: 92%;
    margin-left: 4%;
    padding-top: 0;
  }
  .case-text p:nth-child(2){
    line-height: 3vw;
    margin-top: 0;
    font-size: 3vw;
  }
  .case-text p:nth-child(3){
    margin-bottom: 0;
    font-size: 2vw;
    line-height: 3vw;
  }
  /* 资讯中心 */
  .news-pc-bg{
    display: none;
  }
  .news-ph-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
  }
  .news-top{
    justify-content: center;
    margin: 10vw auto 0;
    width: 92%;
  }
  .news-title{
    text-align: center;
  }
  .news-top-more{
    display: none;
  }
  .news-bottom-more{
    display: block;
    position: relative;
  }
  .news-list{
    width: 92%;
    flex-wrap: wrap;
  }
  .news-item{
    width: 100%;
    margin-right: 0;
  }
  .news-item:nth-child(3n){
    margin-right: 0;
  }
  .news-item-bottom{
    padding: 1.8vw 2vw;
  }
  .news-item-bottom .time{
    font-size: 1.6vw;
    margin-bottom: 1vw;
  }
  .news-item-bottom .title{
    font-size: 2.4vw;
  }
  /* 关于千典 */
  .gyqd-pc, .about-title, .about-left-title{
    display: none;
  }
  .gyqd-ph{
    display: block;
  }
  .about-c{
    width: 92%;
    /* flex-wrap: wrap; */
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
  .about-left, .about-img{
    width: 100%;
  }
  .about-top-title{
    display: block;
    margin-top: 10vw;
    text-align: center;
    margin-bottom: 3vw;
  }
  .about-left-text{
    margin-top: 3vw;
  }
  .about-left-text p{
    font-size: 2vw;
    line-height: 4vw;
  }
  .about-left-num .num-itme p:nth-child(1){
    font-size: 3vw;
  }
  .about-left-num .num-itme p:nth-child(2){
    font-size: 2vw;
  }
  /* 联系我们 */
  .qd-info{
    height: 52vw;
  }
}
@media screen and (max-width: 767px){
  .banner-title{
    width: 92%;
  }
  .banner-title p:nth-child(1){
    font-size: 6vw;
  }
  .banner-title p:nth-child(2){
    margin-top: 2vw;
    font-size: 3vw;
    text-shadow: 2px 2px 4px #000;
  }
  .banner-btn{
    margin-top: 17vw;
    width: 30vw;
    font-size: 4vw;
    line-height: 8vw;
  } 
  /* 技术 */
  .tech-title {
    margin-top: 18vw;
  }
  .tech-swiper{
    width: 248%;
    margin-left: -74%;
    height: 114vw;
  }
  .tech-text p:nth-child(1){
    margin-bottom: 4vw;
    font-size: 5vw;
  }
  .tech-text p:nth-child(2){
    font-size: 4vw;
  }
  .tech-page{
    position: relative;
    bottom: -4vw;
    margin-top: 3vw;
    justify-content: center;
  }
  /* 解决方案 */
  .prog-top-title{
    top: 18vw;
  }
  .prog-text{
    bottom: 15%;
  }
  .prog-text p:nth-child(2){
    font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 5vw;
  }
  .prog-text p:nth-child(3){
    font-size: 4vw;
    line-height: 6vw;
  }
  .prog-page{
    bottom: 8%;
  }
  /* 项目案例 */
  .case-top-title{
    top: 18vw;
  }
  .case-cont {
    bottom: auto;
    top: 24vw;
  }
  .case-text{
    margin-top: -10vw;
  }
  .case-text p:nth-child(2) {
    line-height: 5vw;
    margin-bottom: 4vw;
    font-size: 5vw;
  }
  .case-text p:nth-child(3) {
    line-height: 6vw;
    font-size: 4vw;
  }
  .case-ph-page{
    bottom: 8%;
  }
  /* 资讯中心 */
  .news-top{
    margin: 18vw auto 0;
  }
  .news-item{
    margin-top: 3vw;
  }
  .news-item-bottom .time{
    font-size: 3vw;
  }
  .news-item-bottom .title{
    font-size: 4vw;
  }
  .news-item-bottom {
    padding: 3vw 4vw;
  }
  .news-bottom-more{
    margin: 4vw auto 0;
  }
  /* 关于千典 */
  .about-top-title{
    margin-top: 18vw;
  }
  .about-left-text p{
    font-size: 4vw;
    line-height: 6vw;
  }
  .about-left-num .num-itme p:nth-child(1) {
    font-size: 5vw;
  }
  .about-left-num .num-itme p:nth-child(2) {
    font-size: 3vw;
  }
  .about-more {
    margin-top: 4vw;
  }
  /* 联系我们 */
  .qd-info{
    height: 72vw;
  }
}