@charset "utf-8";
/* ===================首页样式========================== */
.indFixed-btn{position: fixed;left: 50%;transform: translateX(-50%);bottom: 90px;z-index: 999;}
.indFixed-btn .btn{margin-left: 15px; width: 270px;height: 56px;border-radius: 40px;background: #ca0915;opacity: .7;transition: all .4s ease;}
.indFixed-btn .btn:nth-child(1){margin-left: 0;}
.indFixed-btn .btn::after{ background: #e8000e; transition: all .6s ease; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);width: 500px;height: 500px;border-radius: 50%;}
.indFixed-btn .btn span{position: relative;z-index: 2;}
.indFixed-btn .btn i{position: relative;z-index: 2;overflow: hidden;display: flex;margin-left: 12px;transition: all 1s ease;}
.indFixed-btn .btn:hover{opacity: 1;}
.indFixed-btn .btn:hover:after{transform: translate(-50%,-50%) scale(1);}
.indFixed-btn .btn:nth-child(1):hover i{transform: rotate(180deg);}
.banner-img img{width: 100%;height: calc(100vh - 88px);}
.banner .hasVideo .banner-img img.pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1151px) {.hasVideo .banner-img img.pc{animation: none;}.hasVideo video{display: none;}}
.banner-pagination{position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;bottom: 40px;}
.banner-pagination .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;background: rgba(255, 255, 255, .3);margin: 0 7px;}
.banner-pagination .swiper-pagination-bullet-active{background: #fff;}
.indNews{border-top: 1px solid #e6e6e6;}
.indNews-head{justify-content: space-between;align-items: center;}
.indNews-btn{width: 120px;height: 40px;border-radius: 40px;background: #ca0915;}
.indNews-btn span{position: relative;z-index: 2;}
.indNews-btn::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); transition: all .5s ease; width: 300px;height: 300px;border-radius: 50%;background: #181818;}
.indNews-btn:hover::after{transform: translate(-50%,-50%) scale(1);}
.indNews-flex{justify-content: space-between;}
.indNews-show{width: calc(50% - 10px);}
.indNews-show-img::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 30%;background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.6) 70%);}
.indNews-show-img img{width: 100%;height: 500px;}
.indNews-show-con{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 30px 30px;}
.indNews-show-con .title{width: 100%;}
.indNews-show:hover .indNews-show-img img{transform: scale(1.08);}
.indNews-show:hover .indNews-show-con .title{color: #ca0915;}
.indNews-list{width: calc(50% - 10px); display: flex;flex-direction: column;justify-content: space-between;}
.indNews-item-img{width: 50%;}
.indNews-item-img img{width: 100%;height: 240px;}
.indNews-item-con{padding: 50px 40px 0; width: 50%;border: 1px solid #e6e6e6;border-left: unset;}
.indNews-item-data{align-items: center;}
.indNews-item-data .item{align-items: center;margin-left: 35px;}
.indNews-item-data .item:first-child{margin-left: 0;}
.indNews-item-data .item i{display: block;font-size: 15px;margin-right: 10px;}
.indNews-item:hover .indNews-item-img img{transform: scale(1.08);}
.indNews-item:hover .indNews-item-con .title{color: #ca0915;}
.indRD-img img{width: 100%;height: 420px;}
.indRD-con{position: absolute;left: 0;top: 0;width: 100%;padding: 45px;}
.indRD-slide:hover .indRD-img img{transform: scale(1.08);}
.indBrand{padding-bottom: 20px;}
/* .indBrand-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);} */
.indBrand-img img{width: 100%;height: 440px;}
.indBrand-con{padding: 6vw 35px 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;}
.indBrand-logo{margin-left: -30px;justify-content: center;}
.indBrand-logo-item{transition: all .5s ease; width: calc(25% - 30px);height: 106px; margin: 30px 0 0 30px;background: rgba(255, 255, 255, .9);border-radius: 50%;}
.indBrand-logo-item img{max-width: 75%;max-height: 70%;transform: translate3d(0,0,0);}
.indBrand-logo-item:hover{background: #fff;transform: scale(1.33);}
.indBrand-logo-item:hover img{transform: translate3d(0,0,0);}
.indPro-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indPro-bg-swp,.indPro-bg .swiper-container{height: 100%;}
.indPro-bg-slide{height: 100%;}
.indPro-bg-slide::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);}
.indPro-bg-slide img{width: 100%;height: 100%;}
.indPro-con{position: relative;z-index: 2;}
.indPro-nav li{margin-left: 50px;align-items: center;user-select: none;cursor: pointer;}
.indPro-nav li:first-child{margin-left: 0;}
.indPro-nav li::after{content: "";opacity: 1;transition: all .4s ease; position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #fff;}
.indPro-nav i{display: block;transition: all .4s ease;opacity: 0;margin-right: 12px;transform: translateX(10px);}
.indPro-nav li.active::after{width: 100%;right: auto;left: 0;}
.indPro-nav li.active i,.indPro-nav li:hover i{opacity: 1;transform: translateX(0);}
.indPro-img{display: none;position: relative;}
.indPro-img:first-child{display: block;}
.indPro-img-img{height: 320px;}
.indPro-img-img img{max-height: 80%;}
.indPro-img-slide:hover .indPro-img-img img{transform: scale(1.08);}
.indPro-img-btn .btn{width: 56px;height: 56px;border-radius: 50%;border: 1px solid #fff; position: absolute;top: 43%;left: -120px;z-index: 5;user-select: none;cursor: pointer;transform: translateY(-50%);}
.indPro-img-btn .btn.next{left: auto;right: -120px;transform: translateY(-50%) rotate(180deg);}
.indPro-img-btn .btn::before{font-size: 20px;position: relative;z-index: 2;}
.indPro-img-btn .btn::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 110%;height: 110%;border-radius: 50%;border: 0px solid #ca0915;transition: all .4s ease;}
.indPro-img-btn .btn:hover::after{border-width: 28px;}
.indPro-box,.indRD,.indNews,.indAb-video{position: relative;z-index: 2;}
.indLine{animation: indLine .3s linear forwards;opacity: 0; display: flex;justify-content: center; position: absolute;left: 0;top: 50%;transform: translateY(-50%); height: 110%;pointer-events: none;width: 100%;}
.indLine svg{height: 100%;max-width: unset;}
.indLine path{stroke-linecap: round;}
@keyframes indLine {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
.indAb{background: url('../images/index/indAb-bg.jpg') no-repeat center/cover;}
.indAb .contain{position: relative;z-index: 2;}
.indAb-video video{width: 100%;}
.indAb-num{justify-content: center;}
.indAb-num li{width: 18.5%;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;text-align: center;}
.indAb-num li::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #d6d6d6;width: 1px;height: 90%;}
.indAb-num li:first-child::after{display: none;}
.indAb-num .num{justify-content: center;align-items: flex-end;font-family: 'B';}
.indAb-num .num span{line-height: .8;display: inline-block;margin-right: 5px;}
.indAb-img-box{transform: translateX(100%);transition:all 3s ease;}
.indAb-img-box.right{transform: translateX(0);}
.indAb-img-box.left{transform: translateX(-100%);}
.indAb-img .img{animation: rotate360 5s linear infinite;}
.indAb-img .bg{ position: absolute;left: 50%;bottom: -5px;transform: translateX(-50%);width: 64%;}
@keyframes rotate360 {0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}
.indAb-img .img{width: 23.5vw;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-pagination{bottom: 20px;}
    .indFixed-btn{bottom: 60px;}
    .indBrand-img img{height: 330px;}
    .indBrand-con{padding: 3vw 25px 0;}
    .indBrand-logo{margin-left: -20px ;}
    .indBrand-logo-item{width: calc(25% - 20px);margin: 20px 0 0 20px;}
    .indBrand-logo-item:hover{transform: scale(1.25);}
    .indPro-nav li{margin-left: 35px;}
    .indPro-nav i{margin-right: 10px;}
    .indPro-nav i img{height: 16px;}
    .indPro-img-img{height: 260px;}
    .indPro-img-btn .btn{width: 50px;height: 50px;left: -80px;}
    .indPro-img-btn .btn.next{right: -80px;}
    .indPro-img-btn .btn::before{font-size: 18px;}
    .indRD-img img{height: 310px;}
    .indRD-con{padding: 30px;}
    .indNews-show-img img{height: 370px;}
    .indNews-item-img img{height: 175px;}
    .indNews-item-con{padding: 30px 20px 0;}
    .indNews-item-data .item{margin-left: 25px;}
    .indNews-item-data .item i{margin-right: 5px;}
    .indNews-show-con{padding: 0 25px 25px;}
    .indFixed-btn .btn{width: 240px;height: 50px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indPro-nav li{margin-left: 20px;}
    .indBrand-img img{height: 260px;}
    .indBrand-logo{margin-left: 10px;}
    .indBrand-logo-item {width: calc(25% - 10px);margin: 10px 0 0 10px;}
    .indPro-nav i img{height: 14px;}
    .indPro-img-img{height: 220px;}
    .indPro-img-btn .btn {width: 40px;height: 40px;left: -60px;}
    .indPro-img-btn .btn.next{right: -60px;}
    .indPro-img-btn .btn::before{font-size: 16px;}
    .indRD-img img{height: 250px;}
    .indRD-con{padding: 20px;}
    .indNews-show-img img{height: 300px;}
    .indNews-item-img img{height: 140px;}
    .indNews-item-con {padding: 15px 15px 0;}
    .indFixed-btn .btn{width: 220px;height: 46px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .banner-img img{height: auto;}
    .banner-pagination{bottom:10px;}
    .indAb{background-size: auto 100%;}
    .indAb-num li{margin-top: 20px;width: 50%;}
    .indAb-num li:nth-child(3)::after{display: none;}
    .indAb-img .img{width: 200px;animation-duration: 40s;}
    .indAb-img-box{transition: all 1s ease;transform:none;}
    .indBrand-con{padding: 50px 15px 0;}
    .indPro-nav i img{height: 10px;}
    .indPro-nav i{margin-right: 5px;transform: translateX(5px);}
    .indPro-img .com-pagination{margin-top: 30px;}
    .indPro-img-img{height: 200px;}
    .indNews-btn{width: 100px;height: 34px;font-size: 12px;}
    .indNews-show{width: 100%;}
    .indNews-show-img img{height: 195px;}
    .indNews-list{width: 100%;margin-top: 15px;}
    .indNews-item-img{width: 30%;}
    .indNews-item-con{width: 70%;padding: 10px 10px 0;}
    .indNews-item-data .item i{font-size: 13px;}
    .indNews-item-data .item{margin-left: 12px;}
    .indNews-item-img img{height: 120px;}
    .indFixed-btn .btn{width: 150px;height: 40px;}
    .indFixed-btn .btn i{width: 18px;margin-left: 8px;}
    .indLine{width: auto;display: none;}
}