/* ===================首页样式========================== */

.banner-bg img{width: 100%;height: auto;}
.banner-con{position: absolute;;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;margin-top: 80px;}
.banner-con .title,.banner-con .subtitle{opacity: 0;transform: translateY(100px);transition: all 1s .1s ease;line-height: 1.3;}
.banner-con .comMore-box{opacity: 0;transform: translateY(100px);transition: all 1s ease;}
.swiper-slide-active .banner-con .title{opacity: 1;transform: translateY(0);transition-delay: .8s;}
.swiper-slide-active .banner-con .subtitle{opacity: 1;transform: translateY(0);transition-delay: .8s;}

.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);transition-delay: .9s;}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .subtitle{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: .1s;}
.banner-pagination-box{position: absolute;left: 0;bottom: 55px;width: 100%;z-index: 2;}
.banner-pagination {display: flex; justify-content: center;}
.banner-pagination .swiper-pagination-bullet{margin-left: 3px;width: 36px;height: 36px;position: relative;background: transparent;opacity: 1;border-radius: 0;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet::before{transition: all .4s ease; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 8px;height: 8px;border-radius: 50%;background: rgba(255, 198, 0, 1);}
.banner-pagination .swiper-pagination-bullet::after{content: "";opacity: 0;transition: all .6s ease;animation: banPage 2s linear infinite; position: absolute;left: 0;top: 0;width: 100%;height: 100%;
/* background: url('../image/banner-pagination.png') no-repeat center/100% auto; */}
.banner-pagination .swiper-pagination-bullet-active::before{background: var(--red-color);width: 16px;height: 16px;}
.banner-pagination .swiper-pagination-bullet-active::after{opacity: 1;}

/* 轮播箭头基础样式 */
.ban-prev,
.ban-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  cursor: pointer;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: rgba(0,0,0,0.4);
  border-radius: 50%;
}
.ban-prev {left: 20px;}
.ban-next {right: 20px;}

/* 图标强制旋转 */
.ban-prev .icon,
.ban-next .icon {
  display: inline-block !important;
  font-size: 20px;
  color: #fff;
}
/* 右箭头 180° 旋转（强制优先级） */
.ban-next .icon {
  transform: rotate(180deg) !important;
}
.ban-prev:hover,
.ban-next:hover{background-color: rgba(44,141,25,0.8);}
@keyframes banPage {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
/* @media screen and (max-width: 1000px) {
	.banner-bg img{height: 180px;}
} */

/* 设计服务中心 */
.serCenter .serCen-box .item{width: calc(100% / 3);height: 280px;border-top: 1px #eaeaea solid;border-right: 1px #eaeaea solid;padding: 20px;}
.serCenter .serCen-box .item:nth-child(n+4):nth-child(-n+6){border-bottom: 1px #eaeaea solid;}
.serCenter .serCen-box .item:nth-child(1),.serCenter .serCen-box .item:nth-child(4){border-left: 1px #eaeaea solid;;}
.serCenter .serCen-box .item .img{position: absolute;z-index: -1;}
.serCenter .serCen-box .item .icon{font-size: 35px;position: absolute; bottom: 50px;left: 20px;color: var(--gray-color);}
/*media for */
@media screen and (min-width: 1100px) {
	.serCenter .serCen-box .item .img{top: 0;left: 0;padding: 20px;}
}

@media screen and (max-width: 1290px) {
}

@media screen and (max-width: 1000px) {
	.serCenter .serCen-box .item{width: calc(100% / 2);height: 100px;padding: 10px;}
	.serCenter .serCen-box .item .icon{font-size: 20px;bottom: 10px;}
	.serCenter .serCen-box .item .img{width: 60%;right: 0;bottom: 0;}

}

@media screen and (max-width: 640px) {

}
/* PCBA 案例中心 */
.caseCen .caseCen-box{justify-content: space-between;}
.caseCen .caseCen-box .img img{transition: .4s;}
.caseCen .caseCen-box .img{overflow: hidden;border: 1px var(--f9-color) solid;}
.caseCen .caseCen-box .item:hover img{transform: scale(1.1);}
.caseCen .caseCen-box .caseCen-L{width: 45%;}
.caseCen .caseCen-box .caseCen-L .img{height: calc(100% - 80px);background-color: #e3e3e3;display: flex;align-items: center;}
/* .caseCen .caseCen-box .caseCen-R .img{max-height: 320px;} */
.caseCen .caseCen-box .caseCen-R{width: 53%;}
.caseCen .caseCen-box .caseCen-R .item{width: calc(100% / 2 - 10px);}
.caseCen .caseCen-box .caseCen-R .item:nth-child(2n){margin-left: 20px;}
.caseCen .caseCen-box h3{height: 80px;}

/*media for */
@media screen and (max-width: 1599px) {
}

@media screen and (max-width: 1290px) {
}

@media screen and (max-width: 1000px) {
	.caseCen .caseCen-box .caseCen-L,
	.caseCen .caseCen-box .caseCen-R{width: 100%;}
	.caseCen .caseCen-box h3{height: 50px;}
}

@media screen and (max-width: 640px) {

}

/* 关于我们 */
.indAbout{background-image: url('../picture/indAbout.jpg');background-repeat: no-repeat;background-position: center top;}
.indAbout .indab-info{justify-content: space-between;padding: 40px;}
.indAbout .indab-info .indab-title{width: 40%;}
.indAbout .indab-info .indab-title .en{color: #F3F4F6;}
.indAbout .indab-info .indab-title h2{margin-top: -70px;}
.about-number{width: 58%;}
.about-number ul{position: absolute;width: 100%; padding: 30px 0; bottom: 0;left: 0;background: linear-gradient(270deg, rgba(44, 141, 25, 0.5) 0%, rgba(44, 141, 25, 0.25) 94%);
backdrop-filter: blur(10px);}
.about-number ul li{margin-left: 80px;}
/*media for 关于我们*/
@media screen and (max-width: 1599px) {
}

@media screen and (max-width: 1290px) {
}

@media screen and (max-width: 1000px) {
.indAbout .indab-info{padding: 10px;}
.indAbout .indab-info .indab-title h2{margin-top: 0;}
.indAbout .indab-info .indab-title{width: 100%;}
.about-number{width: 100%;position: relative;margin-top: 30px;}
.about-number ul{padding: 10px 0;}
.about-number ul li{margin-left: 5px;}
}

@media screen and (max-width: 640px) {

}
/* 合作伙伴 */
.indHz .list{}
.indHz .list .item{margin-top: 18px;width: calc(100% / 6 - 10px);border: 1px #eee solid;}
.indHz .list .item:not(:nth-child(6n-5)){margin-left: 10px;}
@media screen and (max-width:680px){
	.indHz .list .item{width: 33.3%;}
	.indAbout{background-size: cover;}
	.indAbout .indab-info .title-box,
	.indAbout .indab-info .img{width: 100%;}
	
}
/*新闻中心*/
.indnews{background-image: url('../picture/indNew-bg.jpg');}
.indnews-box .item{background-color: #fff;}
.indnews-box .item .wd{background-color: #fff;padding: 20px;}
.indnews-box .item .wd i{margin-right: 10px;}
.indnews-box .item img{transition: .4s all ease;width: 100%;height: 100%;}
.indnews-box .item .img{height: 314px;overflow: hidden;transition: all .4s ease;}
.indnews-box .item .img .new-tag{position: absolute;z-index: 2;right: 0;bottom: 0;padding: 10px 30px;border-top-left-radius: 20px;}
.indnews-box .item:hover .img{height: 300px;}
.indnews-box .item:hover img{transform: scale(1.1);}
.indnews-box .item:hover h2{color: var(--main-color);}
.indnews .but-next,.indnews .but-prev{width: 50px;height: 50px;opacity: .5; border-radius: 5px;border: 2px solid var(--main-color);color: var(--main-color);}
.indnews .but-next:hover,.indnews .but-prev:hover{opacity: 1;}
.indnews .but-next{transform: rotate(180deg);margin-left: 20px;}
.indnews .swiper-button-disabled{border: 2px solid #BABABA;cursor: pointer;color: #BABABA;}
@media screen and (max-width:1100px){
	.indnews .but-next, .indnews .but-prev{width: 30px;height: 30px;}
}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
   
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */

}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
@media all and (max-width:1000px){
    /* 720 竖屏 */
    /* .banner-bg img{height: calc(100vh - 60px);} */
    .banner-con .nobr br{display: none;}
    .banner-pagination-box{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{width: 24px;height: 24px;margin-left: 6px;}
    .banner-pagination .swiper-pagination-bullet-active::before{width: 6px;height: 6px;}

}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px){
    /* 移动终端 360 适配 */

}