@charset "utf-8";
/* =====================内页样式======================== */

/* 关于我们 */
.abIntro{background: url('../images/pages/abIntro-bg.jpg') no-repeat center bottom/100% auto;}
.abIntro .contain{justify-content: space-between;}
.abIntro-left{width: 31%;display: flex;flex-direction: column;justify-content: space-between;}
.abIntro-img img{transform: translateX(-25%);}
.abIntro-right{width: 69%;}
.abIntro-num{border-top: 1px solid #e6ebef;justify-content: space-between;}
.abIntro-num li{width: 22%;}
.abIntro-num .num{align-items: flex-end;}
.abIntro-num .num span{display: block;line-height: .8;margin-right: 5px;}
.abHonor{background: url('../images/pages/abHonor-bg.jpg') no-repeat center/cover;}
.abHonor-head{justify-content: space-between;align-items: flex-end;}
.abHonor-head .comTitle{width: 55%;}
.abHonor-nav .item{width: 180px;height: 50px;border-radius: 40px;border: 2px solid #dae4eb;margin-left: 20px;user-select: none;cursor: pointer;}
.abHonor-nav .item:first-child{margin-left: 0;}
.abHonor-nav .item:hover{color: #d1292e;}
.abHonor-nav .item.active,.abHonor-nav .item.active:hover{color: #fff;border-color: #d1292e;background: #d1292e;}
.abHonor-swp{width: calc(100% + 30px);margin-left: -15px;display: none;}
.abHonor-swp:first-child{display: block;}
.abHonor-swp .swiper-slide{padding: 15px;height: auto;}
.abHonor-slide{height: 100%; padding: 0 15px 15px; background: url('../images/pages/abHonor-item-bg.jpg') no-repeat center/cover;box-shadow: 0px 0px 15px 0px rgba(5, 69, 134, 0.04);}
.abHonor-slide .img{height: 220px;}
.abHonor-slide .img img{max-width: 80%;max-height: 80%;transition: all .6s ease;}
.abHonor-slide:hover .img img{transform: scale(1.08);}
.abHonor-switch{justify-content: space-between;align-items: center;padding: 0 15px;}
.abHonor-btn{margin-right: 22px;}
.abHonor-btn .btn{user-select: none;cursor: pointer; width: 50px;height: 50px;border-radius: 50%;border: 2px solid #dae4eb;margin-right: 12px;font-size: 13px;color: #dae4eb;font-weight: 700;}
.abHonor-btn .btn.next{transform: rotate(180deg);}
.abHonor-btn .btn:hover{background: #d1292e;border-color: #d1292e;color: #fff;}
.abHonor-pagination.swiper-pagination-progressbar{flex: 1;background: #dae4eb;position: relative;height: 1px;}
.abHonor-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{top: -1px;height: 3px;background: #d1292e;}
.abFZ-bg{position: sticky;left: 0;bottom: -3vw;width: 100%;z-index: 999;}
.abFZ-bg img{width: 100%;}
.abFZ-flex{align-items: flex-start;justify-content: space-between;}
.abFZ-left{width: 60%;position: sticky;top: 120px;}
.abFZ-left .text{background: -webkit-linear-gradient(top, rgba(255,120,26,1) 10%,  rgba(255,120,26,.5) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.abFZ-left .year{font-size: 10.5vw; background: -webkit-linear-gradient(top, rgba(255,120,26,1) 50%,  rgba(255,120,26,.5) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";}
.abFZ-right{width: 40%;padding-left: 60px;position: relative;}
.abFZ-line{position: absolute;left: 0;top: 0;height: 110%;width: 1px;background: #dae4eb;}
.abFZ-line .dot{position: absolute;left: 0;top: 0;width: 12px;height: 12px;border-radius: 50%;transform: translate(-50%,-50%);background: #ff781a;z-index: 2;}
.abFZ-line .line{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.abFZ-line .line i{position: absolute;left: 0;top: 0;width: 100%;height: 20%;background: #ff781a;display: block;}
.abFZ-list li:first-child{margin-top: 0;}
.abWH-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;}
.abWH-bg .swiper-container{width: 100%;height: 100%;}
.abWH-bg-slide{height: 100%;}
.abWH-bg-slide .img{height: 100%;}
.abWH-bg-slide .img img{width: 100%;height: 100%;transform: scale(1.2);transition: all 5s 2s linear;}
.swiper-slide-active .abWH-bg-slide .img img{transform: scale(1);transition: all 5s linear;}
.abWH-bg-slide .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.abWH-bg-slide .line{width: 73vw;height: 73vw;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .2);}
.abWH-con{justify-content: center;position: relative;z-index: 2;padding: 170px 0;user-select: none;}
.abWH-circle .line{width: 34vw;height: 34vw;border-radius: 50%;}
.abWH-circle .line::after,.abWH-circle .line::before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 100%;height: 100%;box-shadow: 0px 0 0.52083vw rgba(255, 255, 255, 0.3);border-radius: 50%;}
.abWH-circle .line::before{border: 1px solid rgba(255, 255, 255, .3);box-shadow: 0px 0 0.52083vw rgba(255, 255, 255, 0.3) inset;}
.abWH-circle .svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.abWH-desc{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.abWH-desc .swiper-container{width: 100%;height: 100%;}
.abWH-desc-slide{height: 100%;display: flex;align-items: center;justify-content: center;width: 80%;margin: 0 auto;flex-direction: column;}
.abWH-desc-slide .title{color: rgba(255, 255, 255, .5);}
.abWH-desc-slide .title,.abWH-desc-slide .text{filter: blur(20px);transition: all .8s ease;}
.swiper-slide-active .abWH-desc-slide .title,.swiper-slide-active .abWH-desc-slide .text{filter: blur(0);}
.abWH-list{position: absolute;z-index: 3; left: 0;top: 0;width: 100%;height: 100%;}
.abWH-list li{user-select: none;cursor: pointer;position: absolute;}
.abWH-list .dot{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #fff;left: 0;top: 0;transform: translate(-50%,-50%);}
.abWH-list .title{transition: all .6s ease;}
.abWH-list .text-box{position: absolute;width: 300px;}
.abWH-list .text{color: rgba(255, 255, 255, .5);opacity: 0;transform: translateY(30px);transition: all .6s ease;}
.abWH-list li.active .title{font-size: 24px;}
.abWH-list li.active .text{opacity: 1;transform: translateY(0);}
.abWH-list li:nth-child(1){left: 50%;top: 0;}
.abWH-list li:nth-child(1) .text-box{left: 50%;bottom: calc(100% + 15px);transform: translateX(-50%);display: flex;flex-direction: column-reverse;text-align: center;}
.abWH-list li:nth-child(1) .text{margin: 0 0 20px 0;}
.abWH-list li:nth-child(2){left: 97.8%;top:35%;}
.abWH-list li:nth-child(2) .text-box{left: 30px;top: -10px;}
.abWH-list li:nth-child(3){left: 80%;top:90%;}
.abWH-list li:nth-child(3) .text-box{left: 30px;top: 10px;}
.abWH-list li:nth-child(4){right: 80%;top:90%;}
.abWH-list li:nth-child(4) .text-box{text-align: right;right: 30px;top: 10px;}
.abWH-list li:nth-child(5){right: 97.8%;top:35%;text-align: right;}
.abWH-list li:nth-child(5) .text-box{right: 30px;top: -10px;}
.abWH-switch{z-index: 5;position: absolute;right: 6.2%;top: 35%;flex-wrap: nowrap;white-space: nowrap;align-items: center;}
.abWH-switch .btn{user-select: none;cursor: pointer;font-size: 25px;display: flex;align-items: center;}
.abWH-switch .btn.next{transform: rotate(180deg);}
.abWH-switch .page{margin: 0 45px;}
.abWH-svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.indPro-svg{stroke-dasharray:649,649;stroke-dashoffset:649;position: absolute;left: 0;top: 0;transition: all .4s linear;}
.indPro-svg:nth-child(1){stroke-dashoffset:0;transform: rotate(-72deg);}
.indPro-svg:nth-child(2){transform: rotate(0);}
.indPro-svg:nth-child(3){transform: rotate(72deg);}
.indPro-svg:nth-child(4){transform: rotate(144deg);}
.indPro-svg:nth-child(5){transform: rotate(216deg);}


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

    .abWH-list .text-box{width: 270px;}
    .abWH-list li.active .title{font-size: 22px;}
    .abWH-switch .btn{font-size: 23px;}
    .abWH-switch .page{margin: 0 35px;}
    .abFZ-right{padding-left: 45px;}
    .abHonor-nav .item{width: 160px;height: 46px;margin-left: 16px;}
    .abHonor-slide .img{height: 190px;}

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

    .abWH-list li.active .title{font-size: 20px;}

}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
@media all and (max-width:1000px){
    /* 720 竖屏 */
  
    .abWH-center{transform: scale(.55);}
    .abWH-circle .line{width: 300px;height: 300px;}
    .abWH-switch{display: none;}
    .abWH-con{padding: 40px 0;}
    .abWH-list li.active .title{font-size: 16px;}
    .abWH-list .text-box{width: 160px;}
    .abWH-list li:nth-child(2) .text-box{left: 15px;}
    .abWH-list li:nth-child(1) .text{margin-bottom: 12px;}
    .abWH-list li:nth-child(5) .text-box{right: 15px;}
    .abWH-list li:nth-child(4) .text-box{right: 15px;}
    .abWH-list li:nth-child(3) .text-box{left: 15px;}
    .abFZ-left{top: 80px;width: auto;margin-right: 20px;}
    .abFZ-right{width: auto;flex: 1;padding-left: 15px;}
    .abFZ-line .dot{width: 8px;height: 8px;}
    .abFZ-line{height: 103%;}
 	.abFZ-bg{bottom: 60px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px){
    /* 移动终端 360 适配 */
 
}