@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg{overflow: hidden;}
.banner-bg img{width: 100%;height: calc(100vh - 80px);}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.banner-text{width: 700px;opacity: 0;transform: translateY(150px); transition: all 1s .9s ease;}
.banner-text p{position: relative;z-index: 2;}
.banner-text::after{content: "";position: absolute;left: 0;top: 0;transform: translate(-30%,-40%);width: 110px;height: 155px;background: url('../images/index/banner-title.png') no-repeat center/100% auto;}
.banner-more{opacity: 0;transform: translateY(100px); transition: all .8s 1.1s ease;}
.banner-more .comBtn{width: 122px;height: 42px;border-radius: 40px;}
.banner-pagination{z-index: 4;position: absolute;left: 0;bottom: 5%;width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: 20px;height: 16px;opacity: 1;border-radius: 0; margin: 0 10px;background: url('../images/index/banner-icon.png') no-repeat center/100% auto;}
.banner-pagination .swiper-pagination-bullet-active{background-image: url('../images/index/banner-iconH.png');}
.swiper-slide-active .banner-text,.swiper-slide-active .banner-more{opacity: 1;transform: translateY(0);}
.swiper-slide-active.oneSlide .banner-text{transition-delay: 0s;}
.swiper-slide-active.oneSlide .banner-more{transition-delay: .2s;}
.indNum-list{margin-left: -30px;}
.indNum-list li{width: calc(25% - 30px);margin-left: 30px;padding: 40px 0 22px;border-radius: 20px;border: 1px solid #e2e2e2;flex-direction: column;}
.indNum-icon{height: 35px;}
.indNum-icon img{max-height: 100%;}
.indPro .contain{align-items: center;}
.indPro-btn{width: 240px;}
.indPro-btn-item{align-items: center;user-select: none;cursor: pointer;}
.indPro-btn-item:first-child{margin-top: 0;}
.indPro-btn-item .img{width: 70px;}
.indPro-btn-item .text{flex: 1;padding-left: 12px;}
.indPro-btn-item.active .text{color: #000;}
.indPro-swp{width: calc(100% - 240px);}
.indPro-slide{align-items: center;}
.indPro-img{width: 58%;border-radius: 20px;}
.indPro-img img{width: 100%;height: 720px;transition: all .6s ease;}
.indPro-img:hover img{transform: scale(1.1);}
.indPro-con{width: 42%;padding-left: 10%;}
.indPro-text p{padding-left: 13px;position: relative;}
.indPro-text p::after{content: "";position: absolute;left: 0;top: 12px;width: 3px;height: 3px;border-radius: 50%;background: #333;}
.indPro-more .comBtn{width: 210px;height: 46px;}
.indOur-bg{border-radius: 20px;overflow: hidden;position: relative;}
.indOur-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);z-index:2}
.indOur .gallery{border-radius: 20px;overflow: hidden;}
.indOur-bg img{width: 100%;height: 720px;transition: all .6s ease;}
.indOur-bg:hover img{transform: scale(1.1);}
.indOur-con{position: absolute;left: 0;bottom: 30px;width: 100%;z-index: 12;}
.indOur .thumbs .swiper-slide{width: auto;}
.indOur .thumbs-year{opacity: .5;padding-bottom: 4px;}
.indOur .thumbs-year::after{content: "";position: absolute;transition: all .4s ease; left: 50%;bottom: 0; transform: translateX(-50%);width: 0;height: 3px;background: #fff;}
.indOur .thumbs-year.active,.indOur .thumbs-year:hover{opacity: 1;}
.indOur .thumbs-year.active::after{width: 100%;}
.indOur .thumbs .swiper-wrapper{justify-content: center;}
.indOur-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;color: #fff;padding: 70px 90px 100px;display: flex;flex-direction: column;justify-content: center;}
.indOur-cont .title{line-height: 1.14;}
.indOur-cont .title, .indOur-cont .text{max-width: 520px;}
.indOur-cont .link .comBtn {width: 210px;height: 46px;border-radius:23px;}
.indOur-text{display:none}

.indCase{width: calc(100% - 80px);margin: 120px auto 0;border-radius: 20px;overflow: hidden;}
.indCase-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indCase-bg .swiper-container{height: 100%;}
.indCase-bg .img{filter: blur(20px);transform: scale(1.2);height: 100%;}
.indCase-bg img{width: 100%;height: 100%;}
.indCase-box{position: relative;z-index: 2;}
.indCase-con{flex: 1;padding-right: 10%;}
.indCase-desc{width: 250px;margin-left: 50px;}
.indCase-more .comBtn{width: 120px;height: 40px;}
.indCase-img{width: calc(100% - 300px);transform: rotate(180deg);overflow: hidden;}
.indCase-img .swiper-container{width: 59%;margin: 0;overflow: visible;}
.indCase-img .swiper-slide{ height: auto; display: flex;align-items: center;transition: all .4s ease; user-select: none;cursor: pointer;}
.indCase-img .swiper-wrapper{align-items: center;}
.indCase-img .img{overflow: hidden;width: 100%;transform: translateX(-150px) scale(.5) rotate(-180deg);transition: all .4s ease;max-height: 100%;border-radius: 20px;}
.indCase-img .img img{width: 100%;height: 100%;transition: all .4s linear;border-radius: 20px;}
/* .indCase-img .swiper-slide.swiper-slide.next  .img{transform: translateX(-150px) scale(.5) rotate(-180deg);} */
.indCase-img .swiper-slide.swiper-slide-active  .img{transform: scale(1) rotate(-180deg);}
/* .indCase-img .swiper-slide.swiper-slide-active .img img{height: 450px;} */
/* .indCase-img .swiper-slide.swiper-slide-active .img{height: 100%;} */
.indCase-btn{z-index: 4; bottom: 0; transform: rotate(-180deg);position: absolute;left: 63%;align-items: center;}
.indCase-btn .btn{width: 48px;height: 48px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .7);user-select: none;cursor: pointer;}
.indCase-btn .btn.next{transform: rotate(180deg);}
.indCase-btn .btn:hover{border-color: #e7222a;background: #e7222a;}
.indCase-img .indCase-pagination{width: auto;bottom: auto;left: auto;margin: 0 32px;}
.indNews .contain{justify-content: space-between;}
.indNews-text{width: 48.5%;}
.indNews-show{border-bottom: 1px solid #666;}
.indNews-show .title{transition: all .4s ease;}
.indNews-show .title:hover{color: #e7222a;}
.indNews-more{align-items: center;}
.indNews-more p{transition: all .2s ease;}
.indNews-more i{margin-left: 7px;display: block;transition: all .2s ease;}
.indNews-more:hover p,.indNews-more:hover i{transform: translateX(19px);color: #e7222a;}
.indNews-swp{padding-left: 20px;}
.indNews-swp .swiper-container{height: 120px;}
.swiper-slide-active .indNews-slide{color: #000;}
.indNews-swp .indNews-pagination{position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #e0e0e0;height: 20px;width: 2px;}
.indNews-swp .indNews-pagination .swiper-pagination-progressbar-fill{background: #e7222a;}
.indNews-img{display: flex;align-items: center;justify-content: center;width: 45%;}
/* .indNews-img .canvas{position: relative;z-index: 2;} */
.indNews-logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}


.Prosc-from {margin-right: -15px;margin-bottom: -20px;}
.Prosc-from .list{width: calc(100%/3 - 15px);margin-right: 15px;margin-bottom: 20px;}
.Prosc-from .list input{width: 100%;height: 60px;border-radius: 10px;padding: 0px 30px;background-color: #f3f4f4;}
.Prosc-from .list.list2{width: calc(200%/3 - 15px);}
.Prosc-from .list.line{width: calc(100%/1 - 15px);}
.Prosc-from .list textarea{width: 100%;height: 200px;border-radius: 10px;padding: 15px 30px;background-color: #f3f4f4;}
.Prosc-from .list input::-webkit-input-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list input:-moz-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list input::-moz-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list input:-ms-input-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list textarea::-webkit-input-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list textarea:-moz-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list textarea::-moz-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list textarea:-ms-input-placeholder{color: #666;font-size: 16px;font-family: "M";}
.Prosc-from .list.line {display: flex;justify-content: space-between;}
.Prosc-from .list .cont-l {align-items: center;}
.Prosc-from .list .cont-l input{width: 190px;border-radius: 50px;height: 50px;}
.Prosc-from .list .cont-l .hit{margin-right: 40px;}
.Prosc-from .list .cont-l .img{margin-left: 20px;width: 135px;height: 45px;}
.Prosc-from .list .cont-l .img img{width: 100%;height: 100%;}
.Prosc-from .list .cont-r .btn{width: 190px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 30px;background-color: #e7222a;transition: all .4s ease;}
.Prosc-from .list .cont-r .btn:hover{background-color: #ff000a;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-text::after{width: 90px;height: 140px;}
    .indNum-list li{padding: 30px 0 18px;}
    .indPro-img img{height: 580px;}
    .indOur-bg img{height: 610px;}
    .indCase-img .img{transform: translateX(-100px) scale(.5) rotate(-180deg);}
    /* .indCase-img .swiper-slide.swiper-slide-next  .img {transform: translateX(-100px) scale(.5) rotate(-180deg);} */
    .indCase{margin-top: 100px;}
    .indCase-img .indCase-pagination{margin: 0 20px;}
    .indCase-btn .btn{width: 40px;height: 40px;}
    .indCase-img .swiper-container{height: 370px;}
    .indCase-btn{bottom: 22px;}
    .indOur-cont {padding: 50px 60px 70px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indPro-img img{height: 440px;}
    .indPro-con{padding-left: 30px;}
    .indOur-bg img{height: 490px;}
    .indCase-con{padding-right: 40px;}
    .indCase-img{padding-left: 30px;}
    .indCase-img .swiper-slide {width: 250px;height: 300px;}
    .indCase-img .swiper-slide.swiper-slide-active{width: 500px;}
    .indCase-img .indCase-pagination{margin: 0 15px;}
    .indCase-btn .btn{width: 40px;height: 40px;font-size: 14px;}
    .indCase{margin-top: 70px;}
    .indCase-img .swiper-container{height: 290px;}
    .indCase-img .img {transform: translateX(-80px) scale(.5) rotate(-180deg);}
    /* .indCase-img .swiper-slide.swiper-slide-next  .img {transform: translateX(-80px) scale(.5) rotate(-180deg);} */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .banner-bg img{height: 400px;}
    .banner-text{width: 100%;}
    .banner-text::after{width: 40px;height: 70px;}
    .banner-more .comBtn{width: 116px;height: 38px;}
    .banner-pagination .swiper-pagination-bullet{width: 16px;height: 14px;margin: 0 6px;}
    .indNum-list{margin-left: 0;justify-content: space-between;}
    .indNum-list li{width:calc(50% - 7px);margin: 14px 0 0;border-radius: 10px;justify-content: flex-start;padding: 30px 0 15px;}
    .indNum-icon{height: 30px;}
    .indPro-btn{width: 100%;display: flex;justify-content: center;text-align: center;overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;}
    .indPro-btn-item{margin: 0 0 0 15px;flex-direction: column;}
    .indPro-btn-item:first-child{margin-left: 0;}
    .indPro-btn-item .text{flex: unset;width: 100%;padding: 10px 0 0;}
    .indPro-btn-item .img{width: 50px;height: 40px;}
    .indPro-btn-item .img img{max-height: 100%;}
    .indPro-swp{width: 100%;margin-top: 30px;}
    .indPro-img{width: 100%;border-radius: 8px;}
    .indPro-img img{height: 360px;}
    .indPro-con{width: 100%;padding: 20px 0 0;}
    .indPro-text p{padding-left: 10px;}
    .indPro-text p::after{top: 10px;}
    .indPro-more .comBtn{width: 130px;height: 36px;}
    .indOur-bg,.indOur .gallery{border-radius: 8px;}
    .indOur-bg img{height: 250px;}
    .indOur .thumbs .swiper-slide{display: flex;justify-content: center;}
    .indOur .thumbs .swiper-wrapper{justify-content: flex-start;}
    .indOur .thumbs-year::after{height: 2px;}
    .indOur-text{padding: 0 5px;font-size: 12px;}
    .indCase{width: 94%;border-radius: 8px;}
    .indCase-bg .img{filter: blur(10px);}
    .indCase-con{padding-right: 0;position: relative;}
    .indCase-img{width: 100%;padding: 0;transform: rotate(0);}
    .indCase-img .img{border-radius: 8px;transform: rotate(0);}
    .indCase-img .img img{border-radius: 8px;}
    .indCase-box{padding: 40px 15px;}
    .indCase-img .swiper-slide.swiper-slide{height: 100%;}
    .indCase-img .swiper-container{height: auto;width: 100%;}
    .indCase-img .img{transform: unset !important;}
    .indCase-img{border-radius: 8px;overflow: hidden;}
    .indCase-img .img img{height: 210px;}
    .indCase-desc{width: 100%;margin-left: 0;}
    .indCase-more{margin-top: 30px;}
    .indCase-more .comBtn{width: 110px;height: 36px;}
    .indCase-btn{left: 50%;transform: translate(-50%);bottom: 15px;z-index: 5;}
    .indCase-img .indCase-pagination{font-size: 12px;margin: 0 10px;}
    .indCase-btn .btn{width: 30px;height: 30px;font-size: 12px;}
    .indCase-btn .btn::before{display: block;transform: scale(.8);}
    .indNews-img{width: 100%;}
    .indNews-text{width: 100%;margin-top: 30px;}
    .indNews-swp .swiper-container{height: 90px;}
    .indNews-swp{padding-left: 10px;}
    .indNews-logo{width: 100px;}
    .indCase{margin-top: 40px;}
    .indOur .thumbs-year{font-size: 14px;}
    .indOur-text .swiper-slide{font-size: 13px;}
    .indOur-cont {padding: 20px 16px 30px;}
    .indOur-con {bottom: 12px;}
    .indOur-cont .link .comBtn {width: 130px;height: 36px;border-radius: 18px;}
    .indOur-cont .text{max-height: 42px;-webkit-line-clamp: 2;}
    
    .Prosc-from {margin-right: 0px;margin-bottom: -10px;}
    .Prosc-from .list {width: 100% !important;margin-right: 0px;margin-bottom: 10px;}
    .Prosc-from .list input {height: 45px;padding: 0px 15px;}
    .Prosc-from .list input::-webkit-input-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list input:-moz-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list input::-moz-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list input:-ms-input-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list textarea::-webkit-input-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list textarea:-moz-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list textarea::-moz-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list textarea:-ms-input-placeholder{color: #666;font-size: 12px;font-family: "M";}
    .Prosc-from .list .cont-l{width: 100%;}
    .Prosc-from .list.line{flex-wrap: wrap;}
    .Prosc-from .list .cont-l .hit {margin-right: 0px;margin-bottom: 10px;width: 100%;}
    .Prosc-from .list .cont-l input {width: 160px;height: 45px;}
    .Prosc-from .list .cont-r {width: 100%;display: flex;justify-content: center;margin-top: 15px;}
    .Prosc-from .list .cont-r .btn {width: 140px;height: 45px;}
    .Prosc-from .list textarea {height: 150px;padding: 10px 15px;}
}