@charset "utf-8";
/* ===================首页样式========================== */
.Lucency .Header-menu,.Lucency .Header-search-click,.Lucency .Header-lang-menu{color: #fff;}
/* .Lucency .Header-lang-menu i:first-of-type{background-image: url("../images/common/langH.gif");} */
.Lucency .Header-logo img.s {display: none;}
.Lucency .Header-logo img.h {opacity: 1;}
.banner{width: 100%;overflow: hidden;position: relative;background: #fff;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #1c1d1f;text-align: left;}
.banner-cont .see .btn{width:140px;height:35px;line-height:35px;text-align: center;border-radius: 35px;border:1px solid #fff;}
/* -- */
.banner-cont .title, .banner-cont .text, .banner-cont .see{opacity: 0;}
.swiper-slide-active .banner-cont .text{animation: bannerRun 1s ease both .4s;}
.swiper-slide-active .banner-cont .title{animation: bannerRun 1s ease both .5s;}
.swiper-slide-active .banner-cont .see{animation: bannerRun 1s ease both .6s;}
.oneSlide .banner-cont .text{animation: bannerRun 1s ease both .4s;}
.oneSlide .banner-cont .title{animation: bannerRun 1s ease both .5s;}
.oneSlide .banner-cont .see{animation: bannerRun 1s ease both .6s;}
@keyframes bannerRun{0%{opacity: 0;transform: translateX(240px);filter: blur(10px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
/* -- */
.banner-dot{position: absolute;width: 100%;left: 0;bottom: 60px;}
/* .banner-dot .swiper-pagination{text-align: left;} */
.banner-mouse{position: absolute;left: 0;right: 0;margin: 0 auto;width: 54px;display: flex;flex-direction: column;align-items: center;z-index: 10;transform: translate3d(0,0,10px);cursor: pointer;user-select: none;bottom: 60px;}
.banner-mouse span{font-size: 12px;color: #1c1d1f;margin-top: 16px;}
.banner-mouse p{width: 22px;height: 38px;border-radius: 11px;position: relative;border: 1px solid #1c1d1f;}
.banner-mouse p i{display: block;width: 6px;height: 14px;overflow: hidden;margin: 8px auto 0;border-radius: 3px;background: rgba(28,29,31,0.15);position: relative;}
.banner-mouse p i::after{content: "";position: absolute;width: 6px;height: 6px;background: #1c1d1f;border-radius: 50%;top: 0;left: 0;animation: bannerMouse 3s ease infinite;}
@keyframes bannerMouse{0%{transform: translateY(0);}50%{transform: translateY(16px);}}

.banner-pagination{z-index: 2;position: absolute;left: 0;bottom: 2.4vw;width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: 15vw;height: 2px;background: rgba(255, 255, 255, .5);position: relative;margin: 0 6px;opacity: 1;border-radius: 0;}
/* .banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #1d2088;}
.banner-pagination .swiper-pagination-bullet.active::after{animation: paginationAni 4s linear both;}
.banner-pagination .swiper-pagination-bullet.active.first-bullet::after{animation: paginationAni 3s linear both;} */
.banner-pagination .swiper-pagination-bullet-active{background-color: #fff;}
.banner-pagination .swiper-pagination-bullet .numaa{position: absolute;left:0;top:-30px;font-size:22px; color:#ccc;}
.banner-pagination .swiper-pagination-bullet-active .numaa{color:#fff;}
/* 动画 */
.banner-canvas{position: absolute;right: 31%;top: 50%;transform: translate(50%,-50%);opacity: 1;}
.banner-canvas img{width: 170px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.swiper-slide-active .banner-canvas{animation: bannerCanvas 1s ease both .6s;}
.oneSlide .banner-canvas{animation: bannerCanvas 1s ease both .6s;}
@keyframes bannerCanvas{0%{opacity: 0;}100%{opacity: 1;}}

/* 产品 */
.indpro  .pro-nav{width:25%; }
.indpro  .pro-nav ul li a{padding:25px;padding-left:20px;border-bottom:1px solid #e1e1e1;background-color: #f5f5f5;display:block;font-size:18px;}
.indpro  .pro-nav ul li.active a{background-color: #009fa8;color:white;}
.indpro  .pro-nav .contact .content{background-color: #f9f9f9;padding:20px;}
.indpro  .pro-nav .contact .img img{width:100%;}
.indpro  .pro-nav .contact .btn{background:#009fa8;width:230px;height:35px;border-radius:30px;text-align: center;line-height:35px;display:block;color:white}
.indpro .pro-list{width:75%}
.indpro .pro-list ul li{width:calc( 100% / 3 - 25px);margin-left:25px;margin-bottom:20px;background-color: #f5f5f5;padding:20px; transition: all .4s ease;}
.indpro .pro-list ul li:hover{border:1px solid #009fa8; }
.indpro .pro-list ul li .title{padding-top:40px; padding-bottom:20px;}
.indpro .pro-list ul li .img{text-align:center;}
.indpro .pro-list ul li .img img{width:100%;}
.indpro .contact{width:310px;height:50px;line-height:50px;border-radius:30px;color:white;background-color: #009fa8;margin-right:25px;}
.indpro .request{width:310px;height:50px;line-height:50px;border-radius:30px;color:#999999;border:1px solid #999999;}


/* 案例 */
.indcase{background: url('../images/new/index_case_bg.png') no-repeat center/cover;}
.indcase .case-name{justify-content: space-between;padding-bottom:10px;border-bottom:1px solid #fff;}
.indcase .case-name .case-item{padding:0px 20px;position: relative;}
.indcase .case-name .case-item.active::after{content:'';width:100%;height:2px;background-color:#009fa8;position:absolute;left:0;bottom:-11px;}
.indcase .case-list{margin-left:-25px;}
.indcase .case-list .list-item{width:calc( 25% - 25px);margin-left:25px;margin-bottom:25px;position: relative;cursor:pointer}
.indcase .case-list .list-item:hover .content{opacity:1;}
.indcase .case-list .list-item .content{text-align: center; position:absolute;opacity: 0;left:0;top:0;width:100%;color:white;height:100%;display:flex;flex-direction: column; justify-content: center;align-items:center;}
.indcase .case-list .list-item .content .more{background-color: #009fa8;width:110px;height:30px;border-radius: 30px;line-height:30px;text-align: center;}
 

/* why */
.indwhy .pagesTitle{justify-content: space-between;align-items: center;}
.indwhy .pagesTitle .title{width:50%;}
.indwhy .abwhy-list{margin-left:-25px;}
.indwhy .abwhy-list .list-item{width:calc( 25% - 25px);margin-left:25px;padding:40px 25px;height:360px;margin-bottom:20px;border-bottom: 10px solid #009fa8;}
.indwhy .abwhy-list .list-item:nth-child(7){width:calc( 50% - 25px);}
.indwhy .abwhy-list .list-item .content{position:absolute;bottom:30px;}
.indwhy .abwhy-list .list-item .title-content{align-items: center;}
.indwhy .abwhy-list .list-item .title-content .icon{margin-right:10px;}
.indwhy .contact .btn{margin-left:55px;}
.indwhy .abwhy-list .hide{opacity: 0;background-color: #009fa8;z-index:222;width:100%;height:100%;padding:40px 25px;left:0;top:0;position: absolute;}
.indwhy .abwhy-list .hide .title .icon{margin-right:20px;}
.indwhy .abwhy-list .list-item:hover .hide{opacity: 1;}

/* factory */
.indfac{background: url('../images/new/factory_index_bg.png') no-repeat center/cover;}
.indfac .num ul li{width:calc( 100% / 3);padding:0px 60px;position:relative;}
.indfac .num ul li::after{width:2px; height:100%;background-color:#009fa8;content:'';position:absolute;right:0px;top:0px;}
.indfac .num ul li:nth-child(3)::after{width:0px;}

.indfac .num ul li:nth-child(1) .jia{position:absolute;right:50px; top:3px;}
.indfac .num ul li:nth-child(2) .jia{position:absolute;right:12px; top:3px;}
.indfac .num ul li:nth-child(3) .jia{position:absolute;right:3px; top:3px;}
.indfac .num .jia2{position:absolute;right:-4px; bottom:16px;}

.indfac .indgy-link .more{width:150px;height:50px;line-height:50px;text-align: center;border-radius:30px;background-color: #009fa8;color:white;margin-right:20px;}
.indfac .indgy-link .contact{width:150px;height:50px;line-height:50px;text-align: center;border-radius:30px;color:#222222;border:1px solid #222222;}
.indfac .video{position:absolute;left:0;bottom:-250px;z-index:22;width:100%}
.indfac .video .video-content{background-color: #f3f3f3; width:36%;padding:40px 50px;flex-direction: column;justify-content: space-between;}
.indfac .video .video-slide{width:64%;cursor: pointer;}
.indfac .video .video-slide .play{position:absolute;left:50%;top:50%;transform: translate(-30px,-30px);}

.indfac .video .fac-btn{z-index: 2;left: calc(50% + 70px);bottom: 70px;}
.indfac .video .fac-btn .btn{user-select: none;cursor: pointer;width: 36px;height: 36px;border-radius: 50%;border:1px solid #a0a0a0;font-size: 12px;}
.indfac .video .fac-btn .btn::before{display: block;transform: scale(.8);}
.indfac .video .fac-btn .btn.next{margin-left: 18px;transform: rotate(180deg);}
.indfac .video .fac-btn .btn:hover{background: #009fa8;color:white;border:none;}


/* blog */
.indxw{background: #f7f9fc;padding-top:340px;}
.indxw .big-news{width:50%;}
.indxw .big-news .content{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px 25px;color:#fff;display:flex; flex-direction: column;justify-content: end;}
.indxw .big-news .content .catename{margin-right:20px;}
.indxw .news-list{width:50%;padding-left:25px;}
.indxw .news-list ul{flex-direction: column;justify-content: space-between;height:100%;}
.indxw .news-list .item-pic{width:30%;}
.indxw .news-list .item-content{width:70%;padding-left:20px;}
.indxw .news-list .item-content .catename{margin-right:20px;}

/* question */
.indque .big-que{width:50%;}
.indque .big-que .img{height:100%}
.indque .big-que .img img{height:100%;}
.indque .big-que .content{position:absolute;right:75px;bottom:80px;background-color: #009fa8;color:white;padding:20px;}
.indque .ques-list{width:50%;background-color: #f3f3f3;padding-left:60px;padding-right:206px; display:flex; flex-direction: column;justify-content: center;}
.indque .ques-content .ques-item{border-top: 1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;cursor:pointer;padding:30px 0;}
.indque .ques-content .ques-item .icon{width:5%;padding-top:5px;}
.indque .ques-content .ques-item .icon img{transform: rotate(45deg);}
.indque .ques-content .ques-item .item-content{width:90%;}
.indque .ques-content .ques-item .desc{display:none}
.indque .ques-content .ques-item.active .desc{display:block}
.indque .ques-content .ques-item.active .icon img{transform: rotate(0deg);}

/* .indPage .swiper-pagination{bottom: 0;position: relative;font-size: 0;pointer-events: none;}
.indPage .swiper-pagination-bullet{margin: 0 0 0 22px !important;background: #1c1d1f;opacity: 0.25;pointer-events: auto;}
.indPage .swiper-pagination-bullet:first-child{margin: 0 !important;}
.indPage .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1c1d1f;opacity: 1;} */

.indMenu{position: fixed;right: 60px;z-index: 99;top: 52%;transform: translateY(-50%);user-select: none;}
.indMenu p{cursor: pointer;position: relative;width: 8px;height: 8px;border-radius: 50%;background: rgba(28,29,31,0.1);transition: background .4s ease;margin-top: 20px;}
.indMenu p:first-child{margin-top: 0;}
.indMenu p span{position: absolute;right: 0;padding-right: 20px;color: #1c1d1f;top: -5px;white-space: nowrap;font-size: 12px;opacity: 0;transition: all .4s ease;}
.indMenu p.active, .indMenu p:hover{background: #1c1d1f;}
.indMenu p.active span, .indMenu p:hover span{opacity: 1;}
.indMenu.color p{background: rgba(255,255,255,0.15);}
.indMenu.color p span{color: #fff;}
.indMenu.color p.active, .indMenu.color p:hover{background: #fff;}

.indfa{background: #cbc8ce;animation-duration: 1.8s;}
.indfa-bg{width: 100%;}
.indfa-menu{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transform: translate3d(0,0,10px);z-index: 4;}
.indfa-menu a{position: absolute;width: 1px;height: 1px;display: block;user-select: none;}
.indfa-menu a .text{height: 60px;padding: 0 36px;color: #fff;align-items: center;border-radius: 12px;white-space: nowrap;box-shadow: 0px 6px 18px 0px rgba(18, 27, 54, 0.35);display: flex;position: absolute;left: 50%;top: 50%;margin-top: -30px;transform: translateX(-50%);}
.indfa-menu a img, .indfa-menu a span{position: relative;z-index: 4;}
.indfa-menu a img{max-width: 18px;max-height: 18px;}
.indfa-menu a span{margin-left: 12px;line-height: 1.14;}
.indfa-menu a i{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(162, 173, 196, .5);backdrop-filter: saturate(90%) blur(4px);border-radius: 12px;transition: all .4s ease;}
.indfa-menu a .text::before, .indfa-menu a .text::after{content: "";position: absolute;top: 0;width: 135px;height: 100%;transition: all .4s ease;background: url("../images/index/indfaSd.png") no-repeat left top/100% 100%;z-index: 2;}
.indfa-menu a .text::before{left: 0;}
.indfa-menu a .text::after{right: 0;transform: rotate(180deg);}
.indfa-menu a:hover i{background: rgba(28,29,31,0.6);}
.indfa-menu a:hover .text::before, .indfa-menu a:hover .text::after{opacity: 0;}
.indfa-menu a.m1{top: 49%;left: 27.5%;}
.indfa-menu a.m2{top: 44%;left: 49%;}
.indfa-menu a.m3{top: 64%;left: 64%;}
.indfa-menu a.m4{top: 52%;left: 75%;}

.indcp{background: #fff;}
.indcp-list{width: 100%;}
.indcp-ul{margin: -8px 0 0 -8px;}
.indcp-link{display: block;overflow: hidden;width: calc(50% - 8px);margin: 8px 0 0 8px;position: relative;}
.indcp-link .bg{width: 100%;height: 392px;transition: all .6s ease;}
.indcp-link .cont{position: absolute;width: 100%;top: 0;left: 0;padding: 32px 46px 0;transform: translate3d(0,0,10px);}
.indcp-link .cont .hint{opacity: 0.75;}
.indcp-link:hover .bg{transform: scale(1.06);}
.indcp-link:nth-child(3), .indcp-link:nth-child(4){width: calc(25% - 8px);}

.indgy{background: #9698a3;overflow: visible;height: 100vh;}
.indgy-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indgy-bg{width: 100%;height: 100vh;}
.indgy-wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;z-index: 2;padding-bottom: 2%;}
.indgy-head{width: 100%;text-align: center;color: #fff;}
.indgy-head .title{line-height: 1.24;}
.indgy-num{color: #fff;max-width: 1100px;margin-left: auto;margin-right: auto;}
.indgy-num ul{justify-content: space-between;}
.indgy-num li{display: flex;width: auto;}
.indgy-num li .cont{width: auto;}
.indgy-num li .cont .num{align-items: baseline;}
.indgy-num li .cont .num span{margin-right: 10px;}
.indgy-link{display: flex;justify-content: center;}
.indgy-link .link{position: relative;padding-right: 16px;}
.indgy-link .link::after{content: "";position: absolute;right: 0;top: 50%;margin-top: -6px;transition: all .4s ease;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #fff;width: 0;height: 0;}
.indgy-link .link:hover::after{transform: translateX(-4px);}
.indgy-loop{position: absolute;width: 100%;bottom: 54px;left: 0;user-select: none;}
.indgy-loop .contain{position: relative;padding: 0 30px;}
.indgy-loop .link{display: flex;width: 100%;padding: 12px;height: 100px;align-items: center;justify-content: center;position: relative;}
.indgy-loop .link img{transition: all .4s ease;max-height: 100%;}
.indgy-loop .link img.h{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;opacity: 0;}
.indgy-loop .link:hover img.s{opacity: 0;}
.indgy-loop .link:hover img.h{opacity: 1;}
.indgy-prev, .indgy-next{width: 30px;position: absolute;cursor: pointer;height: 100%;display: flex;align-items: center;color: #fff;font-size: 14px;top: 0;}
.indgy-prev i, .indgy-next i{font-size: inherit;}
.indgy-prev{left: 0;}
.indgy-next{right: 0;transform: rotateY(180deg);}
.indgy-logo{position: absolute;z-index: 4;width: 100%;height: calc(100vh + 4px);top: -2px;left: 0;pointer-events: none;}
.indgy-logo img {width: 100%;height: 100%;object-fit: cover;}
.indgy-logo .text{position: absolute;width: 1px;height: 1px;}
.indgy-logo .text span{line-height: 1.14;white-space: nowrap;position: absolute;}
.indgy-logo .text.left span{right: 0;top: 0;}
.indgy-logo .text.right span{left: 0;top: 0;}
.indgy-logo .text.left{top: 38%;left: 43%;}
.indgy-logo .text.right{top: 57%;right: 43%;}
/* -- */
.indgy-shade{position: absolute;z-index: 1;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(23, 27, 35, 0.4);opacity: 0;}
.indgy-shade2{position: absolute;z-index: 1;width: 100%;height: 100vh;top: 0;left: 0;background: url("../images/index/indgySd.png") repeat-x left bottom/auto 446px;opacity: 0;}
/* -- */
.indgy .indgy-wrap{opacity: 0;pointer-events: none;transition: all .8s ease;}
.indgy.active .indgy-wrap{opacity: 1;pointer-events: auto;}
.indgy.active .indgy-wrap .indgy-head{animation: indgyRun 1s ease both .4s;}
.indgy.active .indgy-wrap .indgy-num{animation: indgyRun 1s ease both .6s;}
.indgy.active .indgy-wrap .indgy-link{animation: indgyRun 1s ease both .8s;}
.indgy.active .indgy-wrap .indgy-loop{animation: indgyRun 1s ease both 1s;}
@keyframes indgyRun{0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indMenu {right: 18px;}
    .indMenu p span {padding-right: 16px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indMenu {right: 40px;}
    .indPage .swiper-pagination-bullet {margin: 0 0 0 16px !important;}
    .banner-dot, .banner-mouse{bottom: 38px;}
    .banner-mouse span {margin-top: 10px;}
    .indfa-menu a .text::before, .indfa-menu a .text::after{width: 120px;background-image: url("../images/index/indfaSd2.png");}
    .indfa-menu a .text {height: 50px;padding: 0 30px;margin-top: -25px;}
    .indfa-menu a span {margin-left: 8px;}
    .indcp-link .bg{height: 314px;}
    .indcp-link .cont {padding: 28px 38px 0;}
    .indgy-loop {bottom: 34px;}
    .indxw-link.indxw-main-one{width: 361px;}
    .indxw-main-img {width: calc(100% - 361px - 16px);}
    .indxw-main-img .link img, .indxw-link.indxw-main-one{height: 287px;}
    .indxw-link {padding: 32px 28px;height: 248px;}
    .indxw-link .time {padding: 0 28px;bottom: 32px;}
    .indxw-list {margin-top: 16px;}
    .indxw-list .swiper-wrapper {margin: -16px 0 0 -16px;}
    .indxw-list .swiper-slide {width: calc(100%/3 - 16px);margin: 16px 0 0 16px;}
    .indxw-main-img .link .cont {padding: 0 200px 30px 30px;}
    .indxw-main-img .swiper-pagination-bullet {margin: 0 0 0 14px !important;}
    .indxw-main-img .swiper-pagination {bottom: 30px;right: 30px;}

    .indpro .pro-nav ul li a{padding:18px;}
    .indpro .pro-list ul li .img img{width:84%;}
    
    .indfac {height:700px;}
    .indfac .video{bottom:-170px}
    
    .indxw .big-news img{height:450px;}
    .news-list .news-item img{height:130px};
}

@media all and (max-width:1430px) {
    /* 1360 */
    .indMenu {right: 20px;}
}

@media all and (max-width:1350px) {
    /* 1280 */
    .indMenu {right: 10px;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indMenu {right: 28px;}
    .indPage .swiper-pagination-bullet {margin: 0 0 0 14px !important;}
    .banner-dot, .banner-mouse{bottom: 28px;}
    .banner-mouse span {margin-top: 8px;}
    .indcp-link .bg{height: 251px;}
    .indcp-link .cont {padding: 20px 28px 0;}
    .indgy-loop {bottom: 12px;}
    .indxw-link.indxw-main-one{width: 289px;}
    .indxw-main-img {width: calc(100% - 289px - 16px);}
    .indxw-main-img .link img, .indxw-link.indxw-main-one{height: 230px;}
    .indxw-link {padding: 24px 20px;height: 200px;}
    .indxw-link .time {padding: 0 20px;bottom: 24px;}
    .indxw-main-img .link .cont {padding: 0 140px 20px 20px;}
    .indxw-main-img .swiper-pagination-bullet {margin: 0 0 0 12px !important;width: 12px;height: 12px;}
    .indxw-main-img .swiper-pagination {bottom: 20px;right: 20px;}

    .indpro .pro-nav ul li a{padding:16px;}
    .indpro .pro-list ul li .img img{width:100%;}

    .indque .ques-list{padding-right:60px;}
    .indque .ques-content .ques-item .icon{padding-top:0px;}
    .indcase .case-name .case-item {padding:0px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .indMenu{display: none;}
    .indgy{height: auto !important;}
    .indgy-sticky{position: relative;}
    .indgy-logo{display: none;}
    .indgy-shade{opacity: 1 !important;height: 100%;}
    .indgy-shade2{opacity: 1 !important;height: 100%;background-size: auto 160px;}
    .indgy .indgy-wrap{opacity: 1;pointer-events: auto;position: relative;padding: 160px 0 240px;}
    .indgy-bg{position: absolute;top: 0;left: 0;height: 100%;}
    .indcp{padding-bottom: 84px;}
    .indxw-link.indxw-main-one{width: 303px;}
    .indxw-main-img {width: calc(100% - 303px - 16px);}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-mouse{display: none;}
    .banner-canvas{display: none !important;}
    .banner-cont{text-align: center;}
    .banner-cont .see{justify-content: center;}
    @keyframes bannerRun{0%{opacity: 0;transform: translateY(80px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    .banner-dot .swiper-pagination{text-align: center;}
    .indfa-menu a .text::before, .indfa-menu a .text::after{display: none;}
    .indfa-menu a .text {height: 40px;padding: 0 16px;margin-top: -20px;border-radius: 6px;}
    .indfa-menu a i{border-radius: 6px;}
    .indcp-link .bg{height: 197px;}
    .indcp-link .cont {padding: 20px 18px 0;}
    .indgy .indgy-wrap {padding: 100px 0 180px;}
    .indxw-main-img{width: 100%;}
    .indxw-main-img .link img{height: 273px;}
    .indxw-link.indxw-main-one{width: 100%;margin-top: 16px;}


    .indpro .pro-nav {width:100%;}
    .indpro .pro-list{width:100%;margin-top:20px;}
    .indpro .pro-list ul li{width:100%;margin-left:0px;}
    .indcase .scrollcase{overflow-x: scroll;}
    .indcase .case-name{width:1200px}
    .indcase .case-list .list-item{width:calc( 50% - 25px);}
    .indcase .case-list .list-item .content{opacity:1;}

    .indwhy .pagesTitle .title{width:100%;}
    .indwhy .abwhy-list .list-item{width:100%;}
    .indwhy .abwhy-list .list-item:nth-child(7){width:100%;}
    
    .indwhy .contact .btn{margin-left:0px;margin-top:20px;}
    .indwhy .contact .btn a{border-radius:30px;}
    

    .indfac .num ul li{width:100%;padding:0px;justify-content: center;}
    .indfac .num ul li::after{width:0px;}
    .indfac .num ul li:nth-child(1) .jia{right:95px;}
    .indfac .num ul li:nth-child(2) .jia{right:52px;}
    .indfac .num .jia2{right:45px;bottom:5px;}
    .indfac .num ul li:nth-child(3) .jia {right:38px;}
    .indfac .video{width:113%;left: -35px;bottom: -328px;}
    .indfac .video .video-slide{width:100%;}
    .indfac .video .video-content{width:100%;}

    .indxw{padding-top:410px;}
    .indxw .big-news{width:100%;}
    .indxw .news-list{width:100%;margin-top:20px;}


    .indque .big-que{width:100%;}
    .indque .big-que .content{right:30px;bottom:30px;}
    .indque .ques-list{width:100%;padding-left:20px;padding-right:20px;padding-top:30px;}
    .indque .ques-content .ques-item .icon{padding-top:0px;}

    .Header-lang-menu{margin-top:0px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .banner-image img{height: calc(100vh - 60px);}
    .indfa-menu{display: none;}
    .indcp-ul {margin: -5px 0 0 -5px;}
    .indcp-link {width: calc(100% - 5px);margin: 5px 0 0 5px;}
    .indcp-link:nth-child(3), .indcp-link:nth-child(4) {width: calc(50% - 5px);}
    .indcp-link .bg{height: 187px;}
    .indcp-link .cont {padding: 20px 16px 0;}
    .indcp {padding-bottom: 40px;}
    .indgy-loop .link {padding: 10px;height: 60px;}
    .indgy-num ul{margin: -18px 0 0 -18px;}
    .indgy-num li{width: calc(50% - 18px);margin: 18px 0 0 18px;text-align: center;}
    .indgy-num li .cont{width: 100%;}
    .indgy-num li .cont .num{justify-content: center;}
    .indgy-num li .cont .num span {margin-right: 6px;}
    .indgy-num{margin-top: 40px;}
    .indgy .indgy-wrap {padding: 60px 0 140px;}
    .indgy-shade2 {background-size: auto 100px;}
    .indxw-main-img .link img{height: 130px;}
    .indxw-main-img .link .cont{position: relative;padding: 0 16px;background: #fff;animation: none !important;opacity: 1;height: 58px;display: flex;align-items: center;}
    .indxw-main-img .link .cont .title{color: #1c1d1f;}
    .indxw-main-img .link::after{height: calc(100% - 58px);background-size: auto 28%;}
    .indxw-main-img .swiper-pagination {bottom: 68px;right: 0;width: 100%;text-align: center;}
    .indxw-main-img .swiper-pagination-bullet {margin: 0 0 0 8px !important;width: 8px;height: 8px;}
    .indxw-link.indxw-main-one {margin-top: 12px;}
    .indxw-link {padding: 20px 16px;height: 150px;box-shadow: none !important;}
    .indxw-main-img .link img, .indxw-link.indxw-main-one {height: 204px;}
    .indxw-list .swiper-container{overflow: hidden;}
    .indxw-list .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .indxw-list .swiper-slide{width: 100%;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;flex: none;}
    .indxw-list {margin-top: 12px;}
    .indfa {animation-duration: 1.6s;}
}