@charset "utf-8";
/* ===================首页样式========================== */
.indNews-header{align-items: center;justify-content: space-between;}
.indNews-btn .btn{width: 60px;height: 60px;border-radius: 50%;background: #f3f7fc;user-select: none;cursor: pointer;font-size: 14px;}
.indNews-btn .btn.next{margin-left: 20px;transform: rotate(180deg);}
.indNews-btn .btn:hover{background: #003686;color: #fff;}
.indNews-slide{border-radius: 10px;overflow: hidden;}
.indNews-img img{width: 100%;height: 300px;}
.indNews-con{background: #f3f7fc;padding: 40px 25px 50px;}
.indNews-slide:hover .indNews-img img{transform: scale(1.08);}
.indNews-slide:hover .indNews-con .title{color: #003686;}
.indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indAb-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.indAb-bg img,.indAb-bg video{width: 100%;height: 100%;}
.indAb-con{position: relative;z-index: 2;}
.indAb-num{padding-right: 100px;justify-content: space-between;}
.indAb-num li{display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;text-align: center;}
.indAb-num .num{align-items: flex-end;}
.indAb-num .num span{line-height: .8;display: inline-block;margin-right: 5px;}
.indcp-loop{border-radius: 10px;overflow: hidden;}
.indcp-loop .swiper-wrapper{flex-wrap: nowrap;width: auto;margin-left: -10px;}
.indcp-loop .swiper-slide{width: 250px;margin-left: 10px; -webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;}
.indcp-loop .swiper-slide.active{width: calc(100% - 250px*3 - 10px*4);}
/* -- */
.indcp-items{width: 100%;position: relative;overflow: hidden;height: 530px;color: #fff;transform: translate3d(0,0,0);}
.indcp-items img{height: 100%;position: absolute;max-width: none;object-fit: fill;top: 0;left: 50%;transform: translateX(-50%);}
.indcp-items::after{background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.6) 100%); content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transition: all .4s ease;}
.indcp-items-hint{position: absolute;transition: all .4s ease .4s;z-index: 5; bottom: 0;width: 100%;padding: 0 10px 35px;text-align: center;}
.indcp-items-mix{opacity: 0;transition: all .4s ease;position: absolute;width: 100%;bottom: 0;padding: 0 10px 35px;left: 0; z-index: 5;}
.indcp-items-mix .cont{opacity: 0;transform: translateY(50px);}
.indcp-loop .swiper-slide.active .indcp-items::before{opacity: 0;transition: all .4s ease .4s;}
.indcp-loop .swiper-slide.active .indcp-items::after{opacity: 1;transition: all .4s ease .4s;}
.indcp-loop .swiper-slide.active .indcp-items-hint{opacity: 0;transition: all .4s ease;}
.indcp-loop .swiper-slide.active .indcp-items-mix{opacity: 1;transition: all .4s ease .4s;}
.indcp-loop .swiper-slide.active .indcp-items-mix .cont{opacity: 1;transform: translateY(0);transition: all .6s ease .5s;}
.indcp-loop .swiper-slide.active .indcp-items-mix .link{opacity: 1;transform: translateY(0);transition: all .6s ease .5s;}
.indCl-list{justify-content: space-between;}
.indCl-list li{display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;text-align: center;}
.indCl-list .img{transition: all .4s ease;height: 110px;}
.indCl-list .img img{max-height: 100%;}
.indCl-list li:hover .img{transform: translateY(-15px);}
.indJs{background: url('/template/default/images/index/indJs-bg.jpg') no-repeat center/cover;}
.indJs-img{width: 50%;border-radius: 10px 0 0 10px;overflow: hidden;position: relative;}
.indJs-img .img,.indJs-img .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indJs-img .video{opacity: 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;transition: all .4s ease;}
.indJs-img video{width: 100%;height: 100%;}
.indJs-img .btn{z-index: 2; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .4s ease;user-select: none;cursor: pointer;}
.indJs-img .btn:hover{transform: translate(-50%,-50%) scale(.95);}
.indJs-img.active .img,.indJs-img.active  .btn{opacity: 0;}
.indJs-img.active .video{opacity: 1;}
.indJs-con{width: 50%; padding:60px 80px; background: #fff;border-radius: 0 10px 10px 0;box-shadow: 0px 0px 10px 0px rgba(0, 54, 134, 0.1);}
.indJs-list{margin-left: -130px;}
.indJs-list li{margin-left: 130px;flex-direction: column;justify-content: flex-start;}
.indJs-list .img{height: 40px;}
.indJs-list .img img{max-height: 100%;}
.indJs-more-box{border-top: 1px solid #efefef;}
.indJs-more{align-items: center;}
.indJs-more i{height: 18px; display: block;margin-left: 10px;transition: all .4s ease;transform: rotate(180deg);font-size: 14px;}
.indJs-more:hover i{margin-left: 16px;}
.banner-img img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;align-items: center;}
.banner-con .label{opacity: 0;transform: translateY(100px);transition: 1.5s .8s ease;}
.banner-con .title{opacity: 0;transform: translateY(100px);transition: 1.5s .9s ease;}
.banner-con .text{opacity: 0;transform: translateY(100px);transition: 1.5s 1s ease;}
.swiper-slide-active .banner-con .label,.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text{opacity: 1;transform: translateY(0);}
.swiper-slide-active.oneSlide .banner-con .label{transition-delay: 0s;}
.swiper-slide-active.oneSlide .banner-con .title{transition-delay: .1s;}
.swiper-slide-active.oneSlide .banner-con .text{transition-delay: .2s;}
.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) {.hasVideo .banner-img img.pc{animation: none;}.hasVideo video{display: none;}}
.banner-pagination{position: absolute;left: 0;bottom: 40px;width: 100%;z-index: 3;}
.banner-pagination .swiper-pagination-bullet{width: 60px;height: 2px;background: rgba(255, 255, 255, .3);margin: 0 5px;border-radius: 0;opacity: 1;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.banner-scroll{user-select: none;cursor: pointer;z-index: 4;position: absolute;right: 50px;bottom: 40px;align-items: center;overflow: hidden;}
.banner-scroll .text{writing-mode : tb-rl;}
.banner-scroll .line{overflow: hidden; width: 1px;height: 56px;margin-left: 10px;position: relative;}
.banner-scroll .line::after,.banner-scroll .line::before{animation: banScroll 2s linear infinite; content: "";position: absolute;left: 0;bottom: 100%;width: 100%;height: 100%;background: #fff;}
@keyframes banScroll {0%{transform: translateY(0)}100%{transform: translateY(200%)}}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indJs-con{padding: 40px 60px;}
    .indJs-list{margin-left: -100px;}
    .indJs-list li{margin-left: 100px;}
    .indCl-list .img{height: 100px;}
    .indcp-loop .swiper-slide{width: 210px;}
    .indcp-loop .swiper-slide.active {width: calc(100% - 210px*3 - 10px*4);}
    .indcp-items{height: 480px;}
    .indNews-img img{height: 250px;}
    .indNews-con{padding: 35px 20px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indJs-con{padding: 30px;}
    .indJs-list{margin-left: -80px;}
    .indJs-list li{margin-left: 80px;}
    .indCl-list .img{height: 90px;}
    .indcp-loop .swiper-slide{width: 180px;}
    .indcp-loop .swiper-slide.active {width: calc(100% - 180px*3 - 10px*4);}
    .indcp-items{height: 420px;}
    .indNews-img img{height: 220px;}
    .indNews-con{padding: 25px 15px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-img img{height: 400px;}
    .banner-scroll{right: 4%;bottom: 20px;}
    .banner-scroll .text{font-size: 12px;}
    .banner-scroll .line{margin-left: 3px;height: 44px;}
    .banner-pagination{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{width: 30px;}
    .indJs-img{width: 100%;border-radius: 5px 5px 0 0;}
    .indJs-con{width: 100%;border-radius: 0 0 5px 5px;padding: 25px 15px;}
    .indJs-img .btn{width: 40px;}
    .indJs-list{margin-left: -50px;}
    .indJs-list li{margin-left: 50px;}
    .indJs-list .img{height: 36px;}
    .indJs-more i{font-size: 14px;height: 20px;margin-left: 3px;}
    .indCl-list{justify-content: space-between;margin-top: 0;}
    .indCl-list li{width: 50%;margin: 40px 0 0;}
    .indCl-list .img{height: 70px;width: 100px;display: flex;align-items: center;justify-content: center;}
    .indcp-loop{border-radius: 0;}
    .indcp-loop .swiper-container{overflow: hidden;}
    .indcp-loop .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .indcp-loop .swiper-slide{width: 100%;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;margin-top: 0 !important;}
    .indcp-items{height: auto;}
    .indcp-items img {width: 100%;height: 280px;position: static;object-fit: cover;left: 0;transform: translateX(0);}
    .indcp-items-mix .cont{opacity: 1;transform: unset;}
    .indcp-items-hint{display: none;}
    .indcp-items::before{display: none;}
    .indcp-items::after{opacity: 1;}
    .indcp-items-mix{opacity: 1;padding: 0 4% 20px;}
    .indcp-loop .swiper-slide-active .indcp-items-mix .cont{opacity: 1;transform: translateY(0);transition: all .6s ease .8s;}
    .indcp-loop .swiper-slide-active .indcp-items-mix .link{opacity: 1;transform: translateY(0);transition: all .6s ease .8s;}
    .indPro-pagination .swiper-pagination-bullet-active{background: #003686;}
    .indAb-num{padding-right: 0;margin-top: 10px;}
    .indAb-num li{width: 48%;margin: 20px 0 0;}
    .indNews-btn .btn{width: 40px;height: 40px;font-size: 12px;}
    .indNews-btn .btn.next{margin-left: 10px;}
    .indTitle .text{font-size: 14px;}
    .indTitle .text br{display: none;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}<!--0.00020098686218262-->