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

.banner-bg img{width: 100%;height: 760px;}
.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: 35px;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: 4px;height: 4px;border-radius: 50%;background: rgba(255, 255, 255, .5);}
.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: 8px;height: 8px;}
.banner-pagination .swiper-pagination-bullet-active::after{opacity: 1;}
@keyframes banPage {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@media screen and (max-width: 1000px) {
	.banner-bg img{height: auto;}
}
@media screen and (max-width: 640px) {

}
/* 首页产品 */
.pro-section .title-box{justify-content: space-between;align-items: center; padding-bottom: 20px;}
.title-box h2.title::after{margin: 20px auto;}
.pro-section .title-box .right ul{}
.pro-section .title-box .right ul li{overflow: hidden;}
.pro-section .title-box .right a{display: block;line-height: 30px; padding: 8px 15px;background-color: #F1F1F1;border-radius: 4px;margin-left: 10px;}
.pro-section .title-box .right a:hover{background: var(--main-gradient);color: #fff;}

.pro-section .pro-list .item{width:calc(100% / 4 - 20px);margin-top: 30px;margin-bottom: 50px;}
.pro-section .pro-list .item:not(:nth-child(4n-3)){margin-left: 20px;}
.pro-section .pro-list .item .img{overflow: hidden;border: 5px #F3F4F6 solid;}
.pro-section .pro-list .item img{transition: all .4s ease;}
.pro-section .pro-list .item:hover img{transform: scale(1.1);}
.pro-section .pro-list .wd{padding: 30px 0 50px 0;}
.pro-section .pro-list .comMore{width: 62px;transition: all .4s ease;position: absolute;right: 40px;}
.pro-section .pro-list .comMore span{width: 0;overflow: hidden;padding-left: 0;}
.pro-section .pro-list .item:hover .comMore{width: 263px;}
.pro-section .pro-list .item:hover span{width: auto;padding-left: 40px;}
.pro-section .pro-list .tag{position: absolute; top: 20px;left: 20px;z-index: 2;}
/*media for 产品*/
@media screen and (max-width: 1599px) {
}

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

@media screen and (max-width: 1000px) {
	
	.pro-section .title-box .right ul a{padding: 5px 10px;margin-bottom: 10px;margin-left: 0;margin-right: 10px;}
	.pro-section .pro-list .item{width: calc(100% / 2 - 10px);margin-top: 10px;margin-bottom: 10px;}
	.pro-section .pro-list .item:not(:nth-child(4n-3)){margin-left: 0;}
	.pro-section .pro-list .item:not(:nth-child(2n-1)){margin-left: 10px;}
	.pro-section .pro-list .wd{padding: 10px 0 30px 0;}
	.pro-section .pro-list .comMore{display: none;}
}

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

}
/*首页优势*/
.bg-indhy{background-color: var(--f8-color);}
.indhy-muen {width: 88px;flex-direction: column;height: 100%; position: absolute;z-index: 3;left: 0;right: 0;margin: auto;}
.indhy-muen a {transition: .4s all ease; background: #fff;margin: 20px; position: relative; font-size: 60px; display: block;width: 88px;height: 88px; border-radius: 44px;display: flex;align-items: center;justify-content: center;}
.indhy-muen a::after{content: '';display: block;width: 76px;height: 76px;position: absolute;z-index: 2; border-radius: 50%; border: 0.75px dashed #FFFFFF;}
.indhy-muen a.active,
.indhy-muen a:hover
{background-color: var(--main-color);color: #fff;}
.indhy-lun {overflow: hidden;background-color: #fff;}
.indhy-lun .img{overflow: hidden;}
.indhy-lun .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indhy-lun .img:hover img{transform: scale(1.04);}
.indhy-lun .cont{position: absolute; top: 0;left: 0;z-index: 2;
background: linear-gradient(270deg, rgba(0, 153, 233, 0.5) 0%, rgba(0, 124, 194, 0.8) 100%);
backdrop-filter: blur(10px);
width: 50%;height: 100%; padding: 20px 0 0 240px;display: flex;flex-direction: column;justify-content: center;}
.indhy-lun .cont .btn{width: 145px;height: 50px;}
.indhy-lun .cont .en{color: #d1d1d1;}
.indhy-lun .cont .comMore{background: #fff;}
.indhy-lun .cont .comMore span{color: var(--main-color);}
.indhy-lun .cont .but-jt{background-color: var(--main-color);}
.indhy-lun .cont .but-jt i{color: #fff;}
.indhy-lun .cont ul{margin-bottom: -15px;padding-right: 110px;}
.indhy-lun .cont li{margin-right: 55px;margin-bottom: 10px;font-size: 14px;padding-left: 30px;}
.indhy-lun .cont li::before{content: '';display: inline-block;position: absolute;top: 13px; left: 0px;  width: 15px;height: 2px;background-color: var(--red-color);}
/*media for 优势*/
@media screen and (max-width: 1599px) {
.indhy-lun .cont {padding: 20px 40px;}
}

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

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

.indhy-lun .img{width: 100%;}
.indhy-lun .cont{width: 100%;padding: 15px;position: relative;}
.indhy-lun .cont ul{padding-right: 0px;}
.indhy-lun .cont li {margin-right: 25px;margin-bottom: 15px;}
.indhy-muen {position: relative; flex-direction: row; overflow-X: auto;width: 100%;display: flex;justify-content: flex-start;}
.indhy-muen > div {flex-wrap: nowrap;padding: 0px;border-radius: 0px;}
.indhy-muen a{border-radius: 0px;height: 35px;margin-right: 0px;padding: 0px 15px;width: 180px;margin: 0 10px;background-color: var(--shalow);}
.indhy-muen a::after{display: none;}
.indhy-muen a i{font-size: 24px;}
.indhy-lun{border-radius: 5px;}
.indhy-lun .cont .btn {width: 110px;height: 35px;font-size: 12px;}
}

@media screen and (max-width: 640px) {
.indhy-muen a{font-size: 12px;}
.indhy-lun .cont .title{font-size: 16px;}
.indhy-lun .cont .text{font-size: 14px;margin-top: 4px;}
.indhy-lun .cont li {font-size: 12px;margin-right: 15px;}
}

/* 应用领域 */
.adv{padding-top: 80px;}
.adv .hTitle span{}
.adv ul{margin-right:-1px;}
.adv li{float:left;width:12.8%;height:600px;position:relative;z-index:2;transition:all .6s;cursor:pointer; margin-right: 1px;}
.adv li::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:#000;opacity:.66;transition:all .6s;transition-delay:.2s;}
.adv li .txt{position:absolute;top:50%;z-index:2;color:#fff;text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform:translateY(-50%);transition:all .5s;}
.adv li .txt h4{font-size:30px;font-weight: 600; padding-bottom:30px;position:relative;transition:all .3s;color: #fff;}
.adv li .txt h4 i{font-style:normal;display:block;font-size:30px;margin-bottom:18px; opacity: .9; }
.adv li .txt h4::after,.aboutBtn p::after{content:"";position: absolute;left:50%;background:#fff;width:12px;height:1px;bottom:0;margin-left:-6px;transition:all .3s;}
.adv li .info{padding-left:25px;border-left: 1px solid #fff; opacity:.7; color:#fff;line-height:1.8;margin-top:30px;transition:all .5s; padding-right: 25px; height:55px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.adv li.cur{width:35.7%;text-align:left;}
.adv li.cur::after{left:10%;right:10%;top:28%;bottom:28%;box-shadow: 0 10px 20px 0 rgba(47, 113, 214, 0.15);   border-radius: 10px;}
.adv li.cur .txt{top:50%;padding:0 14%;text-align:left;}
.adv li.cur h4{font-size:36px;line-height:1;color: #fff; font-weight: 600;}
.adv li.cur h4::after{display:none;}
.adv li.cur .info{opacity:1;margin-top:0; font-size:15px; padding-right: 0px; opacity:1;} 
.adv li.cur .info p,.adv li .txt p{line-height: 30px;color: #fff;}
@media(max-width: 750px){
	.adv li.cur h4{font-size: 24px;}
	.adv li,.adv li.cur{width: 100%;}
}


/* 关于我们 */
.indAbout{height: 885px; background-color: #f1f2f4; position: relative; background-image: url('../picture/indAbout.png');background-repeat: no-repeat;background-position: right bottom;}
.indAbout .indab-info{justify-content: space-between;}
.indAbout .indab-info .indab-title{width: 40%;}
.indAbout .indab-info .indab-title .en{color: #F3F4F6;}
.indAbout .indab-info .indab-title h2{margin-top: -70px;}
.indAbout .indab-info .img{width: 58%;}
.about-number{width: 65%; clip-path: polygon(95px 0, 100% 0, 100% 100%, 0 100%);
background: linear-gradient(270deg, rgba(0, 153, 233, 0.3) 0%, rgba(0, 153, 233, 0.7) 100%);
backdrop-filter: blur(10px);position: absolute;bottom: 0;right: 0;}
.about-number ul li{margin-left: 100px;}
/*media for 关于我们*/
@media screen and (max-width: 1599px) {
}

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

@media screen and (max-width: 1000px) {
.indAbout{height: 550px;
    background: linear-gradient(270deg, rgba(0, 153, 233, 0.1) 0%, rgba(0, 153, 233, 0.3) 100%);
    backdrop-filter: blur(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;}
}

@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{}
.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;}
/* -------------------------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 适配 */

}