@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .title{text-shadow: 0px 4px 6px rgba(2, 15, 21, 0.25);}
.banner-con .title::after{content: "";position: absolute;left: 0;bottom: 0;width: max(30px,0.54rem);height: max(2px,0.04rem);background: #fff;}
.banner-con .title{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease .7s;}
.banner-con .text{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease .8s;}
.banner-con .comMore-box{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease .9s;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .text{transition-delay: .1s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: .2s;}
.banner-pagination{bottom: 42px;position: absolute;left: 50%;transform: translateX(-50%);z-index: 10;}
.banner-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: 1;position: relative;margin: 0 14px !important;transition: all .2s ease;}
.banner-pagination .swiper-pagination-bullet i{position: absolute;width: 24px;height: 24px;margin: -12px 0 0 -12px;top: 50%;left: 50%;opacity: 0;transition: all .4s ease;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 1);}
.banner-pagination .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -12px 0 0 -12px;width: 24px;height: 24px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet svg circle{stroke-dasharray:100,100;stroke-dashoffset:100;}
.banner-pagination .swiper-pagination-bullet-active{background: transparent;}
.banner-pagination .swiper-pagination-bullet-active i{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg circle{animation: bulletRun 5s linear both;}
.banner-pagination .swiper-pagination-bullet-active.first svg circle{animation: bulletRun 4s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:100;}100%{stroke-dashoffset:0;}}
.indNews-show{box-shadow: 0px max(3px,0.06rem) max(15px,0.3rem) 0px rgba(0, 0, 10, 0.07);}
.indNews-show-img{width: 50%;}
.indNews-show-img img{width: 100%;height: 4.2rem;}
.indNews-show-con{width: 50%;flex-direction: column;justify-content: center;padding: 0 0.48rem;}
.indNews-show-con .date,.indNews-item .date{color: #b1b1b1;}
.indNews-show:hover,.indNews-item:hover{box-shadow: 0px max(8px,0.15rem) max(15px,0.3rem) 0px rgba(0, 0, 10, 0.2);}
.indNews-show:hover .title,.indNews-item:hover .title{color: #d50e1b;}
.indNews-show:hover .indNews-show-img img{transform: scale(1.08);}
.indNews-item{background: #fff; transition: all .4s ease; height: 100%;padding: 0.26rem 0.3rem;box-shadow: 0px max(3px,0.06rem) max(15px,0.3rem) 0px rgba(0, 0, 10, 0.07);}
.indHZ-swp:nth-child(2n){transform: rotate(180deg);}
.indHZ-swp:nth-child(2n) .swiper-slide{transform: rotate(-180deg);}
.indHZ-swp .swiper-wrapper{transition-timing-function: linear;}
.indHZ-slide{height: 1.2rem;}
.indHZ-slide img{max-width: 75%;max-height: 48%;}
.indHZ-btn{user-select: none;cursor: pointer;width: 30px;height: 30px;position: absolute;left: -15px;top: 50%;z-index: 2;transform: translateY(-50%);color: #b1b1b1;}
.indHZ-btn.next{left: auto;right: -15px;transform: translateY(-50%) rotate(180deg);}
.indHZ-btn:hover{color: #d50e1b;}
.indPro-nav .item{margin-left: 0.36rem;color: #282828;}
.indPro-nav .item:first-child{margin-left: 0;}
.indPro-nav .item::after{content: "";position: absolute;left: 50%;transform: translateX(-50%); bottom: 0;width: 0;height: 1px;background: #d50e1b;transition: all .3s ease;}
.indPro-nav .item:hover{color: #282828;}
.indPro-nav .item:hover::after{width: calc(100% - max(20px,0.24rem));}
.indSol-thumbs{padding: 0 max(20px,0.4rem);}  
.indSol-thumbs-btn{padding-bottom: max(10px,0.2rem);width: max(20px,0.4rem);position: absolute;left: 0;top: 0;z-index: 2;height: 100%;user-select: none;cursor: pointer;}
.indSol-thumbs-btn.next{transform: rotate(180deg);left: auto;right: 0;padding: max(10px,0.2rem) 0 0;}
.indSol-thumbs-btn:hover{color: #000;}
.indSol-thumbs .swiper-slide{height: auto;padding-bottom: max(10px,0.2rem);}
.indSol-thumbs-click{flex-direction: column;justify-content: flex-start;height: 100%;padding: 0.28rem 0.05em 0.2rem;}
.indSol-thumbs-click::after{content: "";position: absolute;left: 50%;top: 100%;transform: translateX(-50%);border: max(5px,0.1rem) solid transparent;border-top-color: #d50e1b;opacity: 0;transition: all .4s ease;}
.indSol-thumbs-click .ico{height: max(30px,0.42rem);}
.indSol-thumbs-click .ico img{max-height: 100%;transition: all .4s ease;}
.indSol-thumbs-click .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indSol-thumbs-click.active{background: #d50e1b;}
.indSol-thumbs-click.active::after{opacity: 1;}
.indSol-thumbs-click.active .ico .s{opacity: 0;}
.indSol-thumbs-click.active .ico .h{opacity: 1;}
.indSol-thumbs-click.active .title{color: #fff;}
.indSol-btm{padding: 0 26px;}
.indSol-swp{display: none; width: calc(100% + 26px);margin-left: -13px;}
.indSol-swp:first-child{display: block;}
.indSol-swp .swiper-slide{padding: 7px 13px 19px;}
.indSol-slide{box-shadow: 0px 6px 13px 0px rgba(0, 0, 10, 0.1);}
.indSol-slide .img img{width: 100%;height: 28.5vw;}
.indSol-slide .title{padding: 18px 24px;align-items: center;background: #fff;}
.indSol-slide .title p{max-width: calc(100% - 24px);}
.indSol-slide .title i{display: block;transform: rotate(180deg);font-size: max(12px,0.14rem);margin-left: 8px;}
.indSol-slide:hover .img img{transform: scale(1.1);}
.indSol-slide:hover .title p{color: #d50e1b;}
.indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indAb-bg img{width: 100%;height: 100%;}
.indAb-con{position: relative;z-index: 2;}
.indAb-desc{width: max(400px,5.5rem);max-width: 100%;}
.indAb-num::after{content: "";position: absolute;left: 50%;top: 0;width: 100vw;transform: translateX(-50%);height: 1px;background: rgba(255, 255, 255, .2);}
.indAb-num li{width: 25%;border-left: 1px solid rgba(255, 255, 255, .2);position: relative;}
.indAb-num li:first-child{border: unset;}
.indAb-num li::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/index/indAb-item-bg.jpg') no-repeat center/cover;opacity: 0;transition: all .4s ease;}
.indAb-num .box{padding: 0.4rem 0.35rem; position: relative;z-index: 2;justify-content: space-between;align-items: center;}
.indAb-num .desc{flex: 1;}
.indAb-num .num{align-items: flex-start;}
.indAb-num .num span{display: block;line-height: .8;}
.indAb-num .num span.mr{margin-right: max(3px,0.05rem);}
.indAb-num .text{opacity: .5;}
.indAb-num .ico{height: max(30px,0.46rem);}
.indAb-num .ico img{max-height: 100%;}
.indAb-num li:hover::after{opacity: 1;}
/* -------------------------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 */
    .indPro-nav .item{margin-left: 0.2rem;}
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner-bg img{min-height: 350px;}
    .banner-pagination{bottom: 20px;transform: translateX(-50%) scale(.8);}
    .indPro-nav{justify-content: flex-start;align-items: flex-start;overflow-x: auto;white-space: nowrap;}
    .indPro-nav .item{margin-left: 25px;}
    .indSol-list{margin-left: -10px;}
    .indSol-item{width: calc(50% - 10px) !important;margin: 10px 0 0 10px;}
    .indSol-item .img img{height: 105px;}
    .indSol-item .title{padding: 14px 12px;}
    .indJNJ{flex-direction: column-reverse;}
    .indJNJ-img{width: 100%;}
    .indJNJ-img .img img{height: 290px;}
    .indJNJ-con{width: 100%;padding: 20px 4% 40px;}
    .indJNJ-menu{padding: 14px 0 10px;}
    .indNews-show-img{width: 100%;}
    .indNews-show-img img{height: 200px;}
    .indNews-show-con{width: 100%;padding: 20px 15px 35px;}
    .indNews-list{margin-top: 15px;}
    .indNews-list .uli.ml24{margin: -15px 0 0;}
    .indNews-list .uli.ml24.uli3 li{margin: 15px 0 0;width: 100%;}
    .indNews-item{padding: 20px 15px;}
    .indHZ-btn{display: none;}
    .indApply-list{padding: 0;justify-content: center;margin: 30px 0 0 -60px;}
    .indApply-list li{margin-left: 60px;}
    .indApply-list li:nth-child(3){margin-top: 20px;}
    .indApply-list .ico{height: 28px;}
    .indCta-con{width: 100%;}
    .indCta-con .list li::after{top: 2px;}
    .indCta-msg{width: 100%;margin-top: 24px;padding: 20px 15px 30px;}
    .indCta-msg-item{width: 100%;}
    .indCta-msg-item textarea{height: 120px;}
    .indCta-msg-item.mt24{margin-top: 16px;}
    .indSol-thumbs-btn{display: none;}
    .indSol-thumbs{padding: 0;}
    .indSol-thumbs-click{padding: 15px 0;}
    .indSol-btm{padding: 0 4%;}
    .indSol-slide .img img{height: 250px;}
    .indSol-slide .title{padding: 12px 15px;}
    .indAb-num li{width: 50%;}
    .indAb-num li:nth-child(n+3){border-top: 1px solid rgba(255, 255, 255, .2);}
    .indAb-num li:nth-child(3){border-left: unset;}
    .indAb-num::after{width: 92vw;}
    .indAb-num .ico{height: 26px;}
    .indHZ-slide{height: 60px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}