@charset "utf-8";
/* ===================首页样式========================== */
.banner .hasVideo .banner-img img.pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner .hasVideo 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{position: fixed;left: 0;top: 0;width: 100%;}
.indGroup {position: relative;z-index: 10;background: #fff;margin-top: 100vh}
.banner-bg img{width: 100%;height: 100vh;}
.banner-btn-box{left: 20px;position: absolute;top: calc(50% - 20px);z-index: 4;}
.banner-btn{user-select: none;cursor: pointer; width: 40px;height: 40px; border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, .3);transition: all .4s ease;}
.banner-btn svg{width: 20px;height: 20px;}
.banner-btn .svg2{display: none;}
.banner-btn.active .svg1{display: none;}
.banner-btn.active .svg2{display: block;}
.banner-scroll{position: absolute;z-index: 2;left: 0;bottom: max(20px,0.5rem);width: 100%;}
.banner-scroll i{transform: rotate(180deg);display: block;user-select: none;cursor: pointer;font-size: max(20px,0.4rem);}
.banner-scroll i::before{display: block;animation: banScroll 0.7s ease infinite alternate;}
@keyframes banScroll {0%{opacity: 1;transform: translateY(0);}100%{opacity: 1;transform: translateY(-10px);}}
.index .contain{width: 89%;}
.indBus-swp .swiper-container{overflow: visible;}
.indBus-img img{width: 100%;height: 27vw;transition: all .6s ease;}
.indBus-swp .swiper-slide:hover .indBus-img img{transform: scale(1.1);}
.indBus-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: max(15px,0.3rem);}
.indBus-con .title{width:220px;}
.indBus-swp .swiper-slide:nth-child(2) .indBus-slide,.indBus-swp .swiper-slide:nth-child(3) .indBus-slide{color: #666;}.indBus-swp .comNext{justify-content: flex-end;}
.indStock{background: #F3F3F4;}
.indStock-title span{background: -webkit-linear-gradient(left, #8AA3D0 0%, #C5F9FE 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.indStock-con{flex-direction: column;}
.indStock-con .code a{text-decoration: underline;transition: all .4s ease;}
.indStock-con .code a:hover{color: #C5F9FE;}
.indStock-con .num{align-items: center;}
.indStock-con .num .right{color: #97C570;margin-left: max(12px,0.25rem);}
.indStock-con>div{position: relative;z-index: 2;}
.indStock-con .bg{position: relative;z-index: 1;height: 1px;width: 1px;}
.indStock-con .bg img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-55%);width: 100vw;max-width: unset;}
.indNews-swp-box{justify-content: center;}
.indNews-swp{width: 74%;}
.indNews-swp .swiper-container{overflow: visible;}
.indNews-slide{transform: scale(.89);transition: all .6s ease;}
.indNews-img img{width: 100%;height: 39vw;}
.indNews-con{position: absolute;left: 0;bottom: 0;width: 100%;padding: max(20px,0.4rem);transform: translateY(100%);opacity: 0;transition: all .8s .8s ease;}
.indNews-con .title{text-shadow: 5px 3px 8px rgba(0, 0, 0, .5);}
.swiper-slide-active .indNews-slide{transform: scale(1);}
.swiper-slide-active .indNews-con{opacity: 1;transform: translateY(0);}

@keyframes stockBg{0%{transform: translate(-50%,-55%) scaleX(0.7);opacity: 0;}100%{transform: translate(-50%,-55%) scaleX(1);opacity: 1;}}
.stockBg{animation: stockBg 1s ease both;}

.indNotice{background: #fff;}
/* .indNotice{background: #fff url('../images/index/indNotice-bg.png') no-repeat right bottom/auto 100%;} */
.indNotice .contain{width: 14rem;}
.indNotice-left{width: 17.5%;}
.indNotice-menu-item{flex-direction: column;user-select: none;cursor: pointer;}
.indNotice-menu-item .line{height: 0;width: 0.04rem;background: #000;margin: 0.25rem 0;transition: all .5s ease;}
.indNotice-menu-item:last-child{flex-direction: column-reverse;}
.indNotice-menu-item:last-child .line{margin: 0;transform: translateY(-0.25rem);}
.indNotice-menu-item.active,.indNotice-menu-item:hover{font-weight: 700;}
.indNotice-menu-item.active .line{height: 2.67rem;}
.indNotice-right{padding-left: 1.07rem;border-left: 1px solid #000;}
.indNotice-drop-box{position: relative;}
.indNotice-drop{display: none;}
.indNotice-drop.active{display: block;}
.indNotice-drop-item{align-items: center;animation: noticeAni .6s ease both;}
.indNotice-drop-item:nth-child(2){animation-delay: .1s;}
.indNotice-drop-item:nth-child(3){animation-delay: .2s;}
.indNotice-drop-item:nth-child(4){animation-delay: .3s;}
.indNotice-drop-item:nth-child(5){animation-delay: .4s;}
.indNotice-drop-item:nth-child(6){animation-delay: .5s;}
.indNotice-drop-date{width: 1.17rem;height: 1.17rem;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right: 0.53rem;}
.indNotice-drop-con{flex: 1; border-bottom: 1px solid rgba(0, 0, 0, .06);}
.indNotice-drop-item:hover .indNotice-drop-con .title{color: #8AA3D0;}
.indNotice-drop-con .title{font-weight: 400;width: 90%;}
@keyframes noticeAni {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}

.indTitle .title i{font-style: normal; display: none;margin-left: 0.28rem;width: 0.12rem;height: 0.12rem;border-radius: 50%;background: #000;}
.indStock-title i{font-style: normal; display: none;margin-left: 0.30rem;width: 0.18rem;height: 0.18rem;border-radius: 50%;background: #C5F9FE;}
.indNotice-head{justify-content: space-between;align-items: center;}
.indNotice-nav .item{color: #999; user-select: none;cursor: pointer;margin-left: 0.15rem;padding: max(4px,0.1rem) max(10px,0.2rem);}
.indNotice-nav .item:first-child{margin-left: 0;}
.indNotice-nav .item span{position: relative;z-index: 2;}
.indNotice-nav .item::after{background: linear-gradient(to right,#8AA3D0,#C5F9FE);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: max(4px,0.08rem);opacity: 0;transition: all .4s ease;}
.indNotice-nav .item.active{color: #fff;}
.indNotice-nav .item.active::after{opacity: 1;}
.indNotice-swp .swiper-container{height: max(300px,6.2rem);}
.indNotice-swp .swiper-wrapper {transition-timing-function: linear;}

/* 新增 */
.indXW .contain{width: 14rem;}
.indXW .fcontainer{overflow: hidden;position: relative;height: 300px;}
.indXW .article{padding-bottom: 14px;}
.indXW .title{color: #5174a3;font-size: 20px;}
.indXW .date,.indXW .source{font-size: 14px;}
.indXW .ingres{font-size: 14px;}
.indXW a:hover{text-decoration: underline;}
.indXW .fup,.indXW .fdown{height: 40px;display: flex;align-items: center;justify-content: center;user-select: none;cursor: pointer;}





/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
    
}

@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 竖屏 */
    .banner{top: 60px;}
    .banner-bg img{height: 210px;}
    .indGroup{margin-top: 270px;}
    .banner-scroll{bottom: 30px;}
    .banner-scroll i{font-size: 26px;}
    .index .contain{width: 92%;}
    .indBus-img img{height: 450px;}
    .indBus-con{padding: 25px 15px;}
    .indBus-swp .comNext{display: none;}
    .indNews-swp{width: 92%;}
    .indNews-con{padding: 10px;}
    .indNotice-left{width: 100%;padding-top: 40px;}
    .indNotice-menu{display: flex;overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;justify-content: flex-start;}
    .indNotice-menu-item{margin-left: 25px;}
    .indNotice-menu-item:first-child{margin-left: 0;}
    .indNotice-menu-item .line{display: none;}
    .indNotice-right{border-left: unset;padding: 30px 0 0;}
    .indNotice-drop-date{width: 60px;height: 60px;}
    .indNotice-drop-date .year{font-size: 13px;margin-top: 5px;}
    .indNotice-drop-con{flex: 1;width: auto;padding: 30px 0;}
    .indNotice .contain{width: 92%;}
    .indNotice-nav{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .indNotice-drop-con .title{width: 100%;}
    .indXW .title{font-size: 13px;}
    .indXW .date,.indXW .source{font-size: 10px;}
    .indXW .ingres{font-size: 12px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px){
    /* 移动终端 360 适配 */
}<!--0.00020217895507812-->