@charset "utf-8";
/* ===================首页样式========================== */
.banner{position: relative;}
.banner-bg img{width: 100%;}
.banner-pagination{bottom: 0.5rem;position: absolute;left: 0;width: 100%; z-index: 10;}
.banner-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff;opacity: 1;position: relative;margin: 0 17px !important;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet i{position: absolute;width: 22px;height: 22px;margin: -11px 0 0 -11px;top: 50%;left: 50%;opacity: 0;transition: all .4s ease;border-radius: 50%;}
.banner-pagination .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -11px 0 0 -11px;width: 22px;height: 22px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet svg circle{stroke-dasharray:100,100;stroke-dashoffset:100;}
.banner-pagination .swiper-pagination-bullet-active{background: #0067b6;}
.banner-pagination .swiper-pagination-bullet-active i{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg circle{animation: bulletRun 6s linear both;}
.banner-pagination .swiper-pagination-bullet-active.oneBullet svg circle{animation: bulletRun 5s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:100;}100%{stroke-dashoffset:0;}}
.indPro-head{justify-content: space-between;align-items: flex-end;}
.indPro-nav .item{margin-left: 0.16rem;padding: 8px 14px;min-width: 1.2rem;background: #eff2f5;border-radius: 40px;user-select: none;cursor: pointer;}
.indPro-nav .item:first-child{margin-left: 0;}
.indPro-nav .item span{position: relative;z-index: 2;}
.indPro-nav .item::after{content: "";opacity: 0;transition: all .4s ease; position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;background: linear-gradient(to right,#006ab7,#05c5e6);}
.indPro-nav .item:hover{color: #0067b6;}
.indPro-nav .item.active,.indPro-nav .item.active:hover{color: #fff;}
.indPro-nav .item.active::after,.indPro-nav .item.active:hover::after{opacity: 1;}
.indPro-list{display: none;}
.indPro-list:first-child{display: block;}
.indPro-item{height: 100%;background: #fafbfc;padding: 0.35rem 0.35rem 0 0.35rem;transition: all .4s ease;}
.indPro-item>div{position: relative;z-index: 2;}
.indPro-item::after{content: "";transition: all .4s ease;opacity: 0;background: -moz-linear-gradient(-45deg, rgba(14,97,196,.1) 0%, #fafbfc 33%, rgba(0,160,233,.1) 100%); 
    background: -webkit-linear-gradient(-45deg, rgba(14,97,196,.1) 0%, #fafbfc 33%, rgba(0,160,233,.1) 100%); 
    background: -o-linear-gradient(-45deg, rgba(14,97,196,.1) 0%, #fafbfc 33%, rgba(0,160,233,.1) 100%); 
    background: -ms-linear-gradient(-45deg, rgba(14,97,196,.1) 0%, #fafbfc 33%, rgba(0,160,233,.1) 100%);background: linear-gradient(-45deg, rgba(14,97,196,.1) 0%, #fafbfc 33%, rgba(0,160,233,.1) 100%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indPro-item .img{height: 2.6rem;margin-top: 0;padding-bottom: 0.2rem;}


.indPro-item .img img{max-width: 100%;max-height: 100%;}
.indPro-item:hover{transform: translateY(-10px);}
.indPro-item:hover::after{opacity: 1;}
.indPro-list:first-child .uli.ml30.uli4 li{width: calc(100%/3 - max(12px,0.3rem));}
.indPro-list:first-child .indPro-item::after{opacity: 1;}
.indPro-list:first-child .indPro-item:hover .title{color: #0067b6;}
.indFA{background: url('../images/index/indFA-bg.jpg') no-repeat center/cover;}
.indFA-gallery{box-shadow: 0px 0.05rem 0.12rem 1.26px rgba(225, 241, 253, 0.35);border-radius: 0.15rem;overflow: hidden;}
.indFA-gallery-more{border-radius: 0.15rem;overflow: hidden;}
.indFA-gallery-con{padding: 0 0.7rem; width: 46%;background: #fff;display: flex;flex-direction: column;justify-content: center;}
.indFA-gallery-con .list{width: 80%;}
.indFA-gallery-con .list li{width: calc(100% / 3);margin-top: 0.1rem;position: relative;padding-left: 15px;}
.indFA-gallery-con .list li::after{content: "";position: absolute;left: 0;top: 5px;width: 5px;height: 5px;border-radius: 50%;background: #b0b4be;}
.indFA-gallery-img{width: 54%;position: relative;}
.indFA-gallery-img .img{width: 100%;height: 5rem;}
.indFA-gallery-img .marsk{position: absolute;left: -1px;top: 0;width: auto;height: 100%;max-width: unset;}
.indFA-thumbs{position: relative;}
.indFA-thumbs::after{content: "";position: absolute;left: 0;top: 0.67rem;width: 100%;height: 1px;background: #e6e9f0;}
.indFA-thumbs-year{z-index: 2; padding: 0.6rem 0 0.5rem;position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;}
.indFA-thumbs-icon{position: relative;}
.indFA-thumbs-show{width: 0.16rem;height: 0.16rem;border-radius: 50%;background: #c1ddf2;position: relative;}
.indFA-thumbs-show::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #0071c1;width: 8px;height: 8px;border-radius: 50%;}
.indFA-thumbs-hide{transition: all .4s ease; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);width: 0.94rem;height: 0.94rem;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;}
.indFA-thumbs-hide img{max-width: 50%;max-height: 50%;}
.indFA-thumbs-hide::after{content: "";position: absolute;left: -0.1rem;top: -0.2rem;width: calc(100% + 0.2rem);height: calc(100% + 0.3rem);background: url('../images/index/indFA-icon-bg.png') no-repeat center bottom/100% auto;}
.indFA-thumbs-text{transition: all .4s ease;}
.indFA-thumbs-year.active .indFA-thumbs-hide{transform: translate(-50%,-50%) scale(1);}
.indFA-thumbs-year.active .indFA-thumbs-text{transform: translateY(0.4rem);}
.indFA-btn{user-select: none;cursor: pointer;width: 0.48rem;height: 0.48rem;border-radius: 50%;font-size: 0.14rem;font-weight: 700;position: absolute;left: 0;top: 0.43rem;z-index: 20;}
.indFA-btn.thumbs-next{left: auto;right: 0;}
.indFA-btn.thumbs-next::before{display: block;transform: rotate(180deg);}
.indAb-flex::after{content: "";position: absolute; left: 49%;top: 0;width: 1px;height: 100%;background: #edf1f6;}
.indAb-left{width: 49%;}
.indAb-num{position: relative;}
.indAb-num::after{content: ""; position: absolute;right: 0;top: 0;width: 55vw;height: 1px;background: #edf1f6;}
.indAb-num li{width: calc(100% / 3);}
.indAb-num .num{display: flex;align-items: flex-end;}
.indAb-num .num span{display: block;line-height: .8;margin-right: 5px;}
.indAb-right{width: 51%;padding-left: 0.9rem;}
.indAb-right .img img{width: 100%;}
.indAb-right .more{align-items: flex-end;}
.indAb-right .more i{display: block;margin-left: 10px;transform: rotate(45deg);}
.indAb-right .more:hover span{text-decoration: underline;}
.indAb-logo{position: relative;}
.indAb-logo::after{content: "";position: absolute;left: 50%;top: 0;width: 100vw;transform: translateX(-50%); height: 1px;background: #edf1f6;}
.indAb-logo .swiper-wrapper {transition-timing-function: linear;}
.indAb-logo-slide{height: 0.5rem;}
.indAb-logo-slide img{max-width: 60%;max-height: 100%;}
.indNews-head{justify-content: space-between;align-items: flex-end;}
.indNews-nav .item{position: relative; user-select: none;cursor: pointer;background: #fff;width: max(100px,1.2rem);height: max(32px,0.4rem);border-radius: 40px;margin-left: 0.2rem;}
.indNews-nav .item:first-child{margin-left: 0;}
.indNews-nav .item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;opacity: 0;transition: all .4s ease;background: linear-gradient(to right,#006ab7,#05c5e7);}
.indNews-nav .item span{position: relative;z-index: 2;}
.indNews-nav .item:hover{color: #0067b6;}
.indNews-nav .item.active,.indNews-nav .item.active:hover{color: #fff;}
.indNews-nav .item.active::after,.indNews-nav .item.active:hover::after{opacity: 1;}
.indNews-swp{display: none;}
.indNews-swp:first-child{display: block;}
.indNews-pagination.swiper-pagination-progressbar{position: relative;background: #fff;height: 2px;}
.indNews-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #0067b6;}
/* -------------------------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) */
    .indFA-gallery-con .list{width: 100%;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    /* .banner-bg img{height: 200px;} */
    .banner-pagination{bottom: 10px;}
    .banner-pagination .swiper-pagination-bullet{margin: 0 10px !important;transform: scale(.6);}
    .indPro-nav{width: 100%;margin-top: 15px;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .indPro-nav .item{padding: 6px 15px;min-width: unset;width: auto;margin-left: 15px;}
    .indPro-list .uli.ml30.uli4 li{width: calc(100%/2 - max(12px,0.3rem)) !important;}
    .indPro-item .img{height: 100px;padding-bottom: 10px;}
    .indPro-item .title{font-size: 13px;}
    .indFA-gallery-more{flex-direction: column-reverse;}
    .indFA-gallery-img{width: 100%;}
    .indFA-gallery-img .marsk{display: none;}
    .indFA-gallery-img .img{height: 230px;}
    .indFA-gallery-con{width: 100%;padding: 20px 15px 30px;}
    .indFA-gallery-con .list li{width: 50%;margin-top: 6px;padding-left: 12px;}
    .indFA-gallery-con .list li::after{top: 4px;width: 4px;height: 4px;}
    .indFA-gallery-con .comMore-box{margin-top: 25px;}
    .indFA-thumbs-hide{width: 60px;height: 60px;}
    .indFA-thumbs-year{padding: 50px 0;}
    .indFA-thumbs-year.active .indFA-thumbs-text{transform: translateY(30px);}
    .indFA-thumbs::after{top: 52px;}
    .indFA-btn{display: none;}
    .indFA-thumbs-show::after{width: 6px;height: 6px;}
    .indAb-left{width: 100%;}
    .indAb-flex::after{display: none;}
    .indAb-num{padding-top: 0;margin-top: 0;}
    .indAb-num::after{width: 100%;display: none;}
    .indAb-num .num{font-size: 10px;}
    .indAb-num .num span{margin-right: 3px;line-height: .7;}
    .indAb-num .text{font-size: 12px;}
    .indAb-right{width: 100%;padding: 40px 0 0;}
    .indAb-right .more-box{margin-top: 20px;}
    .indAb-logo-slide{height: 40px;}
    .indNews-nav{width: 100%;margin-top: 15px;justify-content: space-between;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}