@charset "utf-8";
/* ===================首页样式========================== */
/* .banner-bg img{width: 100%;height: 100vh;} */
.banner-bg img{width: 100%;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;justify-content: flex-end; flex-direction: column;}
.banner-pagination{z-index: 2;position: absolute;left: 0;bottom: 7%;width: 100%;}
.swiper-pagination-bullet{background:#fff;margin-right:10px;opacity:1;}
.swiper-pagination-bullet-active{background:#fff;}
/* .banner-pagination .swiper-pagination-bullet{width: 0.8rem;height: 2px;border-radius: 0;margin: 0 0.06rem; opacity: 1;background: rgba(255, 255, 255, .5);position: relative;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #43c800;}
.banner-pagination .swiper-pagination-bullet.active{background: #fff;}
.banner-pagination .swiper-pagination-bullet.active::after{width: 100%;transition: all 4.5s linear;} */

.banner-con .title{opacity: 0;transform: translateY(100px);transition: all 1s .8s ease;}
.banner-con .text{opacity: 0;transform: translateY(100px);transition: all 1s .9s ease;}
.banner-con .comMore-box{opacity: 0;transform: translateY(100px);transition: all 1s 1s ease;}

.pageTitle{justify-content: space-between;align-items: center;}
/* .btn{display:flex;align-items: center;}
.btn i{transform: rotate(180deg);display:block;margin-left:2px;} */
.btn{position:relative;display:flex;align-items: center;transform: translateX(-10px);}
.btn::after{position:absolute;content:'\e7e7';right:-15px;top:0px;font-family: 'icon';transform: rotate(180deg);}

.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .text{transition-delay: 0.1s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: 0.2s;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}

.index-first .first-item a{border-radius: 10px;background: linear-gradient(90deg, #135FE8 0%, #4491FC 100%);align-items: center;padding: 30px 56px 30px 50px;}
.index-first .first-item:nth-child(even) a{background: linear-gradient(270deg, #16C7C7 0%, #01BECB 100%);}

.index-about .images{width:50%}
.index-about .con{width:50%;padding:30px 0px 30px 50px;}
.index-about .con .text{height:250px;}
.index-about .con .more{color:#3D3D3D;}
.index-about-num{background: #F3F8FF;}
.index-about .border{border: 1px solid #E5E5E5;width:154px;height:60px;display:flex;justify-content: center;align-items: center;border-radius: 10px;}
.index-about-num .num-item{display:flex;flex-direction: column;align-items: center;justify-content: center;}
.index-about-num .num-item .text{color:#6D7F96}

.index-zhanhui .zhanhui-list{background-color: #F3F8FF;padding:30px 50px}
            .index-zhanhui .zhanhui-list .zhanhui-left{width:50%;display:flex;flex-direction:column;justify-content: space-between}
            .index-zhanhui .zhanhui-list .zhanhui-right{width:50%;padding-left:50px}
            .index-zhanhui .zhanhui-list i{margin-right:10px;color:#0064E6}
            .index-zhanhui .zhanhui-list .more-btn{height:51px;}
            .index-zhanhui .zhanhui-list .more-btn a{position: absolute;width: 186.93px;height: 51px;border-radius: 40px;opacity: 1;background: #0064E6;display:flex;justify-content: center;
    align-items: center;color:white;}

.index-value .contain{background: url('../images/pages/value.png') no-repeat center/cover;color:white;padding:50px 50px}
.index-value .value-left{width:20%}
.index-value .value-right{width:80%;padding-left:50px}



.index-jingcai .con{display:flex;justify-content: space-between;flex-wrap:wrap;}
.index-jingcai .con .image{width:49%}
.index-jingcai .con .image-list{width:49%;margin-left:-20px}
.index-jingcai .con .image-list .image-item{width:calc( 50% - 20px);margin-left:20px;margin-bottom:20px;}
.index-jingcai .con .image-list .image-item:nth-child(3){margin-bottom:0}
.index-jingcai .con .image-list .image-item:nth-child(4){margin-bottom:0}
.index-jingcai .title{position:absolute;left:30px;bottom:30px;color:white}
.index-jingcai .image-list .title{position:absolute;left:15px;bottom:15px;color:white}

.index-minglu{background: url('../images/pages/minglu.png') no-repeat center/cover;}
.index-minglu .minglu-item{padding:15px;background-color: #fff;border-radius:6px;}
.index-minglu .minglu-item .images{width:30%;}
.index-minglu .minglu-item .text-con{width:70%;}
.index-minglu .minglu-item .text-con{padding-left:20px;}
.index-minglu .minglu-item .text-con .zhanwei-num{color:#808080}
.index-minglu .minglu-item .text-con .tag-item{background: #EFF2F7;padding:5px 10px;border-radius: 2px;color:#8498B2;margin-right:10px;}
.index-minglu .minglu-item .desc{color:#808080}
.index-minglu .more{border-radius: 6px;border: 1px solid #0064E6;width:170px;height:60px;display:flex;justify-content: center;align-items: center;margin:20px auto;}
.index-minglu .form{width:300px;background:#fff;border:1px solid #fff;}
.index-minglu .form .select{width:40%}
.index-minglu .form .customSelect-name{border:none;}

.index-huiyi{background: #F3F8FF;}
.index-huiyi .huiyi-item .con{padding:15px;background-color: #fff;}

.index-news .news-list{width:60%;padding-right:40px}
.index-news .title{justify-content: space-between;align-items: end;}
.index-news .news-list .con1{align-items: center;}
.index-news .news-list .con1 .more{width:40px;height:40px;justify-content: center;align-items: center;display:flex;border-radius: 50%;border: 1px solid #eee;}
.index-news .title .btn{height:40px;line-height:40px;}
.index-news  .con1 .img{width:30%}
.index-news  .con1 .con{width:70%;padding-left:20px;padding-top:10px}
.index-news  .con1:hover .title{color:#134896}
.index-news  .con1:hover .more{color:#fff;background-color: #134896;border:1px solid #134896}
.index-news .news-item-list .news-item{display:flex;justify-content: space-between;border-bottom:1px solid #D3D3D3;padding:28px 0;}
.index-news .news-item-list .news-item .title{position: relative;padding-left:25px;}
.index-news .news-item-list .news-item .title::before{position:absolute;content:'';width:17px;height:17px;border: 1.5px solid #666;border-radius:50%;left:0;top:0; }
.index-news .news-item-list .news-item:hover .title{color:#134896}
.index-news .news-item-list .news-item:hover .title::before{border:1px solid #134896;}
/*.index-news .zixun-con{width:40%;}*/
.index-news .zixun-con{width:calc( 100% / 3);padding:0 10px;}
.index-news .zixun-con .zixun-con-con .images{width:30%}
.index-news .zixun-con .zixun-con-con .text{width:70%;padding-left:20px}
.index-news .zixun-con .zixun-con-con .zixun-item{margin-top:20px}
.index-news .zixun-con .zixun-con-con .text .title{color:#3D3D3D}

.index-honor{background: #FAFAFA;}
.navi-honor .navi-btn{width:50px;height:50px;text-align: center;line-height:50px;background-color: #fff;border-radius: 50%;
            position:absolute;top:calc( 50% - 25px);left:50px;z-index:9;transition: all .4s ease;            }
.navi-honor .navi-btn:hover{background-color: #2156A5;color:#fff;}            
.navi-honor .next-btn{right:50px !important;left:auto;transform: rotate(180deg);}

.huiyi-list .huiyi-item .text{padding:20px;background-color: #fff;}

@media all and (min-width:1100px){
    /* html::-webkit-scrollbar{width: 0;} */
    /* 默认 */
    .Header.noEvent{opacity: 0;pointer-events: none;}
    .fp-section.indPro .contain,.fp-section.indNews .indTitle{opacity: 0;transform: translateY(80px);transition: all 1s .8s ease;}
    .fp-section .indNews-flex{opacity: 0;transform: translateY(80px);transition: all 1s .9s ease;}
    .fp-section .indSol-img{position: relative;}
    .fp-section .indSol-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f4f4f4;transition: all 1.5s .8s ease;}
    .fp-section .indSol-con>div{opacity: 0;transition: all 1s 1.7s ease;}
    .fp-section .indSol-head,.fp-section.indHZ .indTitle{opacity: 0;transition: all 1s .8s ease;}
    .fp-section .indHZ-swp{transform: translateX(30%);opacity: 0; transition: all 1.5s .8s ease;}
    .fp-section .indHZ-swp:nth-child(2){transform: translateX(-30%) rotate(180deg);}
    

    /* 选中 */
    .fp-section.active.indPro .contain,.fp-section.active.indNews .indTitle,.fp-section.active .indNews-flex{opacity: 1;transform: translateY(0);}
    .fp-section.active .indSol-img::after{width: 0;}
    .fp-section.active .indSol-con>div,.fp-section.active .indSol-head,.fp-section.active.indHZ .indTitle{opacity: 1;}
    .fp-section.active .indHZ-swp{transform: translateX(0);opacity: 1;}
    .fp-section.active .indHZ-swp:nth-child(2){transform: translateX(0) rotate(180deg);}
}



  


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
}

@media all and (max-width:1430px){
    /* 1360 */
    .index-about .con .text{height:190px}
    .index-first .first-item a{padding: 30px 30px 30px 30px;}
    .index-first .first-item .text{font-size:16px !important;}
}

@media all and (max-width:1350px){
    /* 1280 */
    .index-about .con .text{height:190px}
}

@media all and (max-width:1270px){
    /* 1152 × (700) */
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .banner-bg img{height: 300px;}
    .banner-pagination{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{margin: 0 5px;}
    
    .uli.ml30.uli4 li {width: calc(100%/2 - max(12px,0.3rem));}
    .index-first .first-item a{padding:20px 0;}
    .index-about .images{width:100%;}
    .index-about .con{width:100%;padding:30px 0;}
    .uli.ml10.uli4 li {width: calc(100%/2 - max(6px,0.1rem));}
    .uli.ml20.uli2 li {width:100%}
    .index-value .value-left{width:100%;}
    .index-value .value-right{width:100%;padding-left:0;}
    .index-jingcai .con .image{width:100%;}
    .index-jingcai .con .image-list{width:100%;}
    .uli.ml30.uli3 li{width:100%;}
    .index-news .news-list{width:100%;padding-right:0;}
    .index-news .zixun-con{width:100%;margin-top:20px;}
    .index-minglu .form{width:282px;}
    .uli.ml20.uli3 li{width:100%;}
    .index-minglu .more{width:120px;height:40px;}
    .index-jingcai .con .image-list{margin-top:20px;width:106%}
    .index-zhanhui .zhanhui-list .zhanhui-item img{height:240px;}
    .index-about .con .text{height:auto;overflow-y:hidden;}
    .index-zhanhui .zhanhui-list .zhanhui-left{width:100%;}
    .index-zhanhui .zhanhui-list .more-btn{margin-top:30px;}
    .index-zhanhui .zhanhui-list .zhanhui-right{width:100%;padding-left:0;margin-top:30px;}
    .index-zhanhui .zhanhui-list{padding:20px;}
    
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}