@charset "utf-8";
/* ===================首页样式========================== */
.indHZ-swp{width: calc(100% + 40px);margin-left: -20px;}
.indHZ-list{margin-left: -20px;padding:20px;}
.indHZ-list li{margin: 20px 0 0 20px;width: calc(20% - 20px);height: 150px;background: #fff;transition: all .4s ease;box-shadow: 0px 0px 25px 0px rgba(6, 27, 54, 0.1);}
.indHZ-list li:hover{transform: translateY(-10px);}
.indHZ-list li img{max-width: 70%;max-height: 80%;}
.indNews{background: url('../images/index/indNews-bg.jpg') no-repeat center/cover;}
.indNews-swp .swiper-container{overflow: visible;}
.indNews-slide{opacity: .5;transition: all .4s ease;}
.indNews-img .label{padding: 4px 24px 4px 20px;clip-path: polygon(100% 0, 100% 71%, 76% 100%, 0 100%, 0 0);position: absolute;left: 0;top: 10px;}
.indNews-img .img img{width: 100%;height: 310px;}
.indNews-con .date{color: #b0b0b0;}
.indNews-slide.active{opacity: 1;}
.indNews-slide:hover .indNews-img{animation: newsImg .4s ease forwards;}
.indNews-slide:hover .indNews-con .title{color: #0c4f9e;}
.swiper-slide-active .indNews-slide,.swiper-slide-next .indNews-slide,.swiper-slide.next2 .indNews-slide{opacity: 1;}
@keyframes newsImg {0%{clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);}100%{clip-path: polygon(100% 0, 100% 71%, 76% 100%, 0 100%, 0 0);}}
.indNews-pagination{position: relative;background: #d8dbde;height: 1px;width: 100%;}
.indNews-pagination .line{background: #0c4f9e;width: 0;height: 100%;position: absolute;left: 0;top: 0;transition: all .8s linear;}
.indNews-pagination .line i{position: absolute;display: block;max-width: unset; right: 15px;bottom: 100%;width: 80px;height: 40px;background: url('../images/index/indNews-icon.png') no-repeat center bottom/100% auto;}
.indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indAb-bg img{width: 100%;height: 100%;}
.indAb-con{position: relative;z-index: 2;}
.indAb-desc{width: 80%;}
.indAb-num{border-top: 1px solid rgba(255, 255, 255, .2);}
.indAb-num ul{width: 86%;justify-content: space-between;}
.indAb-num .num{align-items: flex-start;}
.indAb-num .num span{display: inline-block;line-height: .8;margin-right: 8px;}
.indAb-num li:nth-child(3) .num span:first-child{margin-right: 0;}
.indHY{overflow: hidden;}
.indHY-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indHY-bg img{display: none;width: 100%;height: 100%;}
.indHY-bg img:first-child{display: block;}
.indHY-img{position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end;padding-bottom: 50px;}
.indHY-img .contain{justify-content: flex-end;}
.indHY-img img{width: 94.5%;}
.inRight{animation: inRight 2s ease forwards;transform: translateX(100%);}
@keyframes inRight {0%{transform: translateX(100%);}100%{transform: translateX(0);}}
.indHY-con{position: relative;z-index: 3;}
.indHY-desc{position: absolute;left: 0;top: 17%;width: 39%;}
.indHY-list li{display: flex;position: relative; flex-direction: column;align-items: center;text-align: center;justify-content: flex-start;padding-top: 50vh; width: 20%;height: 91vh;border-right: 1px solid rgba(255, 255, 255, .2);}
.indHY-list li:first-child{border-left: 1px solid rgba(255, 255, 255, .2);}
.indHY-list li::after{content: "";transition: all .6s ease; position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: linear-gradient(to bottom,transparent 0%,rgba(12,79,158,.9) 100%  );}
.indHY-list .img{height: 73px;}
.indHY-list .img img{max-height: 100%;}
.indHY-list .img,.indHY-list .text{position: relative;z-index: 2;}
.indHY-list li:hover::after{height: 100%;}
.indSer{ background: url('../images/index/indSer-bg.png') no-repeat left bottom/40% auto;}
.indSer-left{width: 50%;}
.indSer-nav{position: relative;z-index: 2;height: 440px;}
.indSer-nav::after{content: "";position: absolute;left: 10px;top: 50%;transform: translateY(-50%);height: calc(100% - 40px);width: 14px;background: url('../images/index/indSer-nav-line.png') no-repeat center/auto 100%;}
.indSer-nav li{margin-top: 40px; display: flex;align-items: flex-start;flex-wrap: wrap;user-select: none;cursor: pointer;position: relative;z-index: 2;}
.indSer-nav li:first-child{margin-top: 70px;}
.indSer-nav-icon{margin-top: 4px; width: 40px;height: 46px;background: url('../images/index/indSer-nav-bg1.png') no-repeat center top/100% auto;}
.indSer-nav-icon .img{padding-bottom: 7px; position: absolute;left: 5px;top: 7px;width: 30px;height: 36px;background: url('../images/index/indSer-nav-bg3.png') no-repeat center top/100% auto;}
.indSer-nav-icon .img img{max-width: 55%;max-height: 50%;}
.indSer-nav-text{padding:0px 40px 0 25px;flex: 1;}
.indSer-nav-drop{display: none;}
.indSer-nav li.active .indSer-nav-icon{background-image: url('../images/index/indSer-nav-bg2.png');}
.indSer-nav li.active .indSer-nav-text .title{color: #000;}
.indSer .contain{justify-content: space-between;display: flex;flex-wrap: wrap;}
.indSer-video{position: absolute;right: 40px;top: 50%;transform: translateY(-50%);width: 49%;}
.indSer-video li{display: none;}
.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;}
@media all and (max-width:1151px) {.banner .hasVideo .banner-img img.pc{animation: none;}.banner .hasVideo video{display: none;}}
.banner-img img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.banner-con .title,.banner-con .text,.banner-con .comBtn-box{opacity: 0;transform: translateY(120px);transition: 1s .8s ease;}
.banner-con .text{transition-delay: 1s;}
.banner-con .comBtn-bpx{transition-delay: 1.2s;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comBtn-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.oneSlide .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.oneSlide .banner-con .text{transition-delay: .2s;}
.swiper-slide-active.oneSlide .banner-con .comBtn-box{transition-delay: .4s;}
.index{position: relative;z-index: 2;background: #fff;}
.banner-box{position: relative;width: 100%;height: 100vh;overflow: hidden;}
.banner{position: fixed;left: 0;top: 0;width: 100%;}
.banner-btn{position: absolute;left: 0;bottom: 8%;width: 100%;z-index: 4;align-items: center;}
.banner-stop{transition: all .4s ease; color: #fff;margin-left: 10px;position: relative;padding-left: 20px;user-select: none;cursor: pointer;line-height: 1;}
.banner-stop::after{content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%); width: 2px;height: 120%;background: rgba(255, 255, 255, .6);}
.banner-stop.active::before{content: "\ea82";}
.banner-stop:active{transform: scale(.95) translateY(-2px);}
.banner-pagination .swiper-pagination-bullet{width: 24px;height: 26px;background: transparent;opacity: 1;position: relative;margin: 0 10px;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet i{position: absolute;width: 14px;background: url('../images/index/banner-pagination.png') no-repeat center/100% auto; height: 16px;top: 50%;left: 50%;transform: translate(-50%,-50%); transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet svg{transition: all .4s ease;width: 100%;height: 100%;opacity: 0;transform: scale(.95);}
.banner-pagination .swiper-pagination-bullet svg path{stroke-dasharray:100,100;stroke-dashoffset:100;}
.banner-pagination .swiper-pagination-bullet-active i{opacity: 0;}
.banner-pagination .swiper-pagination-bullet-active svg{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg path{animation: bulletRun 5s linear both;}
.banner-pagination .swiper-pagination-bullet-active.oneBullet svg path{animation: bulletRun 4s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:100;}100%{stroke-dashoffset:0;}}

.banner-scroll{user-select: none;cursor: pointer;animation: banScroll 1s linear infinite alternate;transform: translateY(-5px); margin-left: 15px;font-weight: 700;font-size: 18px;}
@keyframes banScroll {0%{transform: translateY(-5px);}100%{transform: translateY(5px);}}
.banner-scroll::before{transform: rotate(180deg);display: block;}


.indNet{background: url('../images/index/indNet-bg.png') no-repeat left bottom/35% auto;}
.indNet .contain{justify-content: space-between;}
.indNet-left{width: 40%;}
.indNet-list{margin-left:-60px;}
.indNet-list li{width: auto;margin-left:60px; user-select: none;cursor: pointer;text-align:center;}
.indNet-list li:hover,.indNet-list li.active{color: #e6212a;}
.indNet-con-box{position: relative;border-top: 1px solid #b6d7fd;width: 95%;}
.indNet-edit{max-height: 350px;overflow-y: auto;padding-right: 10px;}
.indNet-edit::-webkit-scrollbar {width: 3px;}
.indNet-edit::-webkit-scrollbar-thumb {background: #0c4f9e;}
.indNet-edit::-webkit-scrollbar-track {background: #f1f1f1;}
.indNet-edit{scrollbar-color:#0c4f9e #f1f1f1;scrollbar-width:thin;}
.indNet-edit{scrollbar-face-color: #0c4f9e;scrollbar-shadow-color: #0c4f9e;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.indNet-con{position: absolute;left: 0;top: 0;width: 100%;pointer-events: none;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);transition: all .7s ease;}
.indNet-con:first-child{position: relative;}
.indNet-con.active{pointer-events: auto;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);z-index: 2;transition-delay: .7s;}
.indNet-title{margin-top:40px;}
.indNet-title:nth-child(1){margin-top:0;}
.indNet-text .text i{display: block;width: 30px;}
.indNet-text .text p{flex: 1;}
.indNet-right{position: absolute;right: 60px;bottom: 30px;width: 50%;text-align: right;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indHZ-list li{height: 130px;}
    .indNews-img .img img{height: 250px;}
    .indHY-list .img{height: 65px;}
    .indSer-nav li{margin-top: 30px;}
    .indSer-nav li:first-child{margin-top: 50px;}
    .indSer-nav{height: 390px;}
    .indNet-edit{max-height: 300px;}
    .indNet-list{font-size:16px;}
    .indNet-title{margin-top:32px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indSer-nav li{margin-top: 25px;}
    .indSer-nav li:first-child{margin-top: 30px;}
    .indNews-img .img img{height: 200px;}
    .indHZ-list li{height: 100px;}
    .indSer-nav{height: 360px;}
    .indNet-list{font-size:14px;margin-left:-40px;}
    .indNet-list li{margin-left:40px;}
    .indNet-title{margin-top:25px;}

}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner{top: 60px;}
    .banner-img img,.banner-box{height: 250px;}
    .banner-con{padding-bottom: 30px;}
    .banner-con .title{font-size:21px;}
    .banner-con .text{font-size:16px;}
    .banner-btn{bottom: 5px;}
    .banner-pagination{margin-top: 5px;}
    .banner-pagination .swiper-pagination-bullet{margin: 0;transform: scale(.5);}
    .banner-stop{padding-left: 10px;margin-left: 5px;font-size: 12px;transform:scale(.8);}
    .indSer-left{width: 100%;}
    .indSer-video,.indNet-right{position: relative;width: 100%;transform: unset;top: auto;right: auto;margin-top: 30px;bottom: auto;}
    .indSer{height: auto;padding-bottom: 50px;}
    .indAb-desc{width: 100%;}
    .indAb-num ul{width: 100%;justify-content: space-between;}
    .indAb-num li{width: 48%;margin-top: 20px;padding-left:20px;}
    .indNet-list{margin-left:-30px;}
    .indNet-list li{font-size:13px;margin-left:30px;}
    .indNet-con-box{width: 92%;}
    .indNet-left{width: 100%;}
    .indHY-list li{height: 360px;padding-top:180px;}
    .indHY-img{padding-bottom:80px;}
    .indHY-desc{top: 20px;width: 100%;}
    .indHY-list .img{height: 28px;}
    .indHY-list .text{font-size: 12px;}
    .indHead{align-items: center;}
    .swiper-slide-active .indNews-slide, .swiper-slide-next .indNews-slide, .swiper-slide.next2 .indNews-slide{opacity: .5;}
    .swiper-slide-active .indNews-slide{opacity: 1 !important;}
    .indNews-pagination{margin-top: 40px;}
    .indNews-pagination .line i{right: 5px;width: 40px;height: 20px;}
    .indHZ-list{margin-left: -10px;}
    .indHZ-list li{width: calc((100% / 5) - 10px);margin: 10px 0 0 10px;box-shadow: 0px 0px 14px 0px rgba(6, 27, 54, 0.1);height: 60px;}
    .indSer-nav{height: auto;}
    .indNet-edit {max-height: 240px;}
    .banner-scroll{font-size: 12px;margin-left: 5px;}
    .indSer-nav-icon{margin-top: 2px;}
    .indNet-title{margin-top:20px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}