.bannerMix{width: 100%;position: relative;overflow: hidden;}
.banner{width: 100%;overflow: hidden;position: relative;background: #16161e;}
.banner-image{width: 100%;}
.banner-image a{display:block}
.banner-image img{width: 100%;}
.banner-image img.pc{min-height: 600px;}
.banner-image img.mb{min-height: 440px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;text-align: left;padding-bottom: 134px;pointer-events:none}
.banner-cont .name{position: relative;}
.banner-cont .name span{padding: 0 28px 20px 0;border-bottom: 3px solid #f05a1e;line-height: 1;}
.banner-cont .name span.white{border-color: #fff;}
.banner-cont .title{line-height: 1.1;}
.banner-cont .text{line-height: 1.1;}
.banner-btn{pointer-events:auto}
.swiper-slide-active .banner-btn{animation: bannerRun 1s ease both 1.2s;opacity: 0;}
.banner-btn a{width: 104px;border-radius: 3px;transition: all .4s ease; height: 38px;align-items: center;justify-content: center;text-align: center;}
.banner-btn a:first-child{color: #eb571b;background: #fff;border: 1px solid #fff;}
.banner-btn a:nth-child(2){color: #fff;border: 1px solid #fff;margin-left: 15px;}
.banner-btn a:hover{background: #fff;color: #eb571b;}

.banner-cont .name, .banner-cont .title, .banner-cont .text{opacity: 0;}
.swiper-slide-active .banner-cont .name{animation: bannerRun 1s ease both .9s;}
.swiper-slide-active .banner-cont .title{animation: bannerRun 1s ease both 1s;}
.swiper-slide-active .banner-cont .text{animation: bannerRun 1s ease both 1.1s;}
.oneSlide .banner-cont .name{animation: bannerRun 1s ease both .4s;}
.oneSlide .banner-cont .title{animation: bannerRun 1s ease both .5s;}
.oneSlide .banner-cont .text{animation: bannerRun 1s ease both .6s;}

@keyframes bannerRun{0%{opacity: 0;transform: translateX(240px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}

.banner .swiper-pagination{bottom: 174px;}
.banner .swiper-pagination-bullet{width: 32px;height: 4px;background:#fbeee8;opacity: 1;margin: 0 0 0 14px !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #f05a1e;position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}
.indtb{position: absolute;z-index: 4;width: 100%;left: 0;bottom: 0;background: rgba(0,0,0,.5);}
.indtb-list{width: 100%;}
.indtb-ul{margin-left: -88px;}
.indtb-link{height: 134px;align-items: center;width: calc(33.3333% - 88px);margin-left: 88px;}
.indtb-link .icon{display: flex;align-items: center;max-width: 60px;height: 60px;}
.indtb-link .icon img{max-width: 100%;max-height: 100%;transition: all .4s ease;}
.indtb-link .cont{flex: 1;padding-left: 26px;}
.indtb-link .cont .title{transition: all .4s ease;}
.indtb-link:hover .cont .title{color: #f05a1e;}
.indtb-link:hover .icon img{transform: translateY(-4px);}
.indTitle{width: 100%;}
.indTitle .title{line-height: 1.1;position: relative;color: #818181;padding-left: 70px;}
.indTitle .title::before{content: "";position: absolute;width: 50px;height: 3px;background: #f05a1e;left: 0;top: 50%;margin-top: -1px;}

.indTitle .hint{line-height: 1.1;font-family: "M";}
.indTitle.white .title, .indTitle.white .text, .indTitle.white .hint{color: #fff;}
.indjg{background: #f4eeeb;padding-bottom: 10px;}
.indjg-mix{width: 100%;position: relative;}
.indjg-img{width: 505px;margin: 0 auto;display: block;}
.indjg-info{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.indjg-items{width: 428px;align-items: center;justify-content: space-between;position: absolute;}
.indjg-items-cont{width: 340px;background: #fff;border-radius: 6px;padding: 25px 20px;position: relative;z-index: 2;box-shadow: 2px 23px 30px 2px rgba(110, 110, 110, 0.09);transition: all .4s ease;}
.indjg-items-cont .icon{display: flex;max-width: 27px;height: 30px;align-items: center;}
.indjg-items-cont .icon img{max-width: 100%;max-height: 100%;}
.indjg-items-cont .cont{flex: 1;padding-left: 14px;}
.indjg-items-cont .cont .name{line-height: 1.1;display: flex;align-items: center;height: 30px;}
.indjg-items-cont .cont .text{color: #c6c6c6;font-family: "M";}
.indjg-items-cont:hover{box-shadow: 2px 23px 30px 2px rgba(240, 90, 30, 0.1);}
.indjg-items-dot{width: 15px;height: 15px;background: transparent;border-radius: 50%;position: relative;}
.indjg-items-dot i{position: absolute;animation: indjgDot 1.2s linear infinite;opacity: 0;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;border-radius: 50%;background: #f05a1e;}
@keyframes indjgDot {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
.indjg-items-dot::before, .indjg-items-dot::after{content: "";position: absolute;top: 50%;}
.indjg-items-dot::before{width: 30px;height: 30px;border: 1px solid #f05a1e;left: 50%;margin: -15px 0 0 -15px;border-radius: 50%;}
.indjg-items-dot::after{width: 112px;height: 1px;background: #f05a1e;right: 22px;}
.indjg-items:nth-child(2n+1){left: 0;}
.indjg-items:nth-child(2n){flex-direction: row-reverse;right: 0;}
.indjg-items:nth-child(2n) .indjg-items-dot::after{right: auto;left: 22px;}
.indjg-items.items1{top: 14%;}
.indjg-items.items2{top: 37%;}
.indjg-items.items3{top: 56%;}
.indjg-items.items4{top: 66%;}
.indvd{background: #fff;overflow: visible;height: 288vh;}
.indvd-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indvd-bg, .indvd-video{width: 100%;height: 100vh;object-fit: cover;}
.indvd-bg{display: none;}
.indvd-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;}
.indvd-logo img{width: 100%;height: calc(100% + 4px);object-fit: cover;position: relative;top: -2px;}
.indvd-shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .4);transition: all .4s ease;}
.indvd-click{width: 100%;position: absolute;z-index: 4;justify-content: center;left: 0;top: 86vh;transition: all .4s ease;opacity: 0;pointer-events: none;}
.indvd-btn{padding-left: 60px;user-select: none;cursor: pointer;background: url('../image/indvdPlay.png') no-repeat left center/auto 100%;display: flex;align-items: center;height: 41px;}
.indvd-click.active{opacity: 1;pointer-events: auto;}
.indcp{background: #fcfaf9 url('../image/indcpBg.jpg') no-repeat center/cover;}
.indcp-mix{width: 100%;align-items: center;justify-content: space-between;}
.indcp-video{width: 730px;position: relative;padding: 52px 0 0 20px;}
.indcp-video-box{width: 100%;height: 400px;position: relative;overflow: hidden;border-radius: 20px;}
.indcp-video img, .indcp-video video{width: 100%;height: 100%;object-fit: cover;}
.indcp-video img{position: relative;z-index: 2;display: none;}
.indcp-video video{position: absolute;top: 0;left: 0;z-index: 4;}
.indcp-video::before{content: "";width: 870px;height: 560px;left: -40px;position: absolute;background: url('../image/indcpK.png') no-repeat center/100% 100%;top: -12px;}
.indcp-info{width: 476px;}
.indcp-info li{width: 100%;border-radius: 6px;border: 1px solid transparent;padding: 32px 40px;transition: all .4s ease;}
.indcp-info li .icon{width: 32px;height: 32px;position: relative;background: #f0e7e4;border-radius: 50%;transition: all .4s ease;}
.indcp-info li .icon img{position: absolute;max-height: 100%;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);transition: all .4s ease;}
.indcp-info li .icon img.h{opacity: 0;}
.indcp-info li .cont{flex: 1;padding-left: 20px;}
.indcp-info li .cont .title{line-height: 32px;}
.indcp-info li .cont .text{width: 100%;}
.indcp-info li:hover{background: #fff;border-color: #f05a1e;box-shadow: 0px 15px 13px 0px rgba(217, 217, 217, 0.13);}
.indcp-info li:hover .icon{background: #f05a1e;}
.indcp-info li:hover .icon img.s{opacity: 0;}
.indcp-info li:hover .icon img.h{opacity: 1;}
.indcp-list{width: 100%;}
.indcp-list li{width: 25%;text-align: center;}
.indcp-list .icon{width: 56px;height: 50px;margin: 0 auto;}
.indcp-list .icon img{max-height: 100%;}
.indcp-list .text{line-height: 1.1;}
.indfa{background: #fff;overflow: visible;}
.indfa-bg{position: absolute;width: 100%;left: 0;top: 0;}
.indfa-bg img{width: 100%;object-fit: cover;height: 479px;}
.indfa-bg::after{content: "";position: absolute;width: 100%;height: 157px;background: url('../image/indfaArr.png') no-repeat center bottom/auto 100%;left: 0;bottom: -2px;}
.indfa .contain{position: relative;z-index: 4;}
.indfa-list{width: 100%;}
.indfa-list ul{margin: -54px 0 0 -54px;}
.indfa-list li, .indfa-loop-box{width: calc(50% - 54px);margin: 54px 0 0 54px;height: 360px;padding: 20px 60px;display: flex;align-items: center;box-shadow: 0px 0px 68px 8px rgba(0, 0, 0, 0.29);position: relative;}
.indfa-list li:nth-child(2n){margin-top: -70px;}
.indfa-list li::before, .indfa-list li::after, .indfa-loop-box::before, .indfa-loop-box::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;}
.indfa-list li::before, .indfa-loop-box::before{border: 1px solid #9f9f9f;background: linear-gradient(90deg, #424242, #505050);}
.indfa-list li::after, .indfa-loop-box::after{border: 1px solid #ef8256;background: linear-gradient(90deg, #f05a1e, #dd4d14);opacity: 0;}
.indfa-list li:hover::after{opacity: 1;}
.indfa-loop-box:hover::after{opacity: 1;}
.indfa-cont{width: 100%;position: relative;z-index: 4;max-width: 290px;}
.indfa-cont .title{line-height: 1.1;}
.indfa-cont .text{width: 100%;}
.indfa-cont .link{width: 100%;}
.indfa-cont .link a{display: flex;align-items: center;justify-content: center;font-size: 13px;width: 104px;height: 38px;border-radius: 3px;border: 1px solid #fff;line-height: 1;transition: all .4s ease;}
.indfa-cont .link a:hover{background: #fff;color: #f05a1e;box-shadow: 0 4px 16px 0 rgba(255,255,255,.4);}
.indfa-image{position: absolute;max-width: 270px;max-height: 270px;z-index: 2;right: -30px;bottom: -34px;}
.indfa-image img{max-height: 100%;transition: all .4s ease;position: relative;right: 0;bottom: 0;}
.indfa-image img.h{opacity: 0;position: absolute;}
.indfa-list li:hover .indfa-image img.h{opacity: 1;}
.indfa-loop{display: none;}
.indxw{background: #fff;}
.indxw-list{width: 100%;}
.indxw-list .swiper-container{overflow: visible;}
.indxw-list .swiper-slide{height: 100%;}
.indxw-list .swiper-pagination{display: none;}
.indxw-box{width: 100%;display: flex;height: 100%; flex-direction: column;flex-wrap: wrap; border: 1px solid #ededed;border-radius: 3px;transition: all .4s ease;overflow: hidden;}
.indxw-box:hover{box-shadow: 0 4px 16px 0 rgba(110, 110, 110, 0.16);}
.indxw-image{width: 100%;display: block;overflow: hidden;position: relative;}
.indxw-image img{width: 100%;height: 184px;}
.indxw-image .cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;background: rgba(0, 0, 0, 0.39);padding: 0 28px;}
.indxw-image .cont .text{text-transform: uppercase;font-family: "M";line-height: 1.1;}
.indxw-image .cont .name{line-height: 1.1;}
.indxw-link{width: 100%;padding: 20px 28px;flex: 1;}
.indxw-link a{height: 40px;align-items: center;width: 100%;}
.indxw-link a span{color: #888;margin-right: 20px;font-family: "M";}
.indxw-link a p{color: #444;transition: all .4s ease;flex: 1;}
.indxw-link a:hover p{color: #f05a1e;}

@media all and (max-width:1700px) {
    
}
@media all and (max-width:1599px) {
    
    .indjg{padding-top: 50px;}
    .indtb-link {height: 114px;}
    .banner .swiper-pagination {bottom: 140px;}
    .banner-cont {padding-bottom: 100px;}
    .indjg-items {width: 364px;}
    .indjg-items-cont {width: 310px;padding: 25px 15px;}
    .indjg-items-cont .cont .name{height: auto;font-size: 18px;}
    .indjg-items-dot::after{width: 70px;}
    .indcp-info li {padding: 28px 30px;}
    .indcp-info {width: 440px;}
    .indcp-video::before {width: 770px;height: 490px;left: -35px;top: -4px;}
    .indcp-video {width: 650px;}
    .indcp-video-box{height: 350px;}
    .indfa-list li, .indfa-loop-box {height: 340px;padding: 20px 40px;}
    .indxw-image img{height: 166px;}
}
@media all and (max-width:1439px) {
    
}
@media all and (max-width:1359px) {
    
}
@media all and (max-width:1279px) {
    
    .indtb-ul {margin-left: -40px;}
    .indtb-link {width: calc(33.3333% - 40px);margin-left: 40px;}
    .indcp-info li {padding: 20px 24px;}
    .indcp-info {width: 424px;}
    .indcp-video {width: 500px;padding: 48px 0 0 20px;}
    .indcp-video::before {width: 590px;height: 356px;left: -22px;}
    .indcp-video-box {height: 242px;}
    .indfa-image {max-width: 188px;max-height: 188px;}
    .indfa-list li, .indfa-loop-box {height: 300px;padding: 20px 30px;}
    .indxw-image .cont {padding: 0 20px;}
    .indxw-link {padding: 18px 20px;}
    .indxw-link a {height: 34px;}
    .indxw-image img{height: 136px;}
}
@media all and (max-width:1151px) {
    
    .indvd{height: auto;overflow: hidden;}
    .indvd::before, .indvd::after{content: "";position: absolute;z-index: 2;transform: translateZ(0);background: #fff;width: 100%;height: 3px;top: 0;left: 0;}
    .indvd::after{bottom: 0;}
    .indvd-video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .indvd-bg{display: block;height: 440px;}
    .indvd-logo{height: 100%;transform: scale(1.8);top: -30px;}
    .indvd-click{top: auto;bottom: 40px;opacity: 1;pointer-events: auto;}
    .indvd-btn{color: #333;background-image: url('../image/indvdPlayH.png');}
}

@media all and (max-width:1000px) {
    
    .indtb-link .cont {padding-left: 16px;}
    .indtb-ul {margin-left: -24px;}
    .indtb-link {width: calc(33.3333% - 24px);margin-left: 24px;}
    .indjg-items.items4 {top: 73%;}
    .indcp-video::before{display: none;}
    .indcp-video{width: 100%;border-radius: 20px;margin-top: 40px;padding: 20px;background: #f9ede7;border: 1px solid #f1d8ce;box-shadow: 0px 25px 38px 0px rgba(228, 84, 26, 0.13);}
    .indcp-video-box{border-radius: 16px;height: auto;}
    .indcp-video img{display: block;}
    .indcp-video video{display: none;}
    .indcp-info{width: 100%;margin-top: 40px;}
    .indcp-info ul{margin-top: -16px;}
    .indcp-info li{background: #fff;border-color: #f05a1e;box-shadow: 0px 15px 13px 0px rgba(217, 217, 217, 0.13);margin-top: 16px;}
    .indfa-list{display: none;}
    .indfa-loop{display: block;}
    .indxw-list .swiper-container{overflow: hidden;}
    .indfa-list li, .indfa-loop-box{width: 100%;margin: 0;box-shadow: none;}
    .indfa-image {right: 20px;bottom: 16px;}
    .indxw-list .swiper-pagination, .indfa-loop .swiper-pagination{display: block;}
    .indxw-list .swiper-pagination-bullet, .indfa-loop .swiper-pagination-bullet {background: #c6c6c6;opacity: 1;margin: 0 6px !important;}
    .indxw-list .swiper-pagination-bullet-active, .indfa-loop .swiper-pagination-bullet-active {background: #dd4d14;}
    .indxw-list .swiper-wrapper, .indfa-loop .swiper-wrapper{padding-bottom: 50px;}
    .indxw-box{box-shadow: none !important;}
}
@media all and (max-width:640px) {
    
    .indjg{padding-top: 30px;}
    .banner-cont .name span {padding: 0 16px 10px 0;}
    .banner-cont .title{margin-top: 14px;}
    .banner-cont .text{margin-top: 10px;}
    .indtb-ul {margin-left: 0;}
    .indtb-link {width: 33.3333%;margin-left: 0;text-align: center;height: auto;padding: 12px 0;}
    .indtb-link .icon {max-width: 38px;height: 36px;margin: 0 auto;}
    .indtb-link .cont .title{font-size: 15px;}
    .indtb-link .cont .text{display: none;}
    .indtb-link .cont{flex: none;width: 100%;padding: 0;margin-top: 6px;}
    .banner .swiper-pagination {bottom: 100px;}
    .banner-cont {padding-bottom: 88px;}
    .indTitle .text {font-size: 19px;margin-top: 8px;}
    .indTitle .title {padding-left: 50px;font-size: 16px;}
    .indTitle .title::before{width: 36px;}
    .indjg-items-cont {transition: all .6s ease; transform: translateX(-100px); opacity: 0;visibility: hidden;width: 265px;padding: 14px 15px;background: rgba(255,255,255,.8);}
    .indjg-items:nth-child(2n) .indjg-items-cont{transform: translateX(100px);}
    .indjg-items-cont.active,.indjg-items:nth-child(2n) .indjg-items-cont.active{opacity: 1;visibility: visible;transform: translateX(0);}
    .indjg-items-dot{user-select: none;}
    .indjg-items{width: 100%;}
    .indjg-items-cont .cont .text {color: #818181;margin-top: 0;}
    .indjg-items.items1 {top: 18%;}
    .indjg-items.items4 {top: 75%;}
    .indvd-bg {height: 200px;}
    .indvd-click {bottom: 50%;transform: translateY(50%);}
    .indvd-btn {font-size: 16px;padding-left: 40px;height: 28px;background-image: url('../image/indvdPlay.png');color: #fff;}
    .indvd-logo {top: -24px;display: none;}
    .indvd-shade{display: none;}
    .indTitle .hint{margin-top: 10px;}
    .indcp-video {border-radius: 12px;margin-top: 24px;padding: 10px;}
    .indcp-video-box {border-radius: 8px;}
    .indcp-info {margin-top: 28px;}
    .indcp-info ul {margin-top: -12px;}
    .indcp-info li {margin-top: 12px;padding: 16px 15px;}
    .indcp-info li .cont {padding-left: 16px;}
    .indcp-info li .cont .title {font-size: 15px;}
    .indcp-info li .cont .text {font-size: 14px;margin-top: 0;line-height: 20px;}
    .indcp-list .icon {width: 44px;height: 36px;}
    .indcp-list .text {font-size: 15px;margin-top: 10px;}
    .indcp-list{margin-top: 28px;}
    .indxw-list .swiper-wrapper, .indfa-loop .swiper-wrapper {padding-bottom: 40px;}
    .indfa-cont .link a {height: 36px;}
    .indfa-image{position: relative;width: 100%;right: 0;bottom: 0;text-align: center;max-width: none;height: 150px;}
    .indfa-cont{max-width: 100%;margin-top: 12px;}
    .indfa-loop-box{flex-wrap: wrap;padding: 20px 15px;height: 350px;}
    .indfa-cont .text{margin-top: 8px;}
    .indfa-cont .link{margin-top: 12px;}
    .indxw-image img{height: 146px;}
    .indxw-image .cont {padding: 0 15px;}
    .indxw-link {padding: 16px 15px;}
    .indxw-link a {height: 30px;}
    .banner-image img.mb{height: calc(100vh - 60px);}
    .swiper-slide.twoSlide .banner-cont{justify-content: flex-start;padding-top: 40px;}
    .banner-btn a{width: 90px;height: 35px;}
    .swiper-slide.twoSlide .banner-cont .contain{display: flex;flex-direction: column;align-items: center;}
    .banner-cont .title:nth-child(3){margin-top: 8px;}
    .indjg-items-cont .cont .name{line-height: 1.3;font-size: 15px;}
    .indjg-items-cont .cont .text{font-size: 13px;}

}