@charset "utf-8";
/* ===================首页样式========================== */
.banner-svg{position: absolute;left: 0%;top: 3%;width: 100%;}
.banner-svg svg{width: 100%;}
.banner-svg .line1{stroke-dashoffset:872px;}
.banner-svg .line2{stroke-dashoffset:776px;}
.banner-svg .line3{stroke-dashoffset:231px;}
.banner-svg.active1 .line1{animation: line1 5s ease both;}
.banner-svg.active1 .line2{animation: line2 3s ease both;}
.banner-svg.active1 .line3{animation: line3 2s ease 3s both;}
.banner-svg.active2 .line1{animation: line12 5s ease both;}
.banner-svg.active2 .line2{animation: line22 3s ease both;}
.banner-svg.active2 .line3{animation: line32 2s ease 3s both;}
@keyframes line1 {
    0%{stroke-dashoffset: 872px;}
    100%{stroke-dashoffset: 0;}
}
@keyframes line2 {
    0%{stroke-dashoffset: 776px;}
    100%{stroke-dashoffset: 0;}
}
@keyframes line3 {
    0%{stroke-dashoffset: 231px;}
    100%{stroke-dashoffset: 0;}
}
@keyframes line12 {
    0%{stroke-dashoffset: 0;}
    100%{stroke-dashoffset: -872px;}
}
@keyframes line22 {
    0%{stroke-dashoffset: 0;}
    100%{stroke-dashoffset: -776px;}
}
@keyframes line32 {
    0%{stroke-dashoffset: 0;}
    100%{stroke-dashoffset: -231px;}
}




.banner{position: relative;z-index: 10;}
.banner-bg{overflow: hidden;position: relative;width: 100vw;}
.banner-bg img{width: 100%;height: calc(100vh - 100px);transition: all 5s linear;}
/* .swiper-slide-active .banner-bg img{transform: scale(1);} */
.swiper-slide-active.first .banner-bg img{transition: all 4s linear;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .title::after{content: "";position: absolute;left: 0;bottom: 0;background: #fff;width: 100px;height: 2px;}
.banner-scroll{user-select: none;cursor: pointer; z-index: 3; position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;}
.banner-scroll .line{width: 1px;height: 32px;background: rgba(255, 255, 255, .5);}
.banner-scroll .btn{margin: 12px 0; width: 20px;height: 30px;border-radius: 40px;border: 2px solid #fff;overflow: hidden;position: relative;}
.banner-scroll .btn i{width: 3px;height: 7px;display: block;background: #fff;top: -7px;position: absolute;left: calc(50% - 1px); animation: banScroll 5s ease infinite;}
@keyframes banScroll {0%{top: -7px;}100%{top: 100%;}}
.indPro-module{position: relative;}
.indPro-module .contain{position: relative;z-index: 2;justify-content: space-between;align-items: center;}
.indPro-bg{position: absolute;left: 0;bottom: 0;width: 75%;height: 115%;background: #f5f5f5;}
.indPro-desc{width: 27%;}
.indPro-list{justify-content: space-between;}
.indPro-item{width: 48%;align-items: center;}
.indPro-item i{transition: all .4s ease; display: flex;align-items: center;justify-content: center;width: 46px;height: 46px;border: 1px solid #ccc;margin-right: 15px;}
.indPro-item i img{max-width: 80%;max-height: 80%;}
.indPro-item span{flex: 1;}
.indPro-item:hover i{border-color: #333;}
.indPro-item:hover span{font-weight: 700;}
.indPro-swp{width: 68%;}
.indPro-slide img{transition: all 2s linear;width: 100%;height: 650px;}
.indPro-slide:hover img{transform: scale(1.08);}
.indPro-pagination{z-index: 2;position: absolute;right: 34px;bottom: 24px;}
.indPro-pagination .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;background: #fff;margin: 0 10px;border-radius: 4px;}
.indPro-pagination .swiper-pagination-bullet-active{width: 32px;background: linear-gradient(to right,#ca3053,#2116b5);}
.indPro-module:nth-child(2n) .indPro-bg{left: auto;right: 0;}
.indPro-module:nth-child(2n) .contain{flex-direction: row-reverse;}
.indNews-flex{justify-content: space-between;}
.indFZ{width: 30%;flex-direction: column;}
.indFZ-img img{width: 100%;height: 13vw;transition: all 2s linear;}
.indFZ-img:hover img{transform: scale(1.08);}
.indFZ-con{background: #f5f5f5;flex: 1;padding: 50px;}
.indTZ{width: 67%;}
.indTZ-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indTZ-bg img{width: 100%;height: 100%;}
.indTZ-con{height: 100%;z-index: 2;}
.indTZ-news{padding: 90px 20px 70px 60px;width: 48%;display: flex;flex-direction: column;height: 100%;}
.indTZ-news-swp-box{margin-top: 170px; position: relative;justify-content: space-between;}
.indTZ-news-swp .swiper-container{overflow: visible;}
.indTZ-news-line{width: 1px;height: 100%;background: rgba(255, 255, 255, .5);}
.indTZ-news-slide .title{flex-wrap: nowrap;white-space: nowrap;}
.indTZ-news-slide .title,.indTZ-announcements .title{align-items: center;}
.indTZ-news-slide .title i,.indTZ-announcements .title i{display: flex;align-items: center; transform: rotate(180deg);transition: all .4s ease;font-size: 14px;margin-left: 10px;}
.indTZ-news-slide:hover .title i,.indTZ-announcements:hover .title i{transform: rotate(180deg) translateX(-5px);}
.indTZ-news-pagination .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;background: rgba(255, 255, 255, .5);margin-left: 20px;}
.indTZ-news-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.indTZ-news-pagination .swiper-pagination-bullet-active{background: #fff;}
.indTZ-right{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 52%;}
.indTZ-right::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: .8;background: linear-gradient(to right,#cf2b4d,#1910b7);}
.indTZ-stock-show{width: 48%;padding: 30px 0 30px 30px;position: relative;}
.indTZ-stock-show::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 90%;background: rgba(255, 255, 255, .5);}
.indTZ-stock-show .show-title,.indTZ-stock-show .show-text,.indTZ-stock-list .title,.indTZ-announcements .title-en{color: rgba(255, 255, 255, .8);}
.indTZ-stock-show .show-title span{display: block;margin-left: 10px;}
.indTZ-stock-show .show-num{align-items: flex-end;}
.indTZ-stock-show .show-num .rmb{align-items: flex-end;}
.indTZ-stock-show .show-num .rmb span{line-height: .8;display: block;margin-right: 10px;}
.indTZ-stock-show .show-num .up{margin-left: 20px;align-items: center;line-height: 1.2;}
.indTZ-stock-show .show-num .up i{display: none;margin-right: 4px;}
.indTZ-stock-show .show-num .up.active i{transform: rotate(180deg);}
.indTZ-stock-list{padding: 30px 15px 30px 50px;width: 52%;}
.indTZ-stock-list li{width: 50%;}
.indTZ-stock-list .num{align-items: flex-end;}
.indTZ-stock-list .num span{display: block;line-height: .8;margin-right: 10px;}
.indTZ-announcements{border-top: 1px solid rgba(255, 255, 255, .5); padding: 40px 30px;justify-content: space-between;align-items: center;}
.indTZ-announcements .con{width: 58%;}
.indTZ-announcements .text{align-items: center;}
.indTZ-announcements .text i{display: block;width: 24px;}
.indTZ-announcements .text span{width: calc(100% - 24px);}
.indAb-video{width: 64%;}
.indAb-video .img img{width: 100%;height: 31vw;}
.indAb-video .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);user-select: none;cursor: pointer;width: 42px;height: 42px;border-radius: 50%;background: #fff;}
.indAb-video .btn img{max-width: 29%;position: relative;z-index: 2;}
.indAb-video .btn::after,.indAb-video .btn::before{animation: dotAni 2s linear infinite; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid rgba(255, 255, 255, .6);border-radius: 50%;}
.indAb-video .btn::after{animation-delay: -1s;}
@keyframes dotAni {
    0%{opacity: 0;transform: scale(1);}
    50%{opacity: 1;transform: scale(1.5);}
    100%{opacity: 0;transform: scale(2);}
}
.indAb-video .btn:hover{transform: scale(.98) translate(-50%,-50%);}
.indAb-video .btn:active{transform: scale(.98) translate(-50%,calc(-50% + 5px));}
.indAb-con{width: 36%;background: #f5f5f5;padding-left: 80px;padding-right: calc((100vw - var(--wid)) / 2);display: flex;flex-direction: column;justify-content: center;}
.indLink{background: url('../images/index/indLink-bg.jpg') no-repeat center/cover;}
.indLink-item{width: 25%;justify-content: flex-start;flex-direction: column;position: relative;}
.indLink-item::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 95%;background: rgba(255, 255, 255, .5);}
.indLink-item:first-child::after{display: none;}
.indLink-item .icon{height: 48px;}
.indLink-item .icon img{max-height: 100%;}
.indLink-item>div{transition: all .4s ease;}
.indLink-item:hover>div{transform: translateY(-10px);}
.indHZ{background: url('../images/index/indHZ-bg.jpg') no-repeat center/cover;}
.indHZ .contain{padding: 0 40px;}
.indHZ-nav-item{width: 140px;margin-left: 30px;user-select: none;cursor: pointer;}
.indHZ-nav-item:first-child{margin-left: 0;}
.indHZ-nav-menu{letter-spacing: 2px; height: 46px;width: 100%;border-radius: 40px;border: 1px solid #333;position: relative;z-index: 5;}
.indHZ-nav-menu::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;background: linear-gradient(to right,#cf2b4d,#1910b7);opacity: 0;transition: all .4s ease;}
.indHZ-nav-menu span{position: relative;z-index: 2;}
.indHZ-nav-menu.active{border-color: transparent;color: #fff;}
.indHZ-nav-menu.active::after{opacity: 1;}
.indHZ-nav-drop{display: none;z-index: 3; position: absolute;left: 0;top: 50%;width: 100%;background: #fff;padding: 30px 10px 22px;border-radius: 0 0 20px 20px;}
.indHZ-nav-drop.active{display: flex;}
.indHZ-nav-drop .item{text-align: left;}
.indHZ-nav-drop .item.active{color: #333;}
.indHZ-link{width: 33%;position: relative;z-index: 2;}
.indHZ-link-item{box-shadow: 0px 0px 70px 0px rgba(12, 6, 6, 0.2);display: none;background: #fff;}
.indHZ-link-list:first-child .indHZ-link-item:first-child{display: block;}
.indHZ-link-img img{width: 100%;height: 265px;}
.indHZ-link-con .img{height: 70px;}
.indHZ-link-con .img img{max-width: 55%;max-height: 100%;}
.indHZ-logo{display: none; position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indHZ-logo.active{display: block;}
.indHZ-logo .item{position: absolute;width: 100px;height: 100px;border-radius: 12px;background: rgba(51, 51, 51, .2);cursor: no-drop;}
.indHZ-logo .item img{transition: all .4s ease;max-width: 85%;max-height: 55%;}
.indHZ-logo .item .s{opacity: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indHZ-logo .item.active{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);background: #fff;pointer-events: auto;cursor: pointer;}
.indHZ-logo .item.active .s{opacity: 1;}
.indHZ-logo .item.active .h{opacity: 0;}
.indHZ-logo .item:hover{transform: scale(1.1);}
.indHZ-logo .item:nth-child(1){left: 0;top: 0;}
.indHZ-logo .item:nth-child(2){left: 0;top: 170px;}
.indHZ-logo .item:nth-child(3){left: 0;top: 340px;}
.indHZ-logo .item:nth-child(4){left: 170px;top: 30px;}
.indHZ-logo .item:nth-child(5){left: 170px;top: 200px;}
.indHZ-logo .item:nth-child(6){left: 170px;top: 370px;}
.indHZ-logo .item:nth-child(7){left: 340px;top: 150px;}
.indHZ-logo .item:nth-child(8){left: 340px;top: 320px;}
.indHZ-logo .item:nth-child(9){right: 340px;top: 150px;}
.indHZ-logo .item:nth-child(10){right: 340px;top: 320px;}
.indHZ-logo .item:nth-child(11){right: 170px;top: 30px;}
.indHZ-logo .item:nth-child(12){right: 170px;top: 200px;}
.indHZ-logo .item:nth-child(13){right: 170px;top: 370px;}
.indHZ-logo .item:nth-child(14){right: 0;top: 0;}
.indHZ-logo .item:nth-child(15){right: 0;top: 170px;}
.indHZ-logo .item:nth-child(16){right: 0;top: 340px;}
/* -------------------------PC端--------------------------- */

/* -------------------------2k端--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {
    /* 1920设计稿 2560分辨率【所有宽度 × (2560÷1920 ≈ 1.5)】【电脑缩放1920÷2560 = 75%】 */
    .banner-svg{height: 105%;top:3.5%;}
    .banner-svg svg{height: 100%;}
}

@media all and (max-width:1700px){
    /* 1600 × (900) */
    .banner-svg{top: 2%;}
    .indTZ-news-swp-box{margin-top: 155px;}
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .banner-svg{top: -7%;}
    .indTZ-news-swp-box {margin-top: 125px;}
    
    .banner-con .title::after{width: 80px;}
    .indPro-slide img {height: 490px;}
    .indPro-item i{width: 42px;height: 42px;margin-right: 12px;}
    .indFZ-con{padding: 35px;}
    .indTZ-news {padding: 70px 15px 55px 40px;}
    .indTZ-news-pagination .swiper-pagination-bullet{margin-left: 15px;}
    .indTZ-stock-show{padding: 20px 0 20px 25px;}
    .indTZ-stock-list{padding: 20px 10px 20px 30px;}
    .indTZ-stock-show .show-num .rmb span{margin-right: 5px;}
    .indTZ-stock-show .show-num .up{margin-left: 10px;}
    .indTZ-stock-show .show-num .up i img{width: 10px;}
    .indTZ-announcements{padding: 25px;}
    .indTZ-news-slide .title i, .indTZ-announcements .title i{font-size: 13px;}
    .indAb-con{padding-left: 50px;}
    .indLink-item .icon{height: 44px;}
    .indHZ .contain{padding: 0;}
    .indHZ-nav-item{width: 120px;margin-left: 20px;}
    .indHZ-nav-menu{height: 42px;}
    .indHZ-link-img img{height: 210px;}
    .indHZ-link-con .img{height: 64px;}
    .indHZ-logo .item{width: 86px;height: 86px;border-radius: 10px;}
    .indHZ-logo .item:nth-child(1){left: 0;top: 0;}
    .indHZ-logo .item:nth-child(2){left: 0;top: 140px;}
    .indHZ-logo .item:nth-child(3){left: 0;top: 280px;}
    .indHZ-logo .item:nth-child(4){left: 140px;top: 20px;}
    .indHZ-logo .item:nth-child(5){left: 140px;top: 140px;}
    .indHZ-logo .item:nth-child(6){left: 140px;top: 260px;}
    .indHZ-logo .item:nth-child(7){left: 280px;top: 100px;}
    .indHZ-logo .item:nth-child(8){left: 280px;top: 220px;}
    .indHZ-logo .item:nth-child(9){right: 280px;top: 100px;}
    .indHZ-logo .item:nth-child(10){right: 280px;top: 220px;}
    .indHZ-logo .item:nth-child(11){right: 140px;top: 20px;}
    .indHZ-logo .item:nth-child(12){right: 140px;top: 140px;}
    .indHZ-logo .item:nth-child(13){right: 140px;top: 260px;}
    .indHZ-logo .item:nth-child(14){right: 0;top: 0;}
    .indHZ-logo .item:nth-child(15){right: 0;top: 120px;}
    .indHZ-logo .item:nth-child(16){right: 0;top: 240px;}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
    .banner-svg {width: 109%;left: -4.5%;}

}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .banner-svg{width: 118%;left: -9%;}
    .indTZ-news-swp-box {margin-top: 95px;}
    .indTZ-news-slide .title, .indTZ-announcements .title{font-size: 16px;}
    .indTZ-news-slide .title i, .indTZ-announcements .title i{font-size: 12px;}
    .banner-con .title::after{width: 60px;}
    .indPro-slide img{height: 450px;}
    .indPro-item i{width: 32px;height: 32px;}
    .indFZ-con{padding: 25px;}
    .indTZ-news {padding: 70px 10px 40px 30px;}
    .indTZ-stock-show {padding: 15px 0 15px 10px;}
    .indTZ-stock-show .show-num .rmb{font-size: 12px;}
    .indTZ-stock-show .show-num .rmb span{margin-right: 3px;}
    .indTZ-stock-show .show-num .up{margin-left: 6px;font-size: 12px;}
    .indTZ-stock-show .show-num .up i img{width: 8px;}
    .indTZ-stock-list {padding: 15px 10px 15px 15px;}
    .indTZ-stock-list .num span{margin-right: 5px;}
    .indTZ-announcements{padding: 20px 10px;}
    .indAb-video .img img{height: 420px;}
    .indAb-con{padding-left: 30px;}
    .indLink-item .icon{height: 36px;}
    .indHZ-link-img img{height: 170px;}
    .indHZ-link-con .img{height: 60px;}
    .indHZ-logo .item{width: 70px;height: 70px;border-radius: 6px;}
    .indHZ-logo .item:nth-child(1){left: 0;top: 0;}
    .indHZ-logo .item:nth-child(2){left: 0;top: 110px;}
    .indHZ-logo .item:nth-child(3){left: 0;top: 220px;}
    .indHZ-logo .item:nth-child(4){left: 110px;top: 20px;}
    .indHZ-logo .item:nth-child(5){left: 110px;top: 130px;}
    .indHZ-logo .item:nth-child(6){left: 110px;top: 240px;}
    .indHZ-logo .item:nth-child(7){left: 220px;top: 100px;}
    .indHZ-logo .item:nth-child(8){left: 220px;top: 210px;}
    .indHZ-logo .item:nth-child(9){right: 220px;top: 100px;}
    .indHZ-logo .item:nth-child(10){right: 220px;top: 210px;}
    .indHZ-logo .item:nth-child(11){right: 110px;top: 20px;}
    .indHZ-logo .item:nth-child(12){right: 110px;top: 130px;}
    .indHZ-logo .item:nth-child(13){right: 110px;top: 240px;}
    .indHZ-logo .item:nth-child(14){right: 0;top: 0;}
    .indHZ-logo .item:nth-child(15){right: 0;top: 110px;}
    .indHZ-logo .item:nth-child(16){right: 0;top: 220px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .banner-bg img{height: calc(100vh - 60px);}
}
@media all and (max-width:1000px){
    /* 720 竖屏 */
    .banner-svg{height: 100%;width: 212%;left: -56%;top: 5%;}
    .banner-svg svg{height: 100%;}
    
    .banner-bg img{height: 400px;}
    .banner-con .title{padding-bottom: 10px;}
    .banner-con .title::after{width: 40px;height: 1px;}
    .banner-scroll{display: none;}
    .indPro-module{margin-top: 40px;}
    .indPro-bg{display: none;}
    .indPro-module .contain{flex-direction: column-reverse !important;}
    .indPro-desc{width: 100%;padding: 20px 15px 40px;background: #f5f5f5;}
    .indPro-swp{width: 100%;}
    .indPro-slide img{height: 205px;}
    .indPro-pagination{right: 10px;bottom: 10px;}
    .indPro-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 4px;}
    .indPro-pagination .swiper-pagination-bullet-active{width: 25px;}
    .indPro-list{margin-top: 25px;}
    .indPro-item i{width: 28px;height: 28px;}
    .indFZ{width: 100%;}
    .indFZ-img img{height: 175px;}
    .indFZ-con{padding: 20px 15px 40px;}
    .indTZ{width: 100%;}
    .indTZ-right{position: relative;right: auto;top: auto;transform: none;width: 100%;margin-top: 0;}
    .indTZ-bg{height: 143px;}
    .indTZ-con{height: auto;}
    .indTZ-news{width: 100%;padding: 30px 4%;}
    .indTZ-news-slide .title, .indTZ-announcements .title{font-size: 14px;}
    .indTZ-news-slide .title i, .indTZ-announcements .title i{font-size: 9px;margin-left: 5px;}
    .indTZ-news-swp-box{margin-top: 20px;padding-right: 40px;}
    .indTZ-news-swp-box::after{left: 48%;}
    .indTZ-news-pagination .swiper-pagination-bullet{margin-left: 8px;width: 7px;height: 7px;}
    .indTZ-announcements .text i img{width: 14px;}
    .indAb-video{width: 100%;}
    .indAb-video .img img{height: 185px;}
    .indAb-video .btn{width: 32px;height: 32px;}
    .indAb-con{width: 100%;padding: 20px 4% 40px;}
    .indLink-item{width: 50%;}
    .indLink-item:nth-child(3),.indLink-item:nth-child(4){margin-top: 30px;}
    .indLink-item:nth-child(3)::after{display: none;}
    .indLink-item .icon{height: 30px;}
    .indLink-item .title{margin-top: 15px;}
    .indHZ-nav-item{width: 90px;}
    .indHZ-nav-menu{height: 34px;}
    .indHZ-flex{flex-wrap: wrap;flex-direction: column-reverse;margin-top: 0;}
    .indHZ-link{width: 100%;margin-top: 40px;}
    .indHZ-link-item{box-shadow: 0px 0px 20px 0px rgba(12, 6, 6, 0.2);}
    .indHZ-link-img img{height: 184px;}
    .indHZ-link-con .img{height: 64px;}
    .indHZ-logo-box{width: 100%;}
    .indHZ-logo{position: relative;flex-wrap: wrap;margin-left: -20px;width: calc(100% + 20px);}
    .indHZ-logo.active{display: flex;}
    .indHZ-logo .item{height: 71px; position: relative;left: auto !important;right: auto !important;top: auto !important;margin: 20px 0 0 20px;width: calc((100% / 4) - 20px);}
    .indHZ-logo .item.active{box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
    .indTZ-news-line{height: 18px;}
    .indTZ-stock-list{margin-top: -10px;}
    .indTZ-stock-list li{margin-top: 10px;}
    .indTZ-stock-list .num{margin-top: 4px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px){
    /* 移动终端 360 适配 */
}