@charset "utf-8";
/* ===================首页样式========================== */
.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-item{padding: 30px 0;justify-content: space-between;border-bottom: 1px solid #ddd;}
.indNews-item:first-child{border-top: 1px solid #ddd;}
.indNews-con{width: 48%;padding-bottom: 55px;}
.indNews-con .date{color: #c2c2c2;}
.indNews-con .title{transition: all .4s ease;}
.indNews-con .btn{position: absolute;left: 0;bottom: 0;width: 20px; height: 20px;border-radius: 50%;background: #ddd;transition: all .4s ease;overflow: hidden;}
.indNews-con .btn i{position: absolute;left: -18px;top: 50%;transform: translateY(-50%); animation: newsBtn 1.5s ease infinite;opacity: 0;transition: all .4s ease;}
.indNews-con .btn i::before{display: block;transform: rotate(180deg);}
@keyframes newsBtn {0%{left: -18px;}100%{left: 100%;}}
.indNews-img{width: 36%;transition: all .5s ease;}
.indNews-img img{width: 100%;height: 13vw;transition: all .5s ease;will-change: transform;}
.indNews-item:hover .indNews-con .title{color: #ca0915;}
.indNews-item:hover .indNews-con .btn{width: 54px;height: 54px;background: #ca0915;}
.indNews-item:hover .indNews-con .btn i{opacity: 1;}
.indNews-item:hover .indNews-img{transform: scale(.92);border-radius: 5px;}
.indNews-item:hover .indNews-img img{transform: scale(1.2);}
.indNews-more .btn{padding: 22px 30px;border-radius: 40px;border: 1px solid #2c2c2c;transition: all .4s ease;}
.indNews-more .btn i{position: relative;overflow: hidden;display: block;margin-left: 40px;transform: rotate(180deg);}
.indNews-more .btn i::before,.indNews-more .btn i::after{padding: 0 4px;transition: transform .6s ease;display: block;}
.indNews-more .btn i::after{content: "\e79b";font-family: 'icon';display: block;position: absolute;left: 100%;top: 0;}
.indNews-more .btn:hover{color: #fff;background: #ca0915;border-color: #ca0915;}
.indNews-more .btn:hover i::after,.indNews-more .btn:hover i::before{transform: translateX(-100%);}
.indIntro-title{line-height: 1.14;font-size: 5.2vw;}
.indIntro-text{display: flex;flex-direction: column;align-items: center; font-size: 10.4vw;line-height: .9;color: rgba(202, 9, 21, .1);white-space: nowrap;text-align: center;text-transform: uppercase;}
.indIntro-img{position: absolute;left: 0;top: 100%;width: 100%;transform: translateY(-20%);height: 100%;}
.indIntro-img .img{width: 47%;}
.indIntro-img .img img{animation: introImg 10s linear infinite;}
@keyframes introImg {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
.indAb .indTitle .text{width: 860px;margin: 20px auto 0;max-width: 100%;}
.indAb-num li{width: 25%;position: relative;flex-direction: column;justify-content: flex-start;border-left: 1px solid rgba(255, 255, 255, .3);}
.indAb-num li:first-child{border: unset;}
.indAb-num .num{line-height: 1;}
.indPro .indTitle{border-bottom: 1px solid #ddd;}
.indPro-con .indContain{justify-content: space-between;align-items: flex-start;}
.indPro-gallery{width: 27%;}
.indPro-gallery-more img{width: 100%;height: 27.5vw;}
.indPro-list{width: 48%;}
.indPro-item{margin-top: 20px;}
.indPro-menu{justify-content: space-between;align-items: center;color: #c2c2c2;user-select: none;cursor: pointer;}
.indPro-menu .title{align-items: center;display: flex;flex-wrap: wrap;}
.indPro-menu .title i{display: block;margin-left: 20px;transform: translate(-30px,-30px) rotate(225deg);opacity: 0;transition: all .4s ease;}
.indPro-menu.active{color: #2c2c2c;}
.indPro-menu.active .title i{opacity: 1;transform: translate(0) rotate(225deg);}
.indPro-drop{display: none;}
.indPro-item:first-child .indPro-drop{display: block;}
.indPro-drop-list{margin-left: -10px; width: 66%;padding-top: 20px;}
.indPro-drop-list .item{margin: 10px 0 0 10px;width: calc(50% - 10px);height: 7.3vw;background: #f6f6f6;transition: all .4s ease;}
.indPro-drop-list .item img{max-width: 80%;max-height: 70%;}
.indPro-drop-list .item:hover{box-shadow: 0 0 9px rgba(0, 0, 0, .2);}
.indPro-thumbs{border-top: 1px solid #ddd;}
.indPro-thumbs-line{position: absolute;left: 0;top: -1px;width: 33%;height: 2px;background: #ca0915;transition: all .6s ease;}
.indPro-thumbs-year{text-transform: uppercase;color: #c2c2c2;}
.indPro-thumbs-year.active{color: #2c2c2c;}
.indPro-ban-box{position: relative;}
.indPro-ban{position: absolute;left: 0;top: 0;width: 100%;height: 100%;will-change: clip-path;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.indPro-ban:first-child{position: relative;}
.indPro-ban.show2{z-index: 2;}
.indPro-ban.show{z-index: 3;}
.indPro-ban.clip1{animation: clip1 .5s linear forwards;}
.indPro-ban.clip2{animation: clip2 .5s linear forwards;}
@keyframes clip1 {0%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }20%{clip-path: polygon(0 0,100% 0,60% 100%,0 100%); }100%{clip-path: polygon(0 0,0% 0,0% 100%,0 100%); }}
@keyframes clip2 {0%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }20%{clip-path: polygon(0 0,100% 0,100% 100%,40% 100%);}100%{clip-path: polygon(100% 0,1000% 0,100% 100%,100% 100%); }}

.indPro-ban-bg .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.indPro-ban-bg .img img{width: 100%;height: 37.5vw;}
.indPro-ban-bg .text{font-size: 9.3vw;color: transparent; white-space: nowrap;text-transform: uppercase; position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-stroke: 2px rgba(255,255,255,.5);-webkit-text-stroke: 2px rgba(255, 255, 255, .5);}
.indPro-ban-swp{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indPro-ban-swp .swiper-container{height: 100%;}
.indPro-ban-swp .swiper-slide{height: auto;}
.indPro-ban-slide{height: 100%;flex-direction: column;}
.indPro-ban-slide .img img{max-height: 23vw;}
.indPro-ban-slide .title{margin-top: 30px;}
.indPro-ban-btn{font-size: 4vw;user-select: none;cursor: pointer;z-index: 2;position: absolute;left: 6.5%;top: 50%;transform: translateY(-50%);transition: all .4s ease;}
.indPro-ban-btn.next{left: auto;right: 6.5%;transform: translateY(-50%) rotate(180deg);}
.indPro-ban-btn:hover{color: #ca0915;}

.indRD-swp{position: relative;}
.indRD-swp .swiper-container{height: 41.7vw;}
.indRD-swp .swiper-slide{height: 25.8vw;}
.indRD-slide .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.6) 100%);}
.indRD-slide .img img{width: 100%;height: 35.5vw;}
.indRD-slide .title{position: absolute;left: 0;bottom: 16%;width: 100%;opacity: 0;}
.swiper-slide-active .indRD-slide .title{opacity: 1 ;}
.indRD-pagination{z-index: 5;position: absolute;left: 0;bottom: 4%;width: 100%;transform: rotate(180deg);}
.indRD-pagination .swiper-pagination-bullet{transform: rotate(-180deg); opacity: 1;border-radius: 0; width: 15vw;height: 2px;background: rgba(255, 255, 255, .3);position: relative;margin:0 10px;display: block;}
.indRD-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fff;    }
.indRD-pagination .swiper-pagination-bullet-active::after{width: 100%;transition: all 2s linear;}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-pagination{bottom: 20px;}
    .indNews-more .btn{padding: 18px 25px;}
    .indNews-more .btn i{margin-left: 25px;}
}
@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 竖屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .banner-img img{height: auto;}
    .banner-pagination{bottom:10px;}
    .indAb-num{margin-top: 0;}
    .indAb-num li{width: 50%;margin-top: 30px;}
    .indAb-num li:nth-child(3){border: unset;}
    .indPro-gallery {width: 100%;}
    .indPro-gallery-more img{height: 400px;}
    .indPro-list{width: 100%;margin-top: 10px;}
    .indPro-item{margin-top: 15px;}
    .indPro-drop-list{width: 250px;padding-top: 5px;}
    .indPro-drop-list .item{height: 60px;}
    .indPro-thumbs-year{font-size: 12px;}
    .indPro-thumbs-line{height: 1px;}
    .indPro-menu.active .title i{font-size: 13px;margin-left: 10px;}
    .indPro-ban-bg .img img{height: 220px;}
    .indPro-ban-slide .img img{max-height: 130px;}
    .indPro-ban-slide .title{margin-top: 10px;}
    .indPro-ban-bg .text{text-stroke: 0.5px rgba(255, 255, 255, .5);-webkit-text-stroke: 0.5px rgba(255, 255, 255, .5);}
    .indPro-ban-btn{font-size: 22px;display: none;}
    .indPro-ban-pagination{position: absolute;left: 0;bottom: 10px;width: 100%;z-index: 5;}
    .indPro-ban-pagination .swiper-pagination-bullet{background: rgba(255, 255, 255, .5);opacity: 1;width: 7px;height: 7px;margin: 0 4px;}
    .indPro-ban-pagination .swiper-pagination-bullet-active{background: #ca0915;}
    .indRD-pagination .swiper-pagination-bullet{margin: 0 5px;width: 40px;transform: rotate(0);}
    .indRD-swp .swiper-container{padding-bottom: 0;height: auto;transform: rotate(0);}
    .indRD-swp .swiper-slide{height: 100%;}
    .indRD-slide{transform: rotate(0);}
    .indRD-slide .title{bottom: 25px;}
    .indRD-pagination{bottom: 10px;transform: rotate(0);}
    .indNews-img{width: 30%;}
    .indNews-img img{height: 75px;}
    .indNews-con{width: 68%;padding-bottom: 0;}
    .indNews-con .btn{position: relative;margin-top: 20px;width: 30px;height: 30px;background: #ca0915;}
    .indNews-con .btn i{opacity: 1;font-size: 12px;}
    .indNews-more .btn{padding: 8px 15px;}
    .indNews-more .btn i{margin-left: 10px;font-size: 12px;}
}