@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;position: relative;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: 100vh;}
.banner-image img.mb{height: 460px;}

.banner .hasVideo .banner-image 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-image img.pc{animation: none;}.hasVideo video{display: none;}}
.banner-info{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;display: flex;align-items: center;background: rgba(0, 0, 0, .3);}
/* 文字效果-上下版 */
.banner-info .cont .title, .banner-info .cont .text, .banner-info .cont .link{opacity: 0;}
.swiper-slide-active .banner-info .cont .title{animation: bannerUp 1s ease both .9s;}
.swiper-slide-active .banner-info .cont .text{animation: bannerUp 1s ease both 1s;}
.swiper-slide-active .banner-info .cont .link{animation: bannerUp 1s ease both 1.1s;}
.oneSlide .banner-info .cont .title{animation: bannerUp 1s ease both .4s;}
.oneSlide .banner-info .cont .text{animation: bannerUp 1s ease both .5s;}
.oneSlide .banner-info .cont .link{animation: bannerUp 1s ease both .6s;}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(max(60px,1.2rem));filter: blur(max(4px,0.1rem));}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */
.banner .swiper-pagination{bottom: max(30px,0.5rem);width: 100%;font-size: 0;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: 1;position: relative;margin: 0 max(16px,0.24rem) !important;}
.banner .swiper-pagination-bullet i{position: absolute;width: 30px;height: 30px;margin: -15px 0 0 -15px;top: 50%;left: 50%;opacity: 0;transition: all .4s ease;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.3);}
.banner .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -16px 0 0 -16px;width: 32px;height: 32px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;}
.banner .swiper-pagination-bullet svg circle{stroke-dasharray:88,88;stroke-dashoffset:88;}
.banner .swiper-pagination-bullet-active i{opacity: 1;}
.banner .swiper-pagination-bullet-active svg{opacity: 1;}
.banner .swiper-pagination-bullet-active svg circle{animation: bulletRun 4.8s linear both;}
.banner .swiper-pagination-bullet-active.oneBullet svg circle{animation: bulletRun 3.8s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:88;}100%{stroke-dashoffset:0;}}
/* -- */
.indcj{background: #fff;}
.indcj-loop{width: 100%;}
.indcj-loop .swiper-wrapper{flex-wrap: wrap;width: auto;}
.indcj-loop .swiper-slide{flex: 1 1 0%;margin-right: max(8px,0.16rem);transition: flex 0.6s;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;height: auto;}
.indcj-loop .swiper-slide:last-child{margin-right: 0;}
.indcj-loop .swiper-slide.active{flex: 2 1 0%;}
.indcj-link{width: 100%;position: relative;display: block;}
.indcj-link img.bg{width: 100%;height: 6rem;}
.indcj-link .cont{position: absolute;width: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,4px);color: #fff;text-align: center;}
.indcj-link .cont .ico{width: 100%;height: max(40px,0.6rem);opacity: 0;transform: scale(0.5);transition: opacity .6s,transform .6s;}
.indcj-link .cont .ico img{max-height: 100%;}
.indcj-link .cont .link{justify-content: center;opacity: 0;visibility: hidden;transition: opacity .6s,visibility .6s;}
.indcj-link .line{position: absolute;width: 100%;height: max(3px,0.06rem);left: 0;bottom: 0;z-index: 2;pointer-events: none;background: #75b033;transform-origin: center bottom;opacity: 0;transform: scaleX(0);transition: opacity .6s,transform .6s;}
.indcj-loop .swiper-slide.active .indcj-link .line{opacity: 1;transform: scale(1);}
.indcj-loop .swiper-slide.active .indcj-link .cont .link{opacity: 1;visibility: visible;}
.indcj-loop .swiper-slide.active .indcj-link .cont .ico{opacity: 1;transform: scale(1);}
.indcj-loop .swiper-pagination{display: none;}
.indcp{background: #fff;}
.indcp-list{width: 100%;}
.indcp-link{width: 100%;height: 100%;overflow: hidden;position: relative;display: block;}
.indcp-link img.bg{width: 100%;height: 6rem;}
.indcp-link .cont{position: absolute;z-index: 4;top: 0;left: 0;transform: translate3d(0,0,4px);color: #fff;width: 100%;}
.indcp-link:hover img.bg{transform: scale(1.08);}
.indcp-more{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.indcp-more .indcp-link{height: calc(50% - max(4px,0.08rem));}
.indcp-more .indcp-link img.bg{height: 100%;}
.indcp-more .indcp-link:last-child img.bg{display: none;}
.indcp-more .indcp-link:last-child{background: #4b86bd url("../images/index/indcp4.png") no-repeat right -10% bottom -0.5rem/auto 95%;transition: background .6s ease;}
.indcp-more .indcp-link:last-child:hover{background-position: right -10% bottom -0.3rem;}
.indjs{background: #fff url("../images/index/indjsBg.jpg") no-repeat left bottom/100% auto;}
.indjs-number{width: 100%;}
.indjs-number li{flex: 1;text-align: center;}
.indjs-number li .num{line-height: 1;justify-content: center;}
.indjs-number li .num .kz{position: relative;}
.indjs-number li .num .symbol{height: max(20px,0.4rem);display: flex;align-items: center;position: absolute;left: calc(100% + max(3px,0.06rem));top: 0;}
/* -------------------------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){
    /* 移动终端 360 适配 */
    .banner-info .cont{text-align: center;}
    .banner-info .cont .title{font-size: 22px;}
    .banner-info .cont .title br{display: none;}
    .banner-info .cont .link{justify-content: center;}
    .banner .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 12px !important;}
    .banner .swiper-pagination-bullet i{width: 22px;height: 22px;margin: -11px 0 0 -11px;}
    .banner .swiper-pagination-bullet svg{margin: -12px 0 0 -12px;width: 24px;height: 24px;}
    .banner .swiper-pagination-bullet svg circle{stroke-dasharray:66,66;stroke-dashoffset:66;}
    @keyframes bulletRun{0%{stroke-dashoffset:66;}100%{stroke-dashoffset:0;}}
    .indcj-loop .swiper-pagination{display:block;margin-top: 16px;}
    .indcj-loop .swiper-wrapper{flex-wrap: nowrap;width: 100%;}
    .indcj-loop .swiper-slide{width: 100%;flex: none !important;transition: none !important;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;flex: none;}
    .indcj-link img.bg{height: 400px;}
    .indcj-link .cont .ico{transition: opacity .6s,transform .6s;}
    .indcj-link .cont .link{transition: opacity .6s,visibility .6s;}
    .indcj-link .line{transition: opacity .6s,transform .6s;}
    .indcj-loop .swiper-slide.swiper-slide-active .indcj-link .line{opacity: 1;transform: scale(1);transition: opacity .6s .5s,transform .6s .5s;}
    .indcj-loop .swiper-slide.swiper-slide-active .indcj-link .cont .link{opacity: 1;visibility: visible;transition: opacity .6s .5s,visibility .6s .5s;}
    .indcj-loop .swiper-slide.swiper-slide-active .indcj-link .cont .ico{opacity: 1;transform: scale(1);transition: opacity .6s .5s,transform .6s .5s;}
    .indcj-link .cont .ico{height: 50px;}
    .indcj-link .cont .title{font-size: 18px;margin-top: 16px;}
    .indcp-list ul{margin: -8px 0 0 -8px !important;}
    .indcp-list li{width: calc(50% - 8px) !important;margin: 8px 0 0 8px !important;}
    .indcp-link img.bg{height: 260px;}
    .indcp-list li:last-child{width: calc(100% - 8px) !important;}
    .indcp-more{flex-direction: row;}
    .indcp-more .indcp-link{height:160px;width: calc(50% - 4px);}
    .indcp-more .indcp-link:last-child {background-size: auto 80%;}
    .indjs-number ul{margin-top: -12px;}
    .indjs-number li{width: 50%;flex: none;margin-top: 16px;}
    .indjs-number li:first-child{width: 100%;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){
    .indjs-number ul{margin-top: 0;}
    .indjs-number li{width: auto;flex: 1;margin-top: 0;}
    .indcj-link img.bg{height: 520px;}
}