@charset "utf-8";
/* ===================首页样式========================== */
.banner{width:100%;position:relative;overflow:hidden}
.banner > img{width: 100%;height:100vh;}
.banner > video, .banner .cgvideo{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;}
.banner .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;z-index: 10;}
.banner-line {display: block;width: 30px;height: 57px;position: absolute;left: 50%;margin-left: -15px;bottom: 0px;z-index: 2;}
.banner-line i {display: block;width: 2px;height: 47px;border-radius: 2px;position: absolute;left: 50%;margin-left: -1px;top: 0px;background: #fff;animation: banner-line 3s 0.3s linear both infinite;}
@keyframes banner-line {0%{transform: scale(1, 1);transform-origin: 50% 100%;opacity: 1;}20%{transform: scale(1, 0.01);transform-origin: 50% 100%;opacity: 1;}30% {transform: scale(1, 0.01);transform-origin: 50% 100%;opacity: 0;}31% {transform: scale(1, 0.01);transform-origin: 50% 0;opacity: 0;}50% {transform: scale(1, 1);transform-origin: 50% 0;opacity: 1;}100% {transform: scale(1, 1);transform-origin: 50% 100%;opacity: 1;}}
.banner-pagination{z-index: 20;position: absolute;left: 0;bottom: 40px;width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: 40px;height: 3px;background: #aaa;margin: 0 10px;opacity: 1;border-radius: 0;}
.banner-pagination .swiper-pagination-bullet-active{background: #945850;}
.banner-img{position: relative;}
.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;}}

.IndBtn {display: flex;align-items: center;}
.IndBtn i{font-size: 14px;transform: rotate(180deg);line-height: 1;margin-left: 12px;transition: all .4s ease;}
.IndBtn:hover i{transform: rotate(180deg) translateX(-15px);}
.Indcp-cont {justify-content: space-between;}
.Indcp-content {padding-left: calc((100% - 1110px) / 2);}
.Indcp-swiper {position: relative;}
.Indcp-lun > img {width: 100%;height: 625px;transition: all ease-in-out .5s;}
.Indcp-lun > img:hover {transform: scale(1.04);}
.Indcp-page {position: absolute;z-index: 3;bottom: 58px;left: 0px;width: 100%;display: flex;justify-content: center;z-index: 3;}
.Indcp-page .swiper-scrollbar{width: 450px;height: 2px;background-color: #48494b;}
.Indcp-page .swiper-scrollbar-drag{background-color: #fff;}
.Indcp-muen {position: absolute;z-index: 1;bottom: 0px;left: 0px;width: 100%;padding: 60px;background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));}
.Indcp-muen .muen{display: none;}
.Indcp-muen .muen.active{display: block;animation: IndcpMuen .5s ease-in-out;}
@keyframes IndcpMuen {0%{opacity: 0;}100%{opacity: 1;}}
.Indsj-cont{position: relative;height: 1070px;display: flex;align-items: flex-end;background-color: #000;}
.Indsj-bg {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:#d6d6d4;}
.Indsj-bg video, .Indsj-bg img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.Indsj-list{position: relative;z-index: 2;width: 100%;}
.Indsj-list .list{color: #945850;width: calc(100%/3);border-top: 1px solid rgba(255, 255, 255, .25);border-right: 1px solid rgba(255, 255, 255, .25);height: 370px;display: flex;flex-direction: column;justify-content: center;padding: 20px 75px;}
.Indsj-list .list:last-child{border-right: 0px;}
.Indsj-list .list:nth-child(1){width: 100%;border: 0px;}
.Indsj-list .list .number,.Indsj-list .list .title,.Indsj-list .list .text{opacity: .3;transition: all ease-in-out .5s;}
.Indsj-list .list.active .number{opacity: 1;}
.Indsj-list .list.active .title{opacity: 1;}
.Indsj-list .list.active .text{opacity: .75;}
.Indsj-list.hover .list{color: #fff;}




.Indxw-cont {justify-content: space-between;}
.Indxw-list .list{padding: 60px 0px;border-bottom: 1px solid #d7d7d7;}
.Indxw-list .list .data{width: 185px;}
.Indxw-list .list .img{width: 200px;height: 112px;overflow: hidden;}
.Indxw-list .list .img img{width: 100%;height: 100%;transition: all ease-in-out .5s;}
.Indxw-list .list:hover .img img{transform: scale(1.04);}
.Indxw-list .list .cont{width: calc(100% - 385px);padding-left: 40px;display: flex;flex-direction: column;justify-content: center;}
.Indxw-btn {justify-content: center;}
.Indxw-btn a:hover{color: #000;font-weight: 700;}
.Header.notTop{transform: translateY(-60px);}
.Header.showTop{transform: translateY(0px);}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .Indsj-cont {height: 765px;}
    .Indsj-list .list {height: 245px;padding: 20px 75px;}
    .Indcp-lun > img {height: 525px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .Indcp-content {padding-left: calc((100% - 960px) / 2);}
    .Indcp-lun > img {height: 435px;}
    .Indcp-muen {padding: 30px;}
    .Indcp-page {bottom: 30px;}
    .Indsj-cont {height: 640px;}
    .Indsj-list .list {height: 200px;padding: 20px 55px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner > img {height: 360px;}
    .banner > img.mb{z-index:3;position:relative}
    .banner > img.mb.false{opacity:0}
    .banner-cont img{max-width: 150px;}
    .banner-pagination{bottom: 8px;}
    .banner-pagination .swiper-pagination-bullet{width: 24px;height: 2px;margin: 0 4px;}
    .IndBtn i {font-size: 12px;}
    .Indcp-content {padding: 0px 4%;}
    .Indcp-lun > img {height: 400px;}
    .Indcp-page {bottom: 20px;}
    .Indcp-page .swiper-scrollbar {width: 92%;}
    .Indcp-muen {bottom: 0px;padding: 0px 4%;padding-bottom: 45px;}
    .Indsj-cont {height: 470px;}
    .Indsj-list .list {color: #fff; width: calc(100%/2) !important;padding: 20px;border-top: 1px solid rgba(255, 255, 255, .3) !important;border-right: 1px solid rgba(255, 255, 255, .3) !important;height: auto;}
    .Indsj-list .list:nth-child(2) {border-right: 0px !important;}
    .Indsj-list .list:nth-child(4) {border-right: 0px !important;}
    .Indxw-list .list {padding: 15px 0px;}
    .Indxw-list .list .data {width: 100%;margin-bottom: 15px;}
    .Indxw-list .list .cont {width: calc(100% - 115px);padding-left: 10px;}
    .Indxw-list .list .img {width: 115px;height: 75px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}