@charset "utf-8";
/* ===================首页样式========================== */
/* .banner .hasVideo .banner-img img.pc{animation: hasVideoImg 1s ease both;} */
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner  video{display: none; width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1151px) {.banner .hasVideo .banner-img img.pc{animation: none;}.banner .hasVideo video{display: none;}}
.banner .swiper-slide{display: flex;}
.banner-text{flex-direction: column; justify-content: center;align-items: flex-end; width: 50%;background: url('../images/indban-text-bg.jpg') no-repeat center/cover;}
.banner-text .title{transform: translateX(-150px);opacity: 0;}
.banner-text .text{transform: translateX(150px);opacity: 0;}
.banner-text .title,.banner-text .text{width: 80%;transition: all 1s .8s ease;}
.banner-text .title span:first-child{display: inline-block;margin-right: 10px;}
.banner-img{width: 50%;position: relative;background: #1e548d;}
.banner-img img,.banner-img video{width: 100%;height: 100vh;}
.banner-btn{position: relative;z-index: 2;position: absolute;left: 10%;bottom: 145px;align-items: center;width: 330px;}
.banner-pagination{width: 170px;height: 3px;background: rgba(255, 255, 255, .2) !important;margin: 0 20px;position: relative !important;}
.banner-pagination .swiper-pagination-progressbar-fill{background: #fff !important;}
.banner-on{width: 11px;height: 12px;margin-right: 10px; user-select: none;cursor: pointer;background: url('../images/indban-stop.png') no-repeat center/100% 100%; transition: all .4s ease;}
.banner-on.active{background-image: url('../images/indban-start.png');}
.banner-next,.banner-prev{width: 7px;height: 10px;margin: 0 10px; border: 5px solid transparent;border-left-color: #fff;user-select: none;cursor: pointer;}
.banner-prev{border-left-color: transparent;border-right-color: #fff;}
.banner-page{color: #fff;font-weight: 700;}
.banner .swiper-slide-active .banner-text .title,.banner .swiper-slide-active .banner-text .text{opacity: 1;transform: translateX(0);}
.banner .swiper-slide.onSlide .banner-text .title,.banner .swiper-slide.onSlide .banner-text .text{transition-delay: .3s;}
/* 首页标题 */
.indTitle-con{justify-content: space-between;align-items: center;}
.indTitle-con .title{width: 795px;}
.indPage{position: relative;z-index: 2;}
.indPage .contain{transform: translateY(-25%);}
.indPage-item{width: calc(100% / 3);overflow: hidden;}
.indPage-bg{position: relative;}
.indPage-bg-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
.indPage-bg-img img{width: 100%;height: 360px;}
.indPage-bg-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 10px;transition: all .4s ease;}
.indPage-con{transition: all .6s ease-out;transform: translateY(100%); position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding:0 5% 0 15%;display: flex;justify-content: center; flex-direction: column;}
.indPage-con-icon{height: 90px;}
.indPage-con-icon img{max-height: 100%;}
.indPage-item:hover .indPage-bg-text{opacity: 0;transform: translateY(30px);}
.indPage-item:hover .indPage-con{transform: translateY(0);}
.indIntro::after{content: "";position: absolute;right: 0;bottom: 0;width: 770px;height: 720px;background: url('../images/indintro-bg.png') no-repeat center bottom/100% auto;}
.indIntro .contain{position: relative;z-index: 2;}
.indIntro-list{justify-content: space-between;}
.indIntro-list::after{content: ""; width:28%;}
.indIntro-list li{width: 28%;}
.indIntro-num{border-bottom: 1px solid #e5e5e5;align-items: flex-end;}
.indIntro-num span{display: inline-block;margin-right: 10px;}
.indIntro-text .text{margin-top: 5px;color: #8f99a4;}
.indIntro-text .text span{font-weight: 700;color: #3ac9b7;}
.indBrand{background: #06173b;}
.indBrand-nav{width: 23%;}
.indBrand-nav-item{height: 50%;flex-direction: column;transition: all .4s ease;cursor: pointer;}
.indBrand-nav-item.active{background: #68a9f9;}
.brandLeft{animation: brandLeft .5s linear forwards;}
@keyframes brandLeft {0%{opacity: 0;transform: translateX(-100%);}100%{opacity: 1;transform: translateX(0);}}
.indBrand-con-box{width: 77%;padding-left: 5%;padding-right: 10%;background-color: #1e548d;overflow: hidden;background-size: cover;background-repeat: no-repeat;}
.indBrand-con{display: none;}
.indBrand-con .indTitle{opacity: 0;transform: translateY(150px);opacity: 0;transition: all .4s ease;}
.indBrand-swp{transform: translateY(150px);opacity: 0;transition: all .4s ease;}
.indBrand-btn{transform: translateY(150px);opacity: 0;transition: all .4s ease;}
.indBrand-con.active{display: block;}
.indBrand-con.active .indTitle{animation: brand 1s .2s ease forwards;}
.indBrand-con.active .indBrand-swp{animation: brand 1s .4s ease forwards;}
.indBrand-con.active .indBrand-btn{animation: brand 1s .6s ease forwards;}
@keyframes brand {0%{opacity: 0;transform: translateY(150px);}100%{opacity: 1;transform: translateY(0);}}
.indBrand-list{height: 400px;}
.indBrand-list li{transition: all .4s ease; width: 20%;height: 200px;background: #fff;border-left: 1px solid #e7eaf2;border-top: 1px solid  #e7eaf2;}
.indBrand-list li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, .1);position: relative;z-index: 2;}
.indBrand-list li:nth-child(-n+5){border-top: unset;}
.indBrand-list li:nth-child(1),.indBrand-list li:nth-child(6){border-left: unset;}
.indBrand-list li img{max-width: 70%;max-height: 60%;}
.indBrand-btn{align-items: center;}
.indBrand-prev,.indBrand-next{position: relative; user-select: none;cursor: pointer; width: 90px;height: 90px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indBrand-next{margin-left: -14px;}
.indBrand-prev{transform:rotate(180deg);}
.indBrand-prev::after,.indBrand-next::after{transition: all .4s ease; content: "";display: inline-block;width: 20px;height: 12px;background: url('../images/next.png') no-repeat center/100% auto;}
.indBrand-prev::before,.indBrand-next::before{transition: all .6s ease; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px dashed #fff;}
.indBrand-next:hover::before{transform: rotate(360deg) scale(.95);border-color: #68a9f9;}
.indBrand-prev:hover::before{transform: rotate(540deg) scale(.95);border-color: #68a9f9;}
.indBrand-prev:hover::after,.indBrand-next:hover::after{background-image: url('../images/nexth.png');}
.indBrand-pagination{width: calc(100% - 220px);margin-left: 35px;height: 2px;background: rgba(255, 255, 255, .2) !important;position: relative !important;}
.indBrand-pagination .swiper-pagination-progressbar-fill{background: #68a9f9 !important;}
.indQuote-header{align-items: center;justify-content: space-between;}
.indQuote-title .text{color: #8f99a4;}
.indQuote-title-en{text-transform: uppercase;color: rgba(22, 74, 150, .06);font-size: 160px;line-height: 1;letter-spacing: -10px;}
.indQuote-table{align-items: flex-end;justify-content: space-between;}
.indQuote-input{flex: 1;justify-content: space-between;padding-right: 50px;}
.indQuote-input input{height: 58px;width: 45%;border-bottom: 1px solid #e5e5e5;font-size: 16px;color: #333;}
.indQuote-input input::-webkit-input-placeholder{color: #8f99a4;font-size: 16px;}
.indNews .indTitle .title{color: #81b7f1;width: 100%;}
.indNews-left{width: 62%;}
.indNews-header{padding-bottom: 320px;background: #21548a;padding-left: 19%;width: 101%;padding-right: 30px;}
.indNews-list{margin-top: -220px;position: relative;z-index: 2;padding-left: 19%;}
.indNews-next{width: 50%;overflow: hidden;}
.indNews-next-bg{overflow: hidden;}
.indNews-next-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.indNews-next-bg img{width: 100%;height: 480px;transition: all .4s ease;}
.indNews-next-con{position: absolute;left: 0;bottom: 0;width: 100%;align-items: center;padding: 38px;}
.indNews-next-icon{margin-bottom: 4px; width: 50px;height: 50px;border-radius: 50%;background: #68a9f9;display: flex;align-items: center;justify-content: center;margin-right: 18px;}
.indNews-next-icon::after{transition: all .6s ease; content: "";width: 35%;height: 35%;display: inline-block;background: url('../images/indnews-next-icon.png') no-repeat center/100% auto;}
.indNews-next-title{transition: all .4s ease;flex: 1;}
.indNews-next-slide:hover .indNews-next-bg img{transform: scale(1.08);}
.indNews-next-slide:hover .indNews-next-title{color: #68a9f9;}
.indNews-next-slide:hover .indNews-next-icon::after{transform: rotate(180deg);}
.indNews-text{width: 50%;}
.indNews-text-slide{width: 101%;height: 480px;background: #68a9f9;padding: 40px;}
.indNews-text-date{color: rgba(255, 255, 255, .6);}
.indNews-text-btn{position: absolute;z-index: 2;left: 0;bottom: 8%; padding: 0 40px;align-items: center;width: 100%;justify-content: space-between;}
.indNews-text-pagination{width: calc(100% - 45px);height: 2px; background: rgba(255, 255, 255, .2) !important;position: relative !important;}
.indNews-text-pagination .swiper-pagination-progressbar-fill{background: #fff !important;}
.indNews-text-prev,.indNews-text-next{cursor: pointer;user-select: none; width: 7px;height: 10px;margin-left: 10px;background: url('../images/indban-next.png') no-repeat center/100% auto;}
.indNews-text-prev{transform: rotate(180deg);}
.indNews-bg{width: 38%;}
.indNews-bg img{width: 100%;height: 837px;}
.indNews-text-date,.indNews-text-title,.indNews-text-text,.indNews-text-more{opacity: 0;transform: translateY(100px);}
.swiper-slide-active .indNews-text-date{animation: news .9s 0s ease forwards;}
.swiper-slide-active .indNews-text-title{animation: news .9s .2s ease forwards;}
.swiper-slide-active .indNews-text-text{animation: news .9s .4s ease forwards;}
.swiper-slide-active .indNews-text-more{animation: news .9s .6s ease forwards;}
.indNews-text-more{align-items: center;display: flex;}
.indNews-text-title{transition: all .4s ease;}
.indNews-text-more::before{content: "";width: 0;height: 2px;background: #fff;transition: all .5s linear;display: inline-block;}
.indNews-text-slide:hover .indNews-text-more::before{width: 25px;}
.indNews-text-slide:hover .indNews-text-title{color: #21548a;}
@keyframes news {0%{opacity: 0;transform: translateY(100px);}100%{opacity: 1;transform: translateY(0);}}
.index{padding-bottom: 250px;}
.public-contact{opacity: 0;}

.indNews-bg .swiper-slide{opacity: 0 !important;}
.indNews-bg .swiper-slide-active{opacity: 1 !important;}
/* -------------------------PC端--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {
    /* 1920设计稿 2560分辨率【所有宽度 × (2560÷1920 ≈ 1.5)】【电脑缩放1920÷2560 = 75%】 */
    .indNews-next-bg img,.indNews-text-slide{height: 580px;}
    .indNews-bg img{height: 937px;}

}
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indPage-bg-img img{height: 300px;}
    .indPage-con{padding-left: 10%;}
    .indPage-con-icon{height: 80px;}
    .indTitle-con .title{width: 720px;}
    .indBrand .indTitle-con .title{width: 650px;}
    .indBrand-list{height: 340px;}
    .indBrand-list li{height: 170px;}
    .indBrand-prev, .indBrand-next{height: 70px;width: 70px;}
    .indBrand-pagination{width: calc(100% - 200px);}
    .indBrand-prev::after, .indBrand-next::after{width: 18px;height: 10px;}
    .indBrand-btn{margin-top: 20px;}
    .indBrand-nav-icon{width: 75px;}
    .indQuote-title-en{font-size: 120px;}
    .indNews-header{padding-bottom: 250px;}
    .indNews-next-bg img,.indNews-text-slide{height: 400px;}
    .indNews-bg img{height: 690px;}
    .indNews-list{margin-top: -160px;}
    .indNews-text-slide{padding: 30px;}
    .indNews-text-btn{padding: 0 30px;}
    .indNews-next-con{padding: 30px;}
    .indNews-next-icon{width: 40px;height: 40px;margin-bottom: 6px;margin-right: 14px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .banner-text .title, .banner-text .text{padding-right: 10px;width: 82%;}
    .indPage-bg-img img{height: 250px;}
    .indPage-con-icon{height: 60px;}
    .indTitle-con .title{width: 600px;}
    .indBrand .indTitle-con .title{width: 500px;}
    .indQuote-title-en{font-size: 90px;}
}
@media all and (max-width:1140px) {
    /* 1024 */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .banner-btn{left: 50%;transform: translateX(-50%);}
    .banner-img{width: 100%;}
    .banner-img::after{content: "";z-index: 3;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
    .banner-img img, .banner-img video{height: calc(100vh - 60px);}
    .banner-text{text-align: center;width: 100%;padding: 30px 15px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;background: transparent;}
    .indPage .contain{transform: translateY(0);}
    .banner-text .title, .banner-text .text{width: 100%;padding-right: 0;}
    .banner-text .text{font-size: 18px;line-height: 1.3;}
    .banner-btn{bottom: 30px;justify-content: center;}
    .banner-pagination{width: 130px;}
    .indPage{padding-top: 20px;}
    .indIntro{padding-top: 50px;}
    .indIntro::after{width: 500px;height: 490px;}
    .indNews-header{padding-left: 4%;padding-bottom: 190px;}
    .indNews-list{padding-left: 4%;margin-top: -120px;}
    .indNews-next-bg img, .indNews-text-slide{height: 340px;}
    .indNews-bg img{height: 601px;}
    .indNews{padding-bottom: 60px;}
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .indBrand-con-box{padding-right: 4%;}
    .indNews-next-con{padding: 20px 15px;}
    .indNews-next-title{flex: 1;}
    .indNews-text-slide{padding: 15px;}
    .index{padding-bottom: 0;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .indPage-item{width: 100%;margin-top: 15px;}    
    .indIntro{padding-top: 40px;}
    .indTitle-con .title{width: 100%;}
    .indIntro-list li{width: 47%;}
    .indIntro::after{width: 300px;height: 290px;}
    .indIntro-num span{margin-right: 5px;}
    .indBrand-nav{width: 100%;display: flex;flex-wrap: wrap;}
    .indBrand-nav-item{height: 180px;width: 50%;}
    .indBrand-nav-icon{width: 55px;height: 70px;}
    .indBrand-nav-icon img{max-height: 100%;}
    .indBrand-nav-text{margin-top: 10px;}
    .indBrand .indTitle-con .title{width: 100%;}
    .indBrand-con-box{width: 100%;padding: 30px 15px;}
    .indBrand-swp{margin-top: 40px;}
    .indBrand-list li{width: 50%;height: 130px;border: unset !important;}
    .indBrand-list li:nth-child(n+3){border-top: 1px solid #e7eaf2 !important;}
    .indBrand-list li:nth-child(2n){border-left: 1px solid #e7eaf2 !important;}
    .indBrand-prev, .indBrand-next{width: 54px;height: 54px;}
    .indBrand-next{margin-left: -10px;}
    .indBrand-pagination{width: calc(100% - 130px);margin-left: 25px;}
    .indQuote-title-en{font-size: 40px;letter-spacing: -3px;margin-top: 6px;}
    .indQuote-input input{width: 100%;}
    .indQuote-input{flex: unset;width: 100%;padding-right: 0;}
    .indQuote-table .publicCont-more{margin: 30px auto 0;}
    .indNews-bg{display: none;}
    .indNews-left{width: 100%;}
    .indNews-header{padding: 30px 15px;}
    .indNews-list{margin-top: 0;width: 100%;padding-left: 0;}
    .indNews-next{width: 100%;}
    .indNews-text{width: 100%;}
    .indNews-next-bg img{height: 250px;}
    .indNews-next-con{padding:30px 15px;}
    .indNews-text-slide{padding: 30px 15px;height: 350px;}
    .indBrand-list{height: auto;}
    .public-contact{opacity: 1;}
}