@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;align-items: center;}
.paging-menu a{width: 34px;height: 34px; margin: 6px;font-size: 16px;color: #666;transition: all .4s ease;display: flex;align-items: center;justify-content: center;}
.paging-menu a.btn{width: 44px;height: 44px;}
.paging-menu a i{transition: all .4s ease; width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #a7a9ab;border: 1px solid #d8dbde;}
.paging-menu a.last{transform: rotate(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{text-decoration: underline; color: #e6212a;}
.paging-menu a.btn:hover{text-decoration: unset;}
.paging-menu a:hover i{ border-color: #e6212a;color: #e6212a;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #0c4f9e;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #0c4f9e;color: #fff;border-color: #0c4f9e;}
.paging-hint span{color: #0c4f9e;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px;width: 24px;height: 24px;font-size: 13px;}.paging-menu a.btn{width: 30px;height: 30px;}.paging-menu a i{font-size: 12px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #0c4f9e;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #0c4f9e;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;}
.search-link:not(:first-child){margin-top: 16px;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #0c4f9e !important;}
.search-link:hover h2{color: #0c4f9e;}
@media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}}
/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;}
.webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #0c4f9e;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 40px);margin: 40px 0 0 40px;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #0c4f9e;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: 16px;}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;}
.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;}
@media all and (max-width:1270px) {
    .webmap-list>ul{margin: -24px 0 0 -24px;}
    .webmap-list>ul>li{width: calc(20% - 24px);margin: 24px 0 0 24px;}
    .webmap-list>ul>li>.menu {font-size: 18px;}
    .webmap-list>ul>li>.drop a {font-size: 16px;}
    .webmap-list>ul>li>.drop .drop a{font-size: 14px;}
    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
@media all and (max-width: 720px) {
    .webmap-title {padding-bottom: 16px;}
    .webmap-title::after {width: 44px;height: 3px;}
    .webmap-list>ul{margin: -14px 0 0;}
    .webmap-list>ul>li{width: 100%;margin: 14px 0 0;}
    .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;}
    .webmap-list>ul>li>.drop{margin-top: 10px;}
    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;}
    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;}
}
/* 内页公共 */
.pagesBan-bg{overflow: hidden;}
.pagesBan-bg img{width: 100%;min-height: 250px;transform: scale(1.2);animation: banImg 5s linear forwards;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pagesBan-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.pagesBan-con .title-en{opacity: 0;animation: CommonBannerContent1 1s ease both;}
.pagesBan-con .title{opacity: 0;animation: CommonBannerContent2 1s ease both;}
.pagesBan-btn{animation: banBtn 1s linear infinite alternate; z-index: 2;user-select: none;cursor: pointer;position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);}
.pagesBan-btn img{transition: all .4s ease;}
.pagesBan-btn:hover{animation-play-state: paused;}
.pagesBan-btn:active img{transform: scale(.95) translateY(4px);}
@keyframes banImg {0%{transform: scale(1.2);}100%{transform: scale(1);}}
@keyframes CommonBannerContent1 {0% {opacity: 0;transform: translateX(-120px);filter: blur(20px);}100% {opacity: 1;transform: translateX(0px);filter: blur(0px);}}
@keyframes CommonBannerContent2 {0% {opacity: 0;transform: translateX(150px);filter: blur(20px);}100% {opacity: 1;transform: translateX(0px);filter: blur(0px);}}
@keyframes banBtn {0%{transform: translate(-50%,-5px);}100%{transform: translate(-50%,5px);}}
.pagesNav-box{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);position: relative;z-index: 3;}
.pagesNav{justify-content: center;}
.pagesNav-item{height: 80px;margin-left:6vw;}
.pagesNav-item:first-child{margin-left: 0;}
.pagesNav-item::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 2px;background: #e6212a;transition: all .4s ease;}
.pagesNav-item:hover,.pagesNav-item.active{color: #333;}
.pagesNav-item:hover::after,.pagesNav-item.active::after{right: auto;left: 0;width: 100%;}
.pagesBread-item::after{content: ">";display: inline-block;margin: 0 3px;color: #888;}
.pagesBread-item:hover{color: #0c4f9e;}
/* 联系我们 */
.ctaIntro{background: url('../images/pages/ctaIntro-bg.jpg') no-repeat center/cover;}
.ctaIntro-list{justify-content: space-between;margin-left:-50px;}
.ctaIntro-list li:first-child{width:40%;}
.ctaIntro-list li{width:auto;margin-left:50px;}
.ctaIntro-icon{width: 86px;}
.ctaIntro-icon .bg img{width: 100%;}
.ctaIntro-icon .img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 42%;max-height: 42%;}
.cta-position-list{margin-left: -30px;}
.cta-position-list li{margin: 30px 0 0 30px;width: calc((100% / 3) - 30px); background: #f3f6f9;padding: 65px 50px;min-height: 230px;}
.cta-position-list .title{min-height: 65px;}
.cta-position-list .text-box{margin-top: 15px;}
.cta-position-list .text i{display: block;margin-right: 5px;width: 12px;}
.cta-position-list .text p{flex: 1;}
.ctaMsg{background: url('../images/pages/ctaMsg-bg.jpg') no-repeat center/cover;}
.ctaMsg-table{justify-content: space-between;}
.ctaMsg-table .w100{width: 100% !important;}
.ctaMsg-input{width: calc(50% - 10px);display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;}
.ctaMsg-input input,.ctaMsg-input textarea{font-size: 16px;background: #fff;width: 100%;padding-left: 15px;margin-top: 10px;color: #888;}
.ctaMsg-input input{height: 48px;}
.ctaMsg-input textarea{height: 160px;padding-top: 15px;}
.ctaMsg-input input::-webkit-input-placeholder{font-size: 16px;color: #888;}
.ctaMsg-input textarea::-webkit-input-placeholder{font-size: 16px;color: #888;}
.ctaMsg-code{height: 48px;user-select: none;cursor: pointer;width: auto;}
.ctaMsg .comBtn-box{justify-content: flex-end;}
/* 新闻-列表 */
.newsShow{background: url('../images/pages/newsShow-bg.jpg') no-repeat center/cover;}
.newsShow-img::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.5) 80%);}
.newsShow-img img{width: 100%;height: 480px;transition: all .6s ease;}
.newsShow-con{position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px;z-index: 2;}
.newsShow-slide:hover .newsShow-img img{transform: scale(1.08);}
.newsItem{justify-content: space-between;}
.newsItem-img{width: 30%;}
.newsItem-img img{height: 270px;width: 100%;}
.newsItem-con{width: 65%;position: relative;border-bottom: 1px solid #d9d9d9;}
.newsItem-con::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #0c4f9e;transition: all .6s ease;}
.newsItem-con .comBtn{background-image: url('../images/index/indAb-btn3.png');}
.newsItem:hover .newsItem-img img{transform: scale(1.08);}
.newsItem:hover .newsItem-con::after{right: auto;left: 0;width: 100%;}
.newsItem:hover .newsItem-con .title{color: #0c4f9e;}
.newsItem:hover .newsItem-con .comBtn{background-image: url('../images/index/indAb-btn2.png');color: #fff;}
/* 新闻-详情 */
.newsDet-top .contain{width: 63vw;}
.newsDet-date{border-bottom: 1px solid #e8ebee;}
.newsDet-next-btn{border-top: 1px solid #e8ebee;height: 70px;align-items: center;}
.newsDet-next-btn .title{align-items: center;}
.newsDet-next-btn .title i{display: block;margin-left: 10px;color: #0c4f9e;font-size: 12px;font-weight: 700;}
.newsDet-next-btn .text{width: 400px;max-width: 100%;margin-left: 40px;transition: all .4s ease;}
.newsDet-next-btn:nth-child(2){border-bottom: 1px solid #e8ebee;}
.newsDet-next-btn:nth-child(2) .title i{transform: rotate(180deg);}
.newsDet-next-btn:hover .text{color: #0c4f9e;}
/* 文化生活 */
.lifeHJ-swp{padding-left: calc((100vw - 1480px) / 2);cursor: grab;}
.lifeHJ-swp .swiper-container,.lifeSH-swp .swiper-container{overflow: visible;} 
.lifeHJ-slide img{width: 100%;height: 500px;transition: all 2s linear;}
.lifeHJ-slide:hover img{transform: scale(1.1);}
.swiper-pagination-progressbar{position: relative !important;height: 2px;}
.life-pagination.swiper-pagination-progressbar{background: #dcdcdc;}
.life-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #0c4f9e;}
.lifeSH-bg{position: absolute;left: 0;top: 0;width: 100%;height: 79%;}
.lifeSH .contain{position: relative;z-index: 2;}
.lifeSH-slide{background: #fff;box-shadow: 0px 0px 50px 0px rgba(6, 27, 54, 0.1);}
.lifeSH-img img{width: 100%;height: 320px;}
.lifeSH-con{padding: 65px 55px;height: 220px;}
.lifeYG-gallery-more img,.lifeYG-thumbs .swiper-container{height: 630px;}
.lifeYG-gallery-more img{width: 100%;}
.lifeYG-swp{justify-content: space-between;}
.lifeYG-gallery{width: 85%;}
.lifeYG-swp .lifeYG-pagination{line-height: 1.14; position: absolute;right: 30px;bottom: 30px;z-index: 2;display: flex;align-items: flex-end;width: auto;left: auto;}
.lifeYG-pagination .current{line-height: .8;}
.lifeYG-btn{font-weight: 300; font-size: 34px; position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);width: 74px;height: 100px;background: rgba(0, 0, 0, .5);user-select: none;cursor: pointer;}
.lifeYG-btn.thumbs-prev{left: 0;}
.lifeYG-btn.thumbs-next{right: 0;transform: translateY(-50%) rotate(180deg);}
.lifeYG-btn:hover{background: #000;}
.lifeYG-thumbs{width: calc(15% - 20px);}
.lifeYG-thumbs-year{transition: all .4s ease;transform: scale(0.7);width: 100%;height: 100%;}
.lifeYG-thumbs-year img{width: 100%;height: 100%;}
.lifeYG-thumbs-year::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);transition: all .4s ease;}
.lifeYG-thumbs-year::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #0c4f9e;opacity: 0; transition: all .4s ease;}
.lifeYG-thumbs-year.active{transform: scale(1);}
.lifeYG-thumbs-year.active::after{opacity: 0;}
.lifeYG-thumbs-year.active::before{opacity: 1;}
/* 产品列表 */
.fp-tableCell{position: relative;}
.product .pagesBan-bg{position: relative;height: 100%;}
.product .pagesBan-con .title{animation-name: banText;}
.product .pagesBan-con .text{animation: banText 1s .2s ease both;opacity: 0;}
@keyframes banText {0%{opacity: 0;transform: translateY(120px);filter: blur(20px);}100%{opacity: 1;transform: translateY(0);filter: blur(0px);}}
.product .pagesBan-bg img{height: 100vh;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}
.proItem-bg{height: 100%;}
.proItem-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,rgba(44,100,166,.9) 0%,transparent 60%);}
.proItem-bg img{width: 100%;height: 100vh;}
.proItem-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.proItem-width{width: 580px;}
.proItem-text .text{color: rgba(255, 255, 255, .6);}
.proItem-link{margin-left: -10px;}
.proItem-link-item{margin: 10px 0 0 10px;width: calc(50% - 10px);height: 60px;border: 2px solid #fff;}
.proItem-link-item:hover{background: #0c4f9e;border-color: #0c4f9e;}
.proItem.item2 .proItem-con .contain-1600{display: flex;justify-content: flex-end;}
.proItem.item2 .proItem-bg::after{background: linear-gradient(to left,rgba(44,100,166,.9) 0%,transparent 60%);}
.fp-section .comTitle{opacity: 0;transform: translateY(120px);transition: all 1s .5s ease;}
.fp-section .proItem-text li{opacity: 0;transform: translateY(120px);transition: all 1s .6s ease;}
.fp-section .proItem-link{opacity: 0;transform: translateY(120px);transition: all 1s .7s ease;}
.fp-section .proItem-text li:nth-child(2){transition-delay: .7s;}
.fp-section .proItem-text li:nth-child(3){transition-delay: .8s;}
.fp-section .proItem-text li:nth-child(4){transition-delay: .9s;}
.fp-section .proItem-text li:nth-child(5){transition-delay: 1s;}
.fp-section.active .comTitle{transform: translateY(0);opacity: 1;}
.fp-section.active .proItem-text li{opacity: 1;transform: translateY(0);}
.fp-section.active .proItem-link{opacity: 1;transform: translateY(0);}
/* 产品-仓储服务 */
.storIntro{background: url('../images/pages/storNav-bg.png') no-repeat left top/56% auto;}
.storIntro-nav{border-bottom: 1px solid #e5e5e5;}
.storIntro-nav li{width: 16%;position: relative; user-select: none;cursor: pointer;flex-direction: column;justify-content: flex-start;}
.storIntro-nav li::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #0c4f9e;opacity: 0;}
.storIntro-nav .img{height: 45px;position: relative;}
.storIntro-nav .img img{max-height: 100%;transition: all .4s ease;}
.storIntro-nav .img .h{position: absolute;left: 0;top: 0;opacity: 0;}
.storIntro-nav li:hover,.storIntro-nav li.active{color: #0c4f9e;}
.storIntro-nav li:hover .img .s,.storIntro-nav li.active .img .s{opacity: 0;}
.storIntro-nav li:hover .img .h,.storIntro-nav li.active .img .h{opacity: 1;}
.storIntro-nav li.active::after{opacity: 1;}
.storIntro-img img{width: 100%;height: 660px;}
.storIntro-text{background: rgba(0, 0, 0, .3);padding: 25px 50px;position: absolute;left: 0;bottom: 0;width: 100%;}
.storSystem .contain{justify-content: space-between;align-items: center;}
.storSystem-con{width: 40%;}
.storSystem-swp{width: 58%;}
.storSystem-slide img{width: 100%;height: 526px;clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);}
.storSystem-pagination{z-index: 2;position: absolute;left: 0;bottom: 24px;width: 100%;}
.storSystem-pagination .swiper-pagination-bullet{width: 14px;height: 17px;border-radius: 0;margin: 0 10px;opacity: 1;background: url('../images/pages/storSystem-icon1.png') no-repeat center/100% auto;}
.storSystem-pagination .swiper-pagination-bullet-active{background-image: url('../images/pages/storSystem-icon2.png');}
.storYS-list{justify-content: space-between;}
.storYS-list::after{content: "";width: 32%;}
.storYS-list li{width: 32%;}
.storYS-img img{width: 100%;height: 270px;}
.storYS-img:hover img{transform: scale(1.08);}
.storYS-con .title{padding-bottom: 4px;}
.storYS-con .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 100px;height: 2px;background: #e6212a;}
.storYS-con .text{padding-right: 10px;}
/* 产品-配送服务 */
.deliIntro .storYS-con .title::after{width: 180px;}
.deliTG{background: url('../images/pages/deliTG-bg.jpg') no-repeat center/cover;}
.deliTG-slide img{width: 100%;height: 660px;}
.deliTG-pagination{z-index: 2;position: absolute;left: 0;bottom: 8%;width: 100%;display: flex;justify-content: center;align-items: center;}
.deliTG-pagination .swiper-pagination-bullet{width: 14px;height: 17px;margin: 0 10px;border-radius: 0;opacity: 1;background: url('../images/pages/deliTG-icon1.png') no-repeat center
/100% auto;transition: all .2s ease;}
.deliTG-pagination .swiper-pagination-bullet-active{width: 20px;height: 24px;background-image: url('../images/pages/deliTG-icon2.png');}
.deliGH-img img{width: 100%;}
/* 关于我们 */
.abIntro-num{justify-content: space-between;padding: 0 30px;}
.abIntro-num .num{justify-content: center;align-items: flex-start;}
.abIntro-num .num span{line-height: .8;}
.abWH-con{margin: 60px auto 0;width: 42%;}
.abWH-img{position: relative;z-index: 2;}
.abWH-img img{width: 100%;animation: abWH 30s linear infinite;}
.abWH-line{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 81.5%;}
.abWH-line img{width: 100%;animation: abWH2 50s linear infinite;}
.abWH-logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;width: 80.5%;}
.abWH-bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;width: 80vw;}
.abWH-bg img{width: 100%;}
.abWH-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;}
.abWH-list li{position: absolute;transition: all .4s ease;}
@keyframes abWH {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes abWH2 {0%{transform: rotate(0);}100%{transform: rotate(-360deg);}}
.abWH-icon{width: 90px;height: 90px;border-radius: 50%;background: #fff;border: 3px solid #c8dbff;}
.abWH-icon img{max-width: 50%;max-height: 50%;}
.abWH-text{width: 420px;position: absolute;right: 90px;top: 0;padding-right: 40px;}
.abWH-text .text{color: rgba(255, 255, 255, .6);}
.abWH-list li:nth-child(2n) .abWH-text{right: auto;left: 90px;padding-right: 0;padding-left: 40px;}
.abWH-list li:nth-child(1){left: 0%;top: 16%;}
.abWH-list li:nth-child(2){left: 85%;top: 16%;}
.abWH-list li:nth-child(3){left: 0%;top: 73%;}
.abWH-list li:nth-child(4){left: 85%;top: 73%;}
.abWH-list li:hover{transform: translateX(-20px);}
.abWH-list li:nth-child(2n):hover{transform: translateX(20px);}
.abFZ{background: url('../images/pages/abFZ-bg.png') no-repeat right bottom/50% auto;}
.abFZ-gallery-more{justify-content: space-between;}
.abFZ-gallery-img{width: 48%;}
.abFZ-gallery-img img{transition: all 1s linear;width: 100%;height: 100%;}
.abFZ-gallery-img:hover img{transform: scale(1.08);}
.abFZ-gallery-con{width: 46%;}
.abFZ-gallery-con .title{line-height: 1;}
.abFZ-gallery-con .text p:first-child{margin-top: 0;}
.abFZ-gallery-con .text-box .line{position: absolute;left: 8px;top: 8px;width: 1px;height: 0;background: #cdcdcd;}
.abFZ-gallery-con .text{position: relative;z-index: 2;}
.abFZ-gallery-con .text p{margin-top: 3vw;position: relative;padding-left: 30px;}
.abFZ-gallery-con .text p::after{content: "";position: absolute;left: 0;top: 5px;width: 16px;height: 16px;border-radius: 50%;background: #e6edf5;}
.abFZ-gallery-con .text p::before{content: "";position: absolute;left: 4px;top: 9px;width: 9px;height: 9px;border-radius: 50%;background: #0c4f9e;z-index: 2;}
.abFZ-thumbs-year{position: relative;z-index: 10; padding-top: 15px; flex-direction: column;justify-content: flex-start;transition: all .4s ease;}
.abFZ-thumbs-title{transition: all .4s ease;}
.abFZ-thumbs-dot{position: relative;z-index: 100;}
.abFZ-thumbs-dot .dot1{transition: all .4s ease; width: 28px;height: 28px;border-radius: 50%;border: 3px solid #0c4f9e;background: #fff;position: relative;z-index: 2;}
.abFZ-thumbs-dot .dot2{transition: all .4s ease;opacity: 0; width: 100%;height: 100%;border-radius: 50%;position: absolute;left: 0;top: 0;}
.abFZ-thumbs-dot .dot2::after,.abFZ-thumbs-dot .dot2::before{width: 100%;height: 100%;border-radius: 50%; animation: fzDot 4s linear infinite; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(12, 79, 158, .4);}
.abFZ-thumbs-dot .dot2::after{animation-delay: 2s;}
@keyframes fzDot {
    0%{transform: translate(-50%,-50%) scale(1);opacity: 0;}
    50%{transform: translate(-50%,-50%) scale(1.5);opacity: 1;}
    100%{transform: translate(-50%,-50%) scale(2);opacity: 0;}
}
.abFZ-thumbs-year.active .abFZ-thumbs-title{color: #333;}
.abFZ-thumbs-year.active .abFZ-thumbs-dot .dot1{background: #0c4f9e;}
.abFZ-thumbs-year.active .abFZ-thumbs-dot .dot2{opacity: 1;}
/* .abFZ-thumbs .swiper-container{z-index: 3;} */
.abFZ-thumbs::after,.abFZ-thumbs-line{content: "";position: absolute;left: 0;top: 20px;width: 100%;height: 18px;border-radius: 20px;background: #e6edf5;}
.abFZ-thumbs-line{background: #0c4f9e;width: 0%;z-index: 1;transition: all .4s ease;}
.abFZ-thumbs-icon{position: absolute;left: 0;top: 15px;z-index: 2;transition: all .4s ease;transform: translate(-50%,0);}
.abHonor{background: url('../images/pages/abHonor-bg.jpg') no-repeat left top/100% 100%;}
.abHonor-swp{width: calc(100% + 80px);margin-left: -40px;}
.abHonor-list{padding: 20px;}
.abHonor-list li{width: 20%;padding: 20px;}
.abHonor-item{transition: all .4s ease; min-height: 215px;flex-direction: column;justify-content: flex-start;padding: 55px 15px 15px; background: #fff;box-shadow: 0px 0px 40px 0px rgba(6, 27, 54, 0.1);}
.abHonor-item .img{height: 36px;}
.abHonor-item .img img{max-height: 100%;}
.abHonor-item:hover{transform: translateY(-15px);}
.abHonor-swp .indNews-pagination{left: 40px;width: calc(100% - 80px);}
.clipLeft{animation: clipLeft 1.5s linear forwards;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.clipRight{animation: clipRight 1s linear forwards;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
.clipTop{animation: clipTop 1.5s linear forwards;clip-path: polygon(100% 0, 0 0, 0 0, 100% 0);}
.clipBottom{animation: clipBottom .8s linear forwards;clip-path: polygon(100% 100%, 0 100%, 0 100%, 100% 100%);}
.clipCenter{animation: clipCenter .6s linear forwards;clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}
.imgScale{animation: imgScale 5s linear forwards;}
.width50{animation: width50 1.5s ease forwards;}
 @keyframes clipLeft {0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
 @keyframes clipRight {0%{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
 @keyframes clipTop {0%{clip-path: polygon(100% 0, 0 0, 0 0, 100% 0);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
 @keyframes clipBottom {0%{clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
 @keyframes clipCenter {0%{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes imgScale {0%{transform: scale(1);}100%{transform: scale(1.08);}}
 @keyframes width50 {0%{width: 50%;}100%{width: 0;}}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .ctaIntro-icon{width: 74px;}
    .cta-position-list{margin-left: -20px;}
    .cta-position-list li{margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);padding: 50px 30px;}
    .cta-position-list .title{min-height: 55px;}
    .newsShow-img img{height: 390px;}
    .newsItem-img img{height: 240px;}
    .lifeHJ-swp {padding-left: calc((100vw - 1200px) / 2);}
    .lifeHJ-slide img{height: 380px;}
    .lifeSH-img img{height: 250px;}
    .lifeSH-con {padding: 45px 40px;height: 180px;}
    .lifeYG-gallery-more img, .lifeYG-thumbs .swiper-container{height: 520px;}
    .lifeYG-thumbs-year{transform: scale(.75);}
    .lifeYG-btn{font-size: 28px;width: 60px;height: 84px;}
    /* .proItem-link-item{width: 130px;height: 40px;} */
    .storIntro-nav .img{height: 40px;}
    .storIntro-img img{height: 540px;}
    .storIntro-text{padding: 20px 50px;}
    .storSystem-slide img{height: 430px;}
    .storSystem-pagination{bottom: 20px;}
    .storYS-img img{height: 220px;}
    .storYS-con .title::after{width: 80px;}
    .deliTG-slide img{height: 540px;}
    .deliIntro .storYS-con .title::after{width: 140px;}
    .abHonor-list li{padding: 15px;}
    .abHonor-item{min-height: 190px;padding: 40px 15px 15px;box-shadow: 0px 0px 30px 0px rgba(6, 27, 54, 0.1);}
    .abHonor-list{padding: 15px;}
    .abHonor-swp{width: calc(100% + 60px);margin-left: -30px;}
    .abHonor-swp .indNews-pagination{left: 30px;width: calc(100% - 60px);}
    .abHonor-item .img{height: 32px;}
    .abWH-icon{width: 74px;height: 74px;}
    .abWH-text{width: 370px;padding-right: 25px;right: 74px;}
    .abWH-list li:nth-child(2n) .abWH-text {left: 74px;padding-right: 0;padding-left: 25px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .ctaIntro-icon{width: 60px;}
    .cta-position-list li{padding: 40px 25px;min-height: 240px;}
    .cta-position-list .title{min-height: 45px;}
    .newsShow-img img{height: 310px;}
    .newsItem-img img{height: 220px;}
    .lifeHJ-swp {padding-left: calc((100vw - 960px) / 2);}
    .lifeHJ-slide img{height: 300px;}
    .lifeSH .comTitle br{display: none;}
    .lifeSH-img img{height: 200px;}
    .lifeSH-con {padding: 30px 25px;height: 150px;}
    .lifeYG-gallery-more img, .lifeYG-thumbs .swiper-container{height: 420px;}
    /* .lifeYG-thumbs-year {transform: scale(.9);} */
    .storIntro-nav .img{height: 35px;}
    .storIntro-img img{height: 430px;}
    .storSystem-slide img{height: 340px;}
    .storSystem-pagination{bottom: 10px;}
    .storYS-img img{height: 170px;}
    .storYS-con .title::after{width: 60px;}
    .deliTG-slide img{height: 430px;}
    .deliIntro .storYS-con .title::after{width: 130px;}
    .abHonor-item{min-height: 150px;padding: 30px 10px;}
    .abWH-icon{width: 60px;height: 60px;}
    .abWH-text {width: 300px;padding-right: 15px;right: 60px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .pagesBan-con .title,.pagesBan-con .title-en{font-size:21px;}
    .pagesBan-con .text{font-size:16px;}
    .comTitle br{display: none;}
    .pagesNav-item{height: 48px;}
    .pagesNav-item::after{height: 1px;}
    .ctaIntro-list{margin:0;}
    .ctaIntro-list li{width: 100% !important;position:relative;padding-left:60px;margin:25px 0 0;}
    .ctaIntro-icon{width: 40px;position:absolute;left:0;top:0;}
    .ctaIntro-icon .img{top: 46%;}
    .ctaIntro-title{margin-top:0;}
    .cta-position-list{margin-left: 0;}
    .cta-position-list li{margin: 15px 0 0;min-height: unset;width: 100%;padding: 25px 15px;}
    .cta-position-list .title{min-height: unset;}
    .cta-position-list .text-box{margin-top: 15px;}
    .ctaMsg-title br{display: none;}
    .ctaMsg-input{width: 100%;}
    .ctaMsg-input input, .ctaMsg-input textarea{font-size: 13px;margin-top: 5px;padding-left: 12px;}
    .ctaMsg-input input::-webkit-input-placeholder{font-size: 13px;}
    .ctaMsg-input textarea::-webkit-input-placeholder{font-size: 13px;}
    .ctaMsg-input input,.ctaMsg-code{height: 36px;}
    .ctaMsg-input textarea{height: 140px;padding-top: 12px;}
    .newsShow-img img{height: 230px;}
    .newsShow-con{padding: 20px 15px;}
    .newsItem-img{width: 100%;}
    .newsItem-con{width: 100%;padding: 20px 15px 30px;}
    .newsItem-img img{height: 230px;}
    .newsDet-top .contain{width: 92%;}
    .newsDet-next-btn .text{width: 250px;margin-left: 15px;}
    .newsDet-next-btn .title i{margin-left: 5px;}
    .newsDet-next-btn .title i::before{display: block;transform: scale(.8);}
    .lifeHJ-swp{padding: 0 6%;}
    .lifeHJ-swp .swiper-container, .lifeSH-swp .swiper-container{overflow: hidden;}
    .lifeHJ-slide img{height: 200px;}
    .swiper-pagination-progressbar{height: 1px;}
    .lifeSH-swp .swiper-slide{padding-bottom: 20px;}
    .lifeSH-slide{box-shadow: 0px 0px 20px 0px rgba(6, 27, 54, 0.1);}
    .lifeSH .life-pagination{margin-top: 20px;}
    .lifeSH-img img{height: 230px;}
    .lifeSH-con {padding: 20px 15px;height: 100px;}
    .lifeYG-gallery{width: 100%;}
    .lifeYG-gallery-more img{height: 170px;}
    .lifeYG-btn{font-size: 18px;width: 40px;height: 60px;display: none;}
    .lifeYG-swp .lifeYG-pagination{right: 10px;bottom: 15px;}
    .lifeYG-thumbs{width: 100%;margin-top: 20px;}
    .lifeYG-thumbs .swiper-container{height: auto;}
    .lifeYG-thumbs-year{transform: scale(.8);}
    .proItem.item2{padding-bottom:30px;}
    .product .pagesBan-bg img{height: 250px;}
    .pagesBan-btn{display: none;width: 30px;}
    .proItem{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
    /*.proItem-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}*/
    .proItem-bg img{height: 100%;}
    .proItem-con{position: relative;padding: 50px 0 20px;}
    .proItem-con .comTitle .title{color:#000;}
    .proItem-con .comTitle .text{color:#666;}
    .proItem-text .title{color:#333;}
    .proItem-width{width: 100%;}
    .proItem-text .text{font-size: 12px;line-height: 20px;color: #666;font-weight: 400;}
    .proItem-text li{margin-top: 20px;}
    .proItem-link-item{width: calc(50% - 10px); font-size: 13px;border-color:#999;color:#000;background: #0c4f9e;border-color: #0c4f9e;color:#fff;}
    /*.proItem-link-item span:after{content:"";position:absolute;left:50%;transform:translateX(-50%); bottom:0;width:40px;height:1px;background:#fff;}*/
    .proItem-bg::after{background: rgba(44,100,166,.5) !important;}
    .deliIntro .comTitle .text{font-size:12px;line-height:22px;}
    .storIntro-nav{justify-content:space-between;}
    .storIntro-nav li{padding: 0 5px 12px;width:33.33%;}
    .storIntro-nav li::after{left:50%;transform:translateX(-50%);width:70%;}
    .storIntro-nav .img{height: 25px;}
    .storIntro-img img{height: 160px;}
    .storIntro-text{padding: 8px 20%;font-size: 12px;}
    .storSystem-con{width: 100%;}
    .storSystem-swp{width: 100%;margin-top: 20px;}
    .storSystem-slide img{height: 200px;}
    .storSystem-pagination{bottom: 5px;}
    .storSystem-pagination .swiper-pagination-bullet{width: 10px;height: 14px;margin: 0 4px;}
    .storYS-list li{width: 100%;margin-top: 25px;}
    .storYS-list li:first-child{margin-top: 0;}
    .storYS-con .text{margin-top: 10px;padding-right: 0;}
    .deliIntro .storYS-con .title::after{width: 110px;}
    .deliTG-slide img{height: 160px;}
    .deliTG-pagination .swiper-pagination-bullet{width: 10px;height: 14px;margin: 0 6px;}
    .deliTG-pagination .swiper-pagination-bullet-active{width: 14px;height: 17px;}
    .abIntro-num{padding: 0;margin-top: 15px;}
    .abIntro-num li{width: 48%;margin-top: 20px;text-align: left;padding-left:25px;}
    .abIntro-num .num{justify-content: flex-start;}
    .abWH-img,.abWH-line,.abWH-logo,.abWH-bg{display: none;}
    .abWH-con{margin-top: 0;width: 100%;}
    .abWH-list{position: relative;}
    .abWH-list li{position: static;display: flex;flex-wrap: wrap;margin-top: 30px;align-items: center;}
    .abWH-icon{width: 46px;height: 46px;border-width: 2px;}
    .abWH-text{position: static;}
    .abWH-text{width: auto;flex: 1;padding: 0 0 0 15px !important;}
    .abFZ-gallery-img{width: 100%;}
    .abFZ-gallery-con{width: 100%;margin-top: 20px;}
    .abFZ-gallery-con .text p{padding-left: 20px;}
    .abFZ-gallery-con .text p::after{width: 12px;height: 12px;top: 4px;}
    .abFZ-gallery-con .text p::before{left: 3px;top: 7px;width: 6px;height: 6px;}
    .abFZ-gallery-con .text-box .line{left: 5px;}
    .abFZ-thumbs-icon{width: 28px;}
    .abFZ-thumbs-dot .dot1{width: 18px;height: 18px;border-width: 2px;}
    .abFZ-thumbs::after, .abFZ-thumbs-line{top: 20px;height: 8px;}
    .abHonor-list li:nth-child(-n+2){display: none;}
    .abHonor-list li{width: 48%;padding: 8px;}
    .abHonor-item{min-height: 120px;padding: 25px 10px 10px;box-shadow: 0px 0px 16px 0px rgba(6, 27, 54, 0.1);}
    .abHonor-list{padding: 8px;}
    .abHonor-swp {width: calc(100% + 48px);margin-left: -16px;}
    .abHonor-item:hover{transform: translateY(-10px);}
    .abHonor-swp .indNews-pagination{left: 16px;width: calc(100% - 48px);}
    .storYS-con .title{padding-bottom: 0;}
    .storYS-con .title::after{height: 1px;width: 50px;}
    .cta-position-list .text-box{margin-top:10px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}