@import url('bootstrap.min.css');
@import url('swiper.min.css');
@import url('animation.css');
@import url('fontawesome.min.css');
@import url('base.css');
@import url('common.css');
@import url('ny.css');

/*banner*/
.banner{
  margin-top: 0;
}

.banner .swiper-slide{
	position: relative;
	height: 100%;
  color: #fff;
}

.banner .swiper-slide .div-img{
	z-index: 2;
}

.banner .swiper-slide .div-text{
	position: absolute;
	content: "";
	width: 100%;
	height: max-content;
	left:25px;
	top: 50%;
  transform: translateY(-50%);
	z-index: 3;
  color: #fff;
}

.banner .div-text p.p1{
  font-size: 32px;
  padding: 8px 23px 0 0;
  position: relative;
  display: inline-block;
  font-family: fangsong;
}

.banner .div-text p.p1 span{
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fff;
  font-size: 14px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.banner .div-text p.p2{
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.5;
    margin-top: 45px;
    margin-bottom: 10px;
    font-family: 'SourceHanSansCN-Bold';
    font-weight: bold;
}

.banner .div-text p.p3{
  font-size: 58px;
  line-height: 1.8;
  margin-top: 25px;
  font-weight: bold;
}

.banner .div-text .td span{
    display: inline-block;
    margin-right: 15px;
    color: #fff;
    padding: 5px 25px;
    background: var(--primary);
}


.banner .div-text .td{
  margin-top: 15px;
}

.banner .div-text a{
  color: #fff;
  display: inline-block;
  margin-top: 25px;
  font-size: 22px;
}

.banner .div-text a:hover{
  color: var(--primary);
}

.banner .swiper-button-prev:after, .banner .swiper-rtl .swiper-button-next:after,.banner .swiper-button-next:after, .banner .swiper-rtl .swiper-button-prev:after{
  font-size: 20px;
  color: #fff;
  min-width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(142,142,142,.65);
  line-height: 45px;
  text-align: center;
}

.banner .sbtn:hover:after{
  background: #fff;
  color: var(--primary);
}

/**首页产品**/


/*关于*/
/*其他*/
.fstAbout{
  padding: 125px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.fstAbout .div-text{
  max-width: 650px;
}

.fstAbout div.title{
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
.fstAbout div.title p.p1{
  font-size: 34px;
  color: var(--primary);
  font-weight: bold;
}
.fstAbout div.title p.p2{
  font-size: 20px;
}

.fstAbout .des p{
  line-height: 30px;
  margin-bottom: 10px;
}

.fstAbout .fmore{
  margin-top: 15px;
  margin-bottom: 85px;
}

.fmore a{
  display: inline-block;
  padding: 10px 30px;
  color: #000;
  border:1px solid #000;
  transition: all .6s ease;
}

.fmore a:hover{
  background: var(--primary);
  color: #fff;
  border: 1px solid var(--primary);
}

.sz{
  margin-top: 25px;
  margin-bottom: 125px;
}

.sz .item:nth-child(1){
  position: relative;
  padding-right: 25px;
  margin-right: 25px;
}

.sz .item:nth-child(1):after{
  position: absolute;
  content: "";
  width: 1px;
  height: 90%;
  right: 0;
  top: 0;
  /*background: #ccc;*/
}

.sz .item span{
  display: inline-block;
}

.sz .item span.s1{
  font-size: 34px;
  font-weight: bold;
  color: var(--primary);  
}

.sz .item span.s2{
  font-size: 14px;
}

.sz .item p.p2{
  margin-top: 5px;
}

.commonTit p.p1{
  font-size: 34px;
  text-transform: uppercase;
  font-weight: bold;
  color: #e9e9e9;
}

.commonTit p.p2{
  font-size: 34px;
}

.fsPro .commonTit p.p1,.fsPro .commonTit p.p2{
  color: #fff;
}

.ptj{
  position: relative;
}

.ptj .ditem{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  background: rgba(255,255,255,.2);
  border-radius: 50%;
  
}

.ptj .ditem span{
  width: 140px;
  height: 140px;
  padding: 15px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  transition: all .3s ease;
  font-size: 18px;
  font-weight: bold;
}


.ptj .ditem,.ptj .dPro{
  position: absolute;
}

.ptj .ditem.ditem1{
  top: 19%;
    left: 3.5%;
}

.ptj .ditem.ditem3{
  top: 19%;
  right: 3.5%;
}

.ptj .ditem.ditem2{
  top: 56%;
  left: 15%;
}



.ptj .ditem.ditem4{
  top: 56%;
  right:15%;
}

.ptj .ditem.on span,.ptj .ditem:hover span{
  color: #fff;
  background: var(--primary);
}

.ptj .dPro{
  top: 0;
  left: 50%;
  max-width: 650px;
  transform: translateX(-50%);
  text-align: center;
}

.ptj .dPro a{
  display: block;
  color: #fff;
}

.ptj .circle{
  padding: 25px 45px;
}

.dPro{
  width: 500px;
  height: 500px;
  background: rgba(255,255,255,.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; 
}

.dPro .swiper{
  width: 450px;
  height: 450px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dPro .swiper .swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center;
}


.dPro .swiper .swiper-slide a{
  color: #383838;
}

.dPro .swiper .swiper-slide p.title{
  font-size: 26px;
  margin-bottom: 15px;
}

.dPro .swiper .swiper-slide .p2{
  font-size: 20px;
  margin: 15px 0;
  color: var(--primary);
}

.dPro .swiper .swiper-slide span{
  border-bottom: 1px solid #383838;
  padding-bottom: 10px;
}

.dPro .swiper .swiper-slide .div-img{
  max-width: 75%;
  margin: auto;
}

.dPro .swiper .swiper-slide .div-img img{
  transform: scale(.98);
}

.dPro .swiper .swiper-slide .div-img:hover img{
  transform: scale(1);
}

.swiperbtns{
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.swiperbtns span{
  display: inline-block;
  margin: 0 8px;
}

.swiperbtns span:nth-child(1){
  transform: rotate(180deg);
}

.swiperbtns span svg{
  width: 30px;
  height: 30px;
  fill: #fff;
}

/*应用案例*/

.appList .swiper .swiper-wrapper{
  padding: 165px 0;
}
.appList .swiper .swiper-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;   
}


.appList .swiper .swiper-slide .item{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  transition: all .3s ease;
}
.appList .swiper .swiper-slide-active{
  z-index: 9;
}

.appList .swiper .swiper-slide.swiper-slide-next{
  z-index: 8;
}

.appList .item .div-text{
  position: absolute;
  bottom: 25px;
  left: 25px;
  display: none;
}

.appList .swiper-slide-active .item .div-text{
  display: block;
}

.newsText .swiper .swiper-wrapper{
  min-height: 480px;
  height: 480px;
}


.fstAbout{
  position: relative;
  z-index: 9;
  background-size: 100% auto;
  background-position: bottom; 
}

.fsPro{
    background-size: cover;
    margin-top: -10%;
    z-index: 2;
    padding-top: 10%;
    background-position: center;
}

.fstApp .divTit .d2 a:hover{
  color: var(--primary);
} 


.fstApp .swiper-button-prev:after,.fstApp .swiper-rtl .swiper-button-next:after,.fstApp .swiper-button-next:after, .fstApp .swiper-rtl .swiper-button-prev:after{
  font-size: 20px;
  min-width: 45px;
  height: 45px;
  line-height: 45px;
  background: var(--primary);
  color: #fff;
  text-align: center;
  border-radius: 50%;
}


/*新闻中心*/
.fstNews .divTit{
  margin-bottom: 45px;
}

.fstNews .divTit .d2{
  margin-left: 65px;
  margin-bottom: 6px;
}

.fstNews .divTit .d2 a{
  display: inline-block;
  padding: 0 15px;
  position: relative;
  color: #000;
}

.fstNews .divTit .d2 a:hover{
  color: var(--primary);
}

.fstNews .divTit .d2 a:nth-child(1):after{
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  background: #000;
  top: 5px;
  right: 0;
}

.more a{
  display: inline-block;
  padding: 6px 25px;
  background: var(--primary);
  color: #fff;
}

.newsText a.item{
  display: block;
  padding: 20px;
  background: #f0f0f0;
  border: 1px solid #f0f0f0;
  transition: all .3s ease;
  color: #000;
}

.newsText a.item p.title{
  font-size: 18px;
  margin-bottom: 10px;
}

.newsText a.item:hover{
  background: #fff;
  border: 1px solid var(--primary);
}

.newsBlock .newsImgs a{
  display: block;
}

.newsBlock .newsImgs a:hover img{
  transform: scale(1.1);
}

/*联系我们*/
.fstContact{
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.fstContact .div-text a{
  display: block;
  z-index: 1;
  text-align: center;
  color: #fff;
}

.fstContact .div-text a:after{
  position: absolute;
  content: "";
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  top: -35%;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
  border: 1px solid #fff;
}

.fstContact .div-text p.p1,.fstContact .div-text p.p2{
  font-size: 26px;

}

.fstContact .div-text .tb{
  border-top: 1px solid #fff;
  margin-top: 15px;
  padding-top: 15px;
}

.fstContact .div-text .tb svg{
  width: 45px;
  height: 45px;
  fill: #fff;
}

.fstContact .div-text:hover .tb svg{
  fill: var(--primary);
}

/*底部*/
.mainFooter{
  background-color: #fff;
  background-image: url(../images/footerBg.png);
  background-size:cover;
  background-position: top;
  color: #000;
  padding-top: 65px;
}

.mainFooter a{
  color: #000;
}


.mainFooter a:hover{
  color: var(--primary);
}


.mainFooter .divLogo{
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #888;
}

.mainFooter .divLogo .ms{
  font-size: 24px;
}


.mainFooter .dbMenus .d1{
  max-width: 800px;
  margin-right: 45px;
}

.mainFooter .d1 .item p.title{
  font-size: 18px;
  margin-bottom: 15px;
}

.mainFooter .d1 .item ul li a{
  color: #888;
  font-size: 14px;
  line-height: 1.2;
      margin-bottom: 15px;
    display: block;
}

.mainFooter .infos .cname{
  font-size: 20px;
  
} 

.mainFooter .info{
  margin-bottom: 15px;
    margin-top: 25px;
}

.mainFooter .info .tb{
  margin-right: 5px;
}

.mainFooter .info .tb svg{
  fill: var(--primary);
}

.mainFooter .info strong{
  font-size: 24px;
  color: #000;
  line-height: .8;
} 

.mainFooter .qrcode p{
  font-size: 14px;
  margin-top: 5px;
}

.mainFooter .qrcode img{
  max-width: 150px;
}


.copyright{
  background: #000;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 15px 0;
  margin-top: 55px;
}

.copyright a{
  display: inline-block;
  margin-left: 45px;
  color: #fff;
}

.copyright a span{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}


/*荣誉资质*/
.honorLists .swiper .swiper-pagination {
  width: 380px;
  height: 6px;
  margin: 0 auto;
  position: static;
  margin-top: 4%;
  border-radius: 35px;
  transform: translate(0);
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.honorLists .swiper .swiper-pagination span {
  background: #343434;
  width: 15px;
  height: 100%;
  border-radius: 0;
  margin: 0 3px;
  opacity: .2;
  transition: all ease .5s;
  border-radius: 5px;
}
.honorLists .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: var(--primary);
  opacity: 1;
  width: 35px;
}