@charset "utf-8";
/* ===================棣栭〉鏍峰紡========================== */
.indBan-mb{display: none;}
.indban{width: 100%;position: relative;height: 220vh;}
.indban-sticky{width: 100%;top: 90px;left: 0;position: sticky;overflow: hidden;}
.indban-sticky video{width: 100%;height: calc(100vh - 90px);object-fit: cover;}
.indban-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;transform: scale(2.4);opacity: 0;}
.indban-logo img{width: 100%;height: 100%;object-fit: cover;}
.indban-logo img.mb{display: none;}
.indban-text{width: 100%;opacity: 0;position: absolute;z-index: 4;justify-content: center;left: 0;top: 46vh;color: #999;transition: all .4s ease;}
.indban-text span{position: relative;margin-left: 60px;}
.indban-text span:first-child{margin-left: 0;}
.indban-text span::before{content: "";position: absolute;width: 2px;background: #999;top: 50%;margin-top: -10px;height: 20px;left: -29px;}
.indban-text span:first-child::before{display: none;}
.indban-text.active{opacity: 1;}
.indfa{width: 100%;overflow: hidden;position: relative;height: 860px;}
.indfa-bg{width: 2600px;height: 100%;background-repeat: no-repeat;background-size: cover;position: absolute;left:0;top: 0;}
.indfa-dot{width: 20px;height: 20px;position: absolute;display: block;background: transparent;border-radius: 50%;z-index: 8;cursor: pointer;}
.indfa-dot::before,.indfa-dot::after{content: "";z-index: 2;display: block;width: 100%;height: 100%;box-shadow: 0 0 8px 2px #e20c0f inset;border-radius: 50%;position: absolute;top: 0;left: 0;animation: indfaDotRun 3s linear infinite;opacity: 0;}
.indfa-dot::before {animation-delay: .8s;}
.indfa-dot::after {animation-delay: 0s;}
.indfa-dot.active::before,.indfa-dot.active::after{box-shadow: 0 0 8px 2px #EB7E36 inset;}
@keyframes indfaDotRun{0%{opacity:0;transform:scale(.5)}5%{opacity:1}to{opacity:0;transform:scale(2.2)}}
.indfa-dot.dot1{top: 43%;left: 12%;}
.indfa-dot.dot2{top: 18%;left: 21%;}
.indfa-dot.dot3{top: 61%;left: 20%;}
.indfa-dot.dot4{top: 40%;left: 42%;}
/* .indfa-dot.dot5{top: 2%;left: 58%;} */
.indfa-dot.dot5{top: 62%;left: 55%;}
.indfa-dot.dot6{top: 29%;left: 83%;}
.indfa-dot.dot7{top: 46%;left: 89%;}
.indfa-dot.dot8{top: 60%;left: 82%;}
.indfa-dot:hover, .indfa-dot.active{z-index: 10;}
/* -- */
.indfa-dot .items{position: absolute;bottom: 55px;right: 9px;transform: translateY(20%);overflow: hidden; -webkit-font-smoothing: antialiased; width: 310px;height: 170px;z-index: 12;opacity: 0;visibility: hidden;transition: opacity .6s ease, transform .6s ease, visibility .6s ease,overflow .6s ease;}
.indfa-dot .items::before{content: "";position: absolute;width: 1px;height: 42px;right: 0;bottom: 0;transform: translateY(100%);background: linear-gradient(to bottom,#f60a0a 0%,#f60a0a 40%,rgba(246,10,10,.2));}
.indfa-dot .items::after{content: "";width: 100%;height: 50px;opacity: 0;position: absolute;bottom: 0;left: 0;transform: translateY(100%);}
.indfa-dot .items.show{opacity: 1;overflow: visible; visibility: visible;pointer-events: auto;transform: translateY(0);}
/* 鏂瑰悜 */
.indfa-dot .items.top{transform: translate(50%,20%);}
.indfa-dot .items.top::before{right: 50%;}
.indfa-dot .items.show.top{transform: translate(50%,0);}

.indfa-dot .items.topRight{right: auto;left: 9px;}
.indfa-dot .items.topRight::before{right: auto;left: 0;}
.indfa-dot .items.right{right: auto;bottom: auto; top: 9px;left: 60px; transform: translateX(-20%);}
.indfa-dot .items.right::before{width: 42px;height: 1px;right: auto;left: 0;bottom: auto;top: 0; transform: translateX(-100%);background: linear-gradient(to left,#f60a0a 0%,#f60a0a 40%,rgba(246,10,10,.2));}
.indfa-dot .items.right::after{width: 60px;height: 100%;transform: translateX(-100%);}
.indfa-dot .items.show.right{transform: translateX(0);}


.indfa-dot .items.left{right: 60px;bottom: auto; top: 9px;transform: translateX(20%);}
.indfa-dot .items.left::before{width: 42px;height: 1px;right: 0;bottom: auto;top: 0; transform: translateX(100%);background: linear-gradient(to right,#f60a0a 0%,#f60a0a 40%,rgba(246,10,10,.2));}
.indfa-dot .items.left::after{width: 60px;height: 100%;transform: translateX(100%);left: auto;right: 0;}
.indfa-dot .items.show.left{transform: translateX(0);}

.indfa-dot .items.bottomLeft{bottom: auto;top: 195px;transform: translateY(-20%);}   
.indfa-dot .items.bottomLeft::before{bottom: auto;top: 0;transform: translateY(-100%);height: 160px;background: linear-gradient(to top,#f60a0a 0%,#f60a0a 40%,rgba(246,10,10,.2));}
.indfa-dot .items.bottomLeft::after{bottom: auto;top: 0;height: 190px;transform: translateY(-100%);}
.indfa-dot .items.bottomLeft.show{transform: translateY(0);}






.indfa-dot .items-close{position: absolute;width: 30px;height: 30px;background: url('../images/pages/items-close.png') no-repeat center/18px auto;cursor: pointer;z-index: 6;transition: all .4s ease;right: 8px;top: 8px;}
.indfa-dot .items-close:hover{background-image: url('../images/pages/items-closeH.png');transform: rotate(90deg);}
.indfa-dot .items-content{width: 100%;background: #fff;padding: 22px 25px 17px;background: url('../images/index/indfaSd.png') no-repeat center/100% 100%;position: relative;height: 100%;}
.indfa-dot .items-content .title{-webkit-font-smoothing: antialiased;color: #fff;line-height: 1.1;padding-right: 32px;position: relative;z-index: 4;cursor: default;}
.indfa-dot .items-content .text{-webkit-font-smoothing: antialiased;color: #e1e1e1;position: relative;z-index: 4;cursor: default;margin-top: 8px;}
.indfa-dot .items-content .link{position: relative;z-index: 4;width: 100%;display: flex;margin-top: 15px;}
.indfa-dot .items-content .link a{color: #f60a0a;font-family: "B";transition: all .4s ease;}
.indfa-dot .items-content .link a:hover{text-decoration: underline;}
/* -- */
.indfa-control{position: absolute;z-index: 999;width: 152px;border-radius: 10px;background: rgba(0, 0, 0, .4);top: 60px;right: 60px;padding: 12px;}
.indfa-control-hint{color: #fff;line-height: 1.1;margin-top: 12px;font-family: "R";}
.indfa-control-btn{width: 100%;height: 130px;background: url('../images/index/indfaBtnC.png') no-repeat left calc(50% + 6px) center;position: relative;}
.indfa-control-btn>div{position: absolute;z-index: 2;cursor: pointer;}
.indfa-control-btn>div.left, .indfa-control-btn>div.right{width: 36px;height: 68px;top: 50%;margin-top: -34px;}
.indfa-control-btn>div.big, .indfa-control-btn>div.small{width: 68px;height: 30px;left: 50%;margin-left: -34px;}
.indfa-control-btn>div.left{left: 0;background: url("../images/index/indfaBtnL.png") no-repeat left center;}
.indfa-control-btn>div.right{right: 0;background: url("../images/index/indfaBtnR.png") no-repeat right center;}
.indfa-control-btn>div.big{top: 0;background: url("../images/index/indfaBtnT.png") no-repeat center top;}
.indfa-control-btn>div.small{bottom: 0;background: url("../images/index/indfaBtnB.png") no-repeat center bottom;}
.indTitle{width: auto;}
.indTitle .name{color: #000;font-family: "M";line-height: 1;}
.indTitle.white .name{color: #fff;}
.indTitle.center{width: 100%;text-align: center;}
.indgy{width: 100%;position: relative;overflow: hidden;}
.indgy-list{width: 100%;}
.indgy-ul{margin-left: -55px;align-items: flex-start;}
.indgy-link{display: block;width: calc(33.3333% - 55px);margin-left: 55px;position: relative;padding: 0 35px 35px 0;}
.indgy-link .image{width: 100%;overflow: hidden;}
.indgy-link .image img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indgy-link-cont{position: absolute;width: calc(100% - 90px);padding: 0 35px;display: flex;flex-direction: column;justify-content: center;height: 250px;background: #fff;z-index: 2;right: 0;bottom: 0;overflow: hidden;transition: all .4s ease;box-shadow: 0 14px 24px 0 rgba(203, 203, 203, .24);}
.indgy-link-cont .bg{position: absolute;width: 84.5%;z-index: 1;bottom: 0;right: 0;opacity: 0;transition: all .4s ease;}
.indgy-link-cont>div{position: relative;z-index: 2;transition: all .4s ease;}
.indgy-link-cont .title{position: relative;}
.indgy-link-cont .title p{color: #333;line-height: 1;position: relative;z-index: 2;transition: all .4s ease;}
.indgy-link-cont .title span{width: 100%;position: absolute;text-transform: uppercase;left: 0;bottom: -2px;color: #b5b5b5;opacity: 0.2;line-height: 1;transition: all .4s ease;}
.indgy-link-cont .text{color: #777;font-family: "R";}
.indgy-link-cont .more{color: #000;font-family: "B";}
.indgy-link:hover .image img{transform: scale(1.04);}
.indgy-link:hover .indgy-link-cont{background: #e03033;}
.indgy-link:hover .indgy-link-cont .bg{opacity: 1;}
.indgy-link:hover .indgy-link-cont>div{color: #fff;}
.indgy-link:hover .indgy-link-cont .title p{color: #fff;}
.indgy-link:hover .indgy-link-cont .title span{color: #fff;}
.indgy-link:nth-child(2){margin-top: -150px;}
.indxw{width: 100%;position: relative;overflow: hidden;background: #f7f7f7;}
.indxw-head{width: 100%;align-items: flex-end;justify-content: space-between;}
.indxw-menu{display: flex;}
.indxw-menu a{height: 32px;color: #666;margin-left: 34px;position: relative;transition: all .4s ease;}
.indxw-menu a:first-child{margin-left: 0;}
.indxw-menu a::after{content: "";height: 2px;width: 0;opacity: 0;position: absolute;right: 0;bottom: 0;background: #e03033;transition: width .4s ease,opacity .1s ease .4s;}
.indxw-menu a.active{color: #e03033;}
.indxw-menu a:hover::after,.indxw-menu a.active::after{width: 100%;opacity: 1;right: auto;left: 0;transition: width .4s ease .1s,opacity .1s ease;}
.indxw-mix{width: 100%;display: none;}
.indxw-mix:first-child{display: flex;}
.indxw-info{width: 540px;overflow: hidden;position: relative;display: block;}
.indxw-info-box{width: 100%;height: 398px;overflow: hidden;}
.indxw-info img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}
.indxw-info .title{position: absolute;color: #fff;z-index: 2;width: 100%;left: 0;bottom: 0;padding: 20px 26px;transition: all .4s ease;font-family: "R";}
.indxw-info .title p{position: relative;line-height: 1.2;}
.indxw-info .title p::after{content: "";position: absolute;z-index: -1;width: 0;height: 6px;opacity: 0;right: 0;bottom: 0;background: #e03033;transition: width .4s ease,opacity .1s ease .4s;}
.indxw-info i{width: 52px;height: 52px;position: absolute;top: 50%;left: 50%;margin: -26px 0 0 -26px;z-index: 4;cursor: pointer;border-radius: 50%;background: rgba(0, 0, 0, .2) url('../images/index/indxwPlay.png') no-repeat center;transition: all .4s ease;}
.indxw-info i:hover{background-color: rgba(224, 48, 51, .8);}
.indxw-info i.hidden{display: none;}
.indxw-info-box:hover img{transform: scale(1.06);}
.indxw-info-box:hover .title p::after{width: 100%;opacity: 1;right: auto;left: 0;transition: width .4s ease .1s,opacity .1s ease;}
.indxw-list{display: block; width: calc(100% - 540px);padding-left: 42px;justify-content: space-between;margin: -20px 0 0 -20px;}
.indxw-link{width: calc(50% - 20px);float: left;margin-left: 20px; margin-top: 20px;height: calc((100% - 40px)/3); align-items: center;border: 1px solid #e4e4e4;transition: all .4s ease;}
.indxw-link img{display: none;}
.indxw-link .time{width: 92px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-family: "Montserrat";}
.indxw-link .time span{line-height: 1;color: #777;transition: all .4s ease;}
.indxw-link .time p{line-height: 1;color: #111;transition: all .4s ease;margin-top: 12px;font-weight: 700;}
.indxw-link .title{width: calc(100% - 92px);padding-right: 30px;color: #444;transition: all .4s ease;}
.indxw-link.active, .indxw-link:hover{border: 1px solid #e03033;box-shadow: 0 8px 10px 0 rgba(224, 48, 51, .1);}
.indxw-link.active .time span{color: #e03033;}
.indxw-link.active .time p{color: #e03033;}
.indxw-more{width: 100%;display: flex;justify-content: center;}
.indxw-more a{display: flex;align-items: center;justify-content: center;width: 136px;height: 46px;line-height: 1;border: 1px solid #000;font-size: 14px;font-family: "B";color: #000;transition: all .4s ease;}
.indxw-more a:hover{background: #e03033;color: #fff;border-color: #e03033;}
/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900) */
    .indgy-ul {margin-left: -40px;}
    .indgy-link {width: calc(33.3333% - 40px);margin-left: 40px;}
    .indxw-ul {margin: -20px 0 0 -32px;}
    .indxw-link {width: calc(50% - 32px);margin: 20px 0 0 32px;}
}
@media all and (max-width:1599px) {
    /* 1440 脳 (700)  */
    .indfa{height: 648px;}
    .indfa-bg {width: 2080px;height: 648px;}
    .indgy-ul {margin-left: -25px;}
    .indgy-link {width: calc(33.3333% - 25px);margin-left: 25px;}
    .indgy-link-cont {width: calc(100% - 50px);padding: 0 25px;height: 200px;}
    .indgy-link:nth-child(2) {margin-top: -100px;}
    .indxw-ul {margin: -16px 0 0 -16px;height: calc(100% + 16px);}
    .indxw-link {width: calc(50% - 16px);height: calc(33.3333% - 16px);margin: 16px 0 0 16px;}
    .indxw-info {width: 480px;}
    .indxw-info-box {height: 320px;}
    .indxw-list {width: calc(100% - 480px);padding-left: 30px;}
    .indxw-link .time p {margin-top: 6px;}
    .indxw-link .time{width: 80px;}
    .indxw-link .title {width: calc(100% - 80px);padding-right: 20px;}
    .indfa-control {top: 30px;right: 30px;}
    .indban-sticky{top: 60px;}
    .indban-sticky video{height: calc(100vh - 60px);}
    .indfa-dot .items.bottomLeft{top: 135px;}
    .indfa-dot .items.bottomLeft::before{height: 130px;}
    .indfa-dot .items.bottomLeft::after{height: 155px;}
}
@media all and (max-width:1439px) {
    /* 1360 */
}
@media all and (max-width:1359px) {
    /* 1280 */
}
@media all and (max-width:1279px) {
    /* 1152 脳 (700) */
    .indgy-ul {margin-left: -24px;}
    .indgy-link {width: calc(33.3333% - 24px);margin-left: 24px;padding: 0 28px 28px 0;}
    .indgy-link-cont {width: calc(100% - 40px);padding: 0 24px;height: 180px;}
    .indgy-link:nth-child(2) {margin-top: -60px;}
    .indxw-ul {margin: -12px 0 0 -12px;height: calc(100% + 12px);}
    .indxw-link {width: calc(50% - 12px);height: calc(33.3333% - 12px);margin: 12px 0 0 12px;}
    .indxw-info {width: 400px;}
    .indxw-info-box {height: 260px;}
    .indxw-list {width: calc(100% - 400px);padding-left: 30px;}
    .indxw-link .time p {margin-top: 4px;}
    .indxw-link .time{width: 76px;}
    .indxw-link .title {width: calc(100% - 76px);padding-right: 12px;}
    .indxw-info .title {padding: 18px 22px;}
    .indxw-menu a {height: 30px;margin-left: 28px;}
}
@media all and (max-width:1151px) {
    /* 1024 */
    
    .indfa-dot .items-close{display: block;}
    .indfa-control {top: 12px;right: 12px;}
}
/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    .indgy-link:nth-child(2) {margin-top: 0;}
    .indgy-ul {margin: -24px 0 0;}
    .indgy-link {width: 100%;margin: 24px 0 0 !important;padding: 0;}
    .indgy-link-cont {width: calc(100% - 80px);right: auto;left: 40px;height: 400px;bottom: auto;top: 50%;margin-top: -200px;background: rgba(255, 255, 255, .7);text-align: center;}
    .indxw-info{width: 100%;}
    .indxw-info-box{height: auto;}
    .indxw-list{width: 100%;padding: 30px 0 0;}
    .indxw-link{padding: 16px 0;}
    .indban-logo img.pc{display: none;}
    .indban-logo img.mb{display: block;}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .indfa{height: 405px;}
    .indfa-bg {width: 1300px;height: 450px;}
    .indgy-link-cont {width: calc(100% - 40px);left: 20px;height: 200px;margin-top: -100px;}
    .indgy-ul {margin: -18px 0 0;}
    .indgy-link {margin: 18px 0 0 !important;}
    .indxw-menu a{height: auto;margin-left: 20px;}
    .indxw-info .title {padding: 14px 16px;}
    .indxw-list {padding: 20px 0 0;margin: -10px 0 0 -10px;}
    .indxw-link .time{flex-direction: row;align-items: center;justify-content: flex-start;}
    .indxw-link .time p{font-size: 15px;margin: 0 0 0 4px;}
    .indxw-link .time{width: 100%;}
    .indxw-link .title{width: 100%;font-size: 14px;padding: 0;margin-top: 4px;line-height: 18px;max-height: 36px;}
    .indxw-ul {margin: -10px 0 0 -10px;height: calc(100% + 10px);}
    .indxw-link {width: calc(50% - 10px);height: auto;margin: 10px 0 0 10px;padding: 12px 10px;}
    .indxw-more a {width: 110px;height: 40px;}
    .indban-text span {margin-left: 42px;}
    .indban-text span::before {margin-top: -8px;height: 16px;left: -22px;}
    .indban-text{top: 47vh;}
    .indfa-control{top: 8px;right: 8px;padding: 2px 4px 8px;width: auto;border-radius: 4px;}
    .indfa-control-btn {background: none;height: auto;display: flex;justify-content: center;}
    .indfa-control-btn>div{position: static;width: 30px !important;height: 30px !important;margin: 0 !important;background-position: center !important;background-size: 18px auto !important;}
    .indfa-control-hint{font-size: 12px;text-align: center;margin-top: 0;}
    .indfa-dot{width: 15px;height: 15px;}
    .indfa-dot::after,.indfa-dot::before{animation: indfaDotRun 3s linear infinite;}
    .indfa-dot .items {position: absolute;width: 250px;height: auto;bottom: 40px !important;left: 50% !important;right: auto !important;top: auto !important;transform: translateX(-50%) !important;}
    .indfa-dot .items.left,.indfa-dot .items.right{bottom: auto !important;top: 40px !important;}
    .indfa-dot .items::before{height: 20px !important;top: auto !important; width: 1px !important; left: 50% !important;right: auto !important; bottom: 0 !important;transform: translateY(100%) !important;}
    .indfa-dot .items.left::before,.indfa-dot .items.right::before{bottom: auto !important;top: 0 !important;transform: translateY(-100%) !important;}
    .indfa-dot .items::after{height: 30px;}
    .indfa-dot .items-content .link{font-size: 13px;margin-top: 0;}
    .indfa-dot .items-content {padding: 12px;}
    .indfa-dot .items-content .text {margin-top: 6px;font-size: 12px;}
    .indfa-dot .items-content .image img {max-width: 130px;max-height: 66px;}
    .indfa-dot .items-content .image {height: 100px;padding: 10px;}
    .indfa-dot .items-content .image::before {width: 150px;height: 150px;margin: -75px 0 0 -75px;}
    .indban{display: none;}
    .indBan-mb{display: block;width: 100%;position: relative;overflow: hidden;}
    .indBan-mb-con{position: absolute;z-index: 2; left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    .indBan-mb-logo{width: 220px;}
    .indBan-mb-logo img{width: 100%;}
    .indBan-mb-con .indban-text{margin-top: 10px;opacity: 1 !important;left: auto;top: auto;position: relative;color: #fff;}
    .indban-text span::before{background: #fff;}
    .indBan-mb-swp img{width: 100%;height: calc(100vh - 60px);transform: scale(1.1);transition: all 1.5s linear 0s;}
    .indBan-mb-swp .swiper-slide-active img{transform: scale(1);}
    
    
}