/* =====================Interior page style======================== */
/* paging */
.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;}
.paging-menu a{width: 44px;height: 44px;border: 1px solid transparent;margin: 5px;font-size: 16px;font-family: 'R'; color: #666;transition: all .4s ease;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.paging-menu a i{font-size: 12px;display: block;}
.paging-menu a.last{transform: rotate(180deg);}
.paging-menu a.first,.paging-menu a.last{border-color: #e4e4e4;}
.paging-menu .page-num-current{color: #e30012;}
.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: #d1292e;}
.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: #d1292e;color: #fff;border-color: #d1292e;}
.paging-hint span{color: #d1292e;}
@media all and (max-width:1000px){.paging-menu a{margin: 4px 2px;width: 34px;height: 34px;font-size: 12px;}.paging-menu a i{font-size: 10px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}}
/* search page */
.search{width: 100%;}
.search-result{font-size: 14px;color: #d1292e;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #d1292e;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;margin-top: 16px;}
.search-link:first-child{margin-top: 0;}
.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: #d1292e !important;}
.search-link:hover h2{color: #d1292e;}
@media all and (max-width:1000px){.search-link{padding: 20px 15px;margin-top: 12px;}}
/* Privacy Agreement */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
/* Website Map */
.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: #d1292e;}
.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: #d1292e;}
.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;}
}
/* Internal page public */
.pagesBan-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.pagesBan.noAfter .pagesBan-bg::after{display: none;}
.pagesBan-bg img{width: 100%;height: 60vh;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pagesBan-con .contain{height: 100%;flex-direction: column;}
.pagesBan-title-en{color: rgba(255, 255, 255, .5);}
.pagesBan-scroll{user-select: none;cursor: pointer;width: 30px;height: 30px;}
.pagesBan-scroll i{transform: rotate(180deg); display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border-radius: 50%;border: 2px solid rgba(255, 255, 255, .8);color: rgba(255, 255, 255, .8); font-size: 14px;font-weight: 700;position: relative;z-index: 2;}
.pagesBan-scroll::after,.pagesBan-scroll::before{animation: dotAni 2s linear infinite;opacity: 0; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .4);}
.pagesBan-scroll::after{animation-delay: -1s;}
.pagesBan-title,.pagesBan-title-en,.pagesBan-text{animation: banText 1.2s ease both;}
.pagesBan-scroll,.pagesBan-nav{animation: banText 1.2s .1s ease both;}
@keyframes dotAni {0%{opacity: 0;transform: scale(1);}50%{opacity: 1;transform: scale(1.5);}100%{opacity: 0;transform: scale(2);}}
@keyframes banText {
    0%{opacity: 0;transform: translateY(100px);}
    100%{opacity: 1;transform: translateY(0);}
}
.pagesBan-nav-list{justify-content: center;}
.pagesBan-nav-list .item{margin-left: 20px; width: 250px;height: 60px;border-radius: 40px;border: 2px solid rgba(255, 255, 255, .5);align-items: center;justify-content: space-between;padding: 0 26px;}
.pagesBan-nav-list .item:first-child{margin-left: 0;}
.pagesBan-nav-list .item i{display: block;transform: rotate(180deg);font-size: 14px;}
.pagesBan-nav-list .item.active,.pagesBan-nav-list .item:hover{border-color: #d1292e;background: #d1292e;color: #fff;}
.pagesBan-nav-list .item:hover i{animation: navAni .3s linear both;}
@keyframes navAni {0%{opacity: 0;transform: translateX(-50%) rotate(180deg);}100%{opacity: 1;transform: translateX(0) rotate(180deg);}}
.pagesBan-bread{position: absolute;z-index: 4;left: 0;bottom: 50px;width: 100%;}
.pagesBan-bread .pagesBread .item{color: #fff;}
.pagesBan-bread .pagesBread .item::after{color: #fff;}
.pagesBan-bread .pagesBread .item:hover{color: #d1292e;}
.pagesBread{align-items: center;}
.pagesBread .item{transition: all .4s ease;margin-right: 18px;position: relative;color: #707987;}
.pagesBread .item:last-child{margin-right: 0;}
.pagesBread .item:last-child::after{display: none;}
.pagesBread .item::after{content: ">";color: #707987;position: absolute;right: -13px;top: 0;font-family: "宋体", "SimSun", "\5B8B\4F53";font-weight: 500;}
.pagesBread .item i{font-size: 16px;display: block;margin-right: 8px;}
.pagesBread .item:hover{color: #d1292e;}
/* news-list */
.newsShow{padding-left: calc((100vw - var(--wid)) / 2);}
.newsShow-img{width: 43%;border-top-left-radius: 80px;}
.newsShow-img img{transition: all 2s linear;height: 435px;}
.newsShow-img:hover img{transform: scale(1.08);}
.newsShow-con{width: 57%;background: #fff;padding: 0 70px;padding-right: calc((100vw - var(--wid)) / 2);display: flex;flex-direction: column;justify-content: center;}
.newsShow-con .title:hover{color: #d1292e;}
.newsItem-flex{justify-content: space-between;align-items: center;}
.newsItem-img{width: 28%;}
.newsItem-img img{height: 250px;width: 100%;}
.newsItem-con{flex: 1;padding: 0 65px;}
.newsItem-con .comMore-box{transition: all .6s ease;opacity: 0;}
.newsItem-date{text-align: right;}
.newsItem:hover{background: #f6f6f6;}
.newsItem:hover .newsItem-con .title{color: #b60210;}
.newsItem:hover .newsItem-con .comMore-box{opacity: 1;}
.newsLine .line{height: 2px;background: #b60210;}
/* news-detail */
.newsDet-con .contain{width: 1200px;max-width: 92%;}
.newsDet-head{border-bottom: 2px solid #e9e9e9;}
.newsDet-head .date{align-items: center;}
.newsDet-head .date i{font-size: 18px;display: block;margin-right: 10px;}
.newsDet-switch{justify-content: space-between;position: relative;}
.newsDet-switch::after,.newsDet-switch::before{content: "";position: absolute;left: 0;top: 10px;width: calc(50% - 50px);height: 1px;background: #e8ebf9;}
.newsDet-switch::after{left: auto;right: 0;}
.newsDet-switch .page{margin-top: 40px;width: 195px;height: 58px;border-radius: 40px;border: 2px solid #e8ebf9;}
.newsDet-switch .page i{display: block;margin-right: 16px;}
.newsDet-switch .page:last-child{flex-direction: row-reverse;}
.newsDet-switch .page:last-child i{transform: rotate(180deg);margin-right: 0;margin-left: 16px;}
.newsDet-switch .page:hover{border-color: #b60210;color: #fff;background: #b60210;}
.newsDet-switch .page:hover i{color: #fff;}
.newsDet-switch .back{flex-direction: column;}
.newsDet-switch .back i{width: 58px;height: 58px;border-radius: 50%;border: 2px solid #e8ebf9;font-size: 24px;transform: rotateY(180deg);}
.newsDet-switch .back span{display: block;margin-top: 8px;}
.newsDet-switch .back:hover i{border-color: #b60210;background: #b60210;color: #fff;}
.newsDet-hot-head{justify-content: space-between;align-items: flex-end;}
.newsDet-hot-btn .btn{user-select: none;cursor: pointer;width: 50px;height: 50px;border-radius: 50%;border: 2px solid #7474742b;font-size: 13px;}
.newsDet-hot-btn .btn.next{transform: rotate(180deg);margin-left: 12px;}
.newsDet-hot-btn .btn:hover{background: #b60210;border-color: #b60210;color: #fff;}
.newsDet-hot-img img{width: 100%;height: 280px;}
.newsDet-hot-con{background: #fff;padding: 20px 30px 20px;transition: all .4s ease;}
.newsDet-hot-con .label{display: inline-block;border-radius: 10px;padding: 4px 14px;transition: all .4s ease;background: #f2f6f9;}
.newsDet-hot-con .date{color: #4c5664;transition: all .4s ease;}
.newsDet-hot-slide:hover .newsDet-hot-con{background: #b60210;}
.newsDet-hot-slide:hover .newsDet-hot-con .label{background: #fff;color: #b60210;}
.newsDet-hot-slide:hover .newsDet-hot-con .title,.newsDet-hot-slide:hover .newsDet-hot-con .date{color: #fff;}
/* Product - List */
.proNav{border-bottom: 1px solid #e7ebee;}
.proNav-list{justify-content: center;}
.proNav-item{flex-direction: column;height: 158px;margin-left: 160px;}
.proNav-item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 3px;background: #d1292e;opacity: 0;}
.proNav-item i{height: 42px;width: 52px;}
.proNav-item i img{transition: all .4s ease;max-height: 100%;}
.proNav-item i img.h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.proNav-item span{margin-top: 10px;display: block;}
.proNav-item:hover i img.s,.proNav-item.active i img.s{opacity: 0;}
.proNav-item:hover i img.h,.proNav-item.active i img.h{opacity: 1;}
.proNav-item.active::after{opacity: 1;}
.proList{margin-left: -48px;}
.proItem{margin: 48px 0 0 48px;width: calc((100% / 3) - 48px);padding: 16px;border: 1px solid #e7ebee;}
.proItem-img{height: 270px;background: #f4f3f3;}
.proItem-img img{max-width: 70%;max-height: 70%;}
.proItem-con .line{height: 1px;background: #d5d8db;}
.proItem-con .line::after{content: "";position: absolute;right: 0;top: 0;width: 0;height: 100%;background: #d1292e;transition: all .5s ease;}
.proItem:hover{border-color: #d1292e;box-shadow: 0 8px 20px rgba(0, 0, 0, .12);}
.proItem:hover .proItem-img img{transform: scale(1.1);}
.proItem:hover .proItem-con .line::after{right: auto;left: 0;width: 100%;}
/* Product - Details */
.proDet-left{background: #f8f8f8;width: 42%;align-items: flex-start;}
.proDet-loop{width: 430px;max-width: 80%;position: sticky;top: 100px;padding-bottom: 40px;overflow: hidden;}
.proDet-gallery{width: 200%;}
.proDet-gallery-more{height: 600px; }
.proDet-gallery-more img{max-height: 70%;}
.proDet-loop-more{overflow: visible; width: 96px;height: 82px;flex-direction: column;position: relative;margin-right: 32px;transition: all .4s ease;}
.proDet-loop-more::after{content: "";position: absolute;right: -17px;top: 50%;transform: translateY(-50%);width: 1px;height: 50%;background: #d1292e;}
.proDet-loop-more i{display: block;transition: all .4s ease;}
.proDet-loop-more span{display: block;margin-top: 5px;}
.proDet-loop-more:hover{background: #b60210;}
.proDet-loop-more:hover i{transform: translateY(-4px);}
.proDet-thumbs{width: calc(100% - 128px);}
.proDet-thumbs-year{height: 82px;background: #fff;position: relative;}
.proDet-thumbs-year::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 30%;height: 2px;background: #d1292e;opacity: 0;}
.swiper-slide-active .proDet-thumbs-year::after,.proDet-thumbs-year.active::after{opacity: 1;}
.proDet-thumbs-year img{max-width: 50%;max-height: 70%;}
.proDet-right{width: 58%;padding: 40px 100px 120px;padding-right: var(--widDb);}
.proDet-info .desc{border-top: 1px solid #d5d8db;border-bottom: 1px solid #d5d8db;}
/* .proDet-info .desc p{position: relative;padding-left: 24px;}
.proDet-info .desc p::after{content: "";position: absolute;left: 6px;top: 12px;width: 5px;height: 5px;border-radius: 50%;background: #d1292e;} */
.proDet-hot-title{border-bottom: 1px solid #d5d8db;}
.proDet-hot .proList{margin: 0;}
.proDet-hot .proItem{margin: 25px 0 0;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 22px;border-radius: 10px;}
.proDet-hot .proItem-img{width: 37.5%;height: 100%;}
.proDet-hot .proItem-con{width: 57%;}
.proDet-hot .proItem-con .title{margin-top: 0;}
.proDet-hot .proItem-con .line{margin-top: 50px;}
/* Product - List*/
.pro2-up{margin-top: -70px;position: relative;z-index: 10;}
.pro2Show-con{width: 43%;padding: 90px 100px 0 70px;background: #fff;}
.pro2Show-con .title:hover{color: #d1292e;}
.pro2Show-con .text{color: #828891;}
.pro2Show-img{width: 57%;}
.pro2Show-img img{width: 100%;height: 550px;}
.pro2List{margin-left: -48px;}
.pro2Item{margin: 48px 0 0 48px;width: calc((100% / 3) - 48px);display: flex;flex-direction: column;}
.pro2Item-img img{width: 100%;height: 300px;}
.pro2Item-con{background: #fff;transition: all .4s ease;padding: 30px 25px 50px;flex: 1;}
.pro2Item:hover .pro2Item-con{background: #b60210;}
.pro2Item:hover .pro2Item-con .title{color: #fff;}
.pro2Item:hover .pro2Item-con .text{color: rgba(255, 255, 255, .8);}
/* Product - Details (Lithium Battery) */
.proDet2-ban .pagesBan-con .contain{align-items: flex-start;text-align: left;}
.proDet2-ban .pagesBan-bg img{height: auto;min-height: 250px;}
.proDet2-intro .contain{justify-content: space-between;align-items: center;}
.proDet2-intro-con{width: 46%;}
.proDet2-intro-img{width: 45%;}
.proDet2-intro-img img{width: 100%;height: 400px;transition: all 2s linear;}
.proDet2-intro-img:hover img{transform: scale(1.08);}
.proDet2-td{background: url('../image/proDet2-td-bg.jpg') no-repeat center/cover;}
.proDet2-td-head{justify-content: space-between;align-items: flex-end;}
.proDet2-td-btn .btn{width: 50px;height: 50px;user-select: none;cursor: pointer;border-radius: 50%;border: 2px solid #fff;font-size: 13px;}
.proDet2-td-btn .btn.next{transform: rotate(180deg);margin-left: 12px;}
.proDet2-td-btn .btn:hover{background: #d1292e;border-color: #d1292e;}
.proDet2-td-swp .swiper-container{overflow: visible;}
.proDet2-td-swp .swiper-slide{height: auto;padding-top: 10px;}
.proDet2-td-slide{height: 100%; padding: 60px 50px; background: rgba(255, 255, 255, .9);transition: all .4s ease;}
.proDet2-td-slide:hover{transform: translateY(-10px);}
.proDet2-td-slide .page{color: #cfcfcf;padding-bottom: 4px;}
.proDet2-td-slide .page::after{content: "";position: absolute;left: 0;bottom: 0;width: 26px;height: 3px;background: #d1292e;}
.proDet2-td-slide:hover{background: #fff;}
.proDet2-app .proDet2-td-btn .btn{border-color: #dae4eb;color: #dae4eb;}
.proDet2-app .proDet2-td-btn .btn:hover{background: #d1292e;border-color: #d1292e;color: #fff;}
.proDet2-app-img img{width: 100%;height: 320px;transition: all 2s linear;}
.proDet2-app-con{background: #f2f3f5;display: flex;align-items: center;height: 90px;padding: 0 40px;}
.proDet2-app-slide:hover .proDet2-app-img img{transform: scale(1.1);}
.proDet2-params{background: url('../image/proDet-params-bg.jpg') no-repeat center/cover;}
.proDet2-params-table{padding: 50px 80px;background: rgba(255, 255, 255, .15);border: 1px solid rgba(255, 255, 255, .25);backdrop-filter: blur(3px);}
.proDet2-params-table table{width: 100%;}
.proDet2-params-table td{border: 1px solid rgba(255, 255, 255, .25);padding: 10px 20px 10px 65px;}
.proDet2-params-table td.one{padding: 0 50px;text-align: center;}
/* aboutus */
.abIntro{background: url('../image/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('../image/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('../image/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(5,69,137,1) 10%,  rgba(5,69,137,.5) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.abFZ-left .year{font-size: 10.5vw; background: -webkit-linear-gradient(top, rgba(5,69,137,1) 50%,  rgba(5,69,137,.5) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.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: #b60210;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: #b60210;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);}
/* .indPro-svg:nth-child(5){transform: rotate(288deg);} */
.indPro-svg path{fill:none;stroke:#fff;stroke-width:2;stroke-miterlimit:10;fill-rule: evenodd;}
/* Technology and R&D - R&D Strength */
.techsl{width: 100%;}
.techslJj{background: #fff;}
.techslJj-cont{width: 100%;}
.techslJj-cont .title{width: 444px;}
.techslJj-cont .text{width: calc(100% - 444px);}
.techslJs{background: #edf2f7 url("https://www.realdesign.com.cn/static/home/en/images/pages/techsl1Bg.jpg") no-repeat center/cover;}
.techslJs-loop{width: 100%;position: relative;}
.techslJs-loop .swiper-container{overflow: visible;}
.techslJs-loop .swiper-slide{height: auto;}
.techslJs-link{width: 100%;display: block;background: #fff;height: 100%;}
.techslJs-link .img{width: 100%;overflow: hidden;}
.techslJs-link .img img{width: 100%;height: 374px;}
.techslJs-link .cont{padding: 40px 28px 60px;}
.techslJs-control{width: 100%;align-items: center;}
.techslJs-btn .btn{width: 50px;height: 50px;transition: all .4s ease; border-radius: 50%;user-select: none;cursor: pointer;font-size: 14px;margin-right: 12px;border: 2px solid #bbc5cc;color: #bbc5cc;line-height: 1;}
.techslJs-btn .btn.next{transform: rotate(180deg);margin-right: 0;}
.techslJs-btn .btn:hover{background: #d1292e;color: #fff;border-color: #d1292e;}
.techslJs-control .swiper-pagination{position: relative;flex: 1;height: 2px;background: #dae4eb;bottom: 0;margin-left: 32px;}
.techslJs-control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{top: -1px;height: 3px;background: #d1292e;}
.techslTd{background: #fbfcff;}
.techslTd img.bg{width: 1920px;position: absolute;left: 50%;bottom: -8px;margin-left: -960px;max-width: none;}
.techslTd .contain{position: relative;z-index: 4;}
.techslTd-cont{max-width: 1180px;margin: 0 auto;text-align: center;}
.techslTd-cont b{color: #b60210;font-weight: 500;}
.techslTd-wrap{width: 772px;height: 506px;margin-left: auto;margin-right: auto;position: relative;display: flex;align-items: flex-end;justify-content:center;}
.techslTd-main{width: 274px;height: 274px;box-shadow: 0px 0px 80px 0px rgba(5, 69, 134, 0.14);background: #fff;border-radius: 50%;text-align: center;padding: 20px;position: relative;z-index: 6;}
.techslTd-main img{position: absolute;width: 81%;height: 81%;top: 9.5%;left: 9.5%;}
.techslTd-main .title{position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.techslTd-list{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.techslTd-list li{width: 170px;height: 170px;display: flex;align-items: center;justify-content: center;position: absolute;}
.techslTd-list li::before{content: "";position: absolute;width: 100%;height: 100%;animation: zhuanCircle 40s linear infinite;top: 0;left: 0;border-radius: 50%;border: 1px dashed #b60210;}
.techslTd-list li .cont{position: relative;z-index: 4;background: #fff;border-radius: 50%;width: 132px;height: 132px;flex-direction: column;box-shadow: 0px 0px 16px 0px rgba(5, 69, 134, 0.1);}
.techslTd-list li .cont .ico{width: 35px;height: 35px;display: flex;align-items: flex-end;justify-content: center;margin: 0 auto;}
.techslTd-list li .cont .ico img{max-height: 100%;}
.techslTd-list li .cont .title{line-height: 1.2;margin-top: 8px;}
.techslTd-list li:nth-child(2n)::before{animation-name: zhuanCircleFan;}
.techslTd-list li:nth-child(1), .techslTd-list li:nth-child(5){bottom: 11.5%;}
.techslTd-list li:nth-child(2), .techslTd-list li:nth-child(4){top: 13%;}
.techslTd-list li:nth-child(3){top: 0;left: 50%;transform: translateX(-50%);}
.techslTd-list li:nth-child(1){left: 0;}
.techslTd-list li:nth-child(5){right: 0;}
.techslTd-list li:nth-child(2){left: 10%;}
.techslTd-list li:nth-child(4){right: 10%;}
@keyframes zhuanCircle{0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes zhuanCircleFan{0%{transform: rotate(0);}100%{transform: rotate(-360deg);}}
.techslHy{background: #fff;}
.techslHy img.bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.techslHy .contain{position: relative;z-index: 4;}
.techslHy-list{width: 100%;}
.techslHy-list li{position: relative;padding: 0 34px;color: #fff;width: 21%;}
.techslHy-list li::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, .1);}
.techslHy-list li:first-child:before{display: none;}
.techslHy-list li:first-child{width: 37%;}
.techslHy-list li .ico{height: 62px;display: flex;align-items: flex-end;}
.techslHy-list li .ico img{max-height: 100%;}
.techslHy-list li .more{display: flex;flex-wrap: wrap;}
.techslHy-list li .more .text{margin-right: 48px;max-width: 200px;}
.techslHy-list li .more .text:last-child{margin-right: 0;}
.techslHz{background: #edf2f7 url("../image/techsl4bg.jpg") no-repeat center/cover;}
.techslHz-cont{max-width: 1180px;margin: 0 auto;}
.techslHz-loop{width: 100%;}
.techslHz-loop .swiper-container{overflow: visible;}
.techslHz-loop .swiper-wrapper{flex-wrap: wrap;width: auto;margin: -30px 0 0 -30px;}
.techslHz-loop .swiper-slide{width: calc(100%/6 - 30px);margin: 30px 0 0 30px;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;height: auto;}
.techslHz-link{display: block;transition: all .4s ease; width: 100%;text-align: center;height: 400px;padding: 14px 14px 32px;box-shadow: 0px 13px 49px 0px rgba(5, 69, 134, 0.1);border: 1px solid #fff;background: linear-gradient(0, #bcd5ee 0%, #fff 100%);}
.techslHz-link:hover{transform: translateY(-10px);}
.techslHz-link .ico{width: 100%;display: flex;justify-content: center;align-items: flex-end;height: 84px;}
.techslHz-link .ico img{max-height: 100%;}
.techslHz-loop .swiper-slide:nth-child(2n) .techslHz-link{margin-top: 40px;}
.techslHz-loop .swiper-pagination{bottom: 0;font-size: 0;display:none;position: relative;}
.techslHz-loop .swiper-pagination-bullet{width: 16px;height: 2px;border-radius: 0;background: #dae4eb;opacity: 1;margin: 0 0 0 6px !important;}
.techslHz-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.techslHz-loop .swiper-pagination-bullet-active {background: #d1292e;}
/* Technology and R&D - Lean Production */
.techsc{width: 100%;}
.techsc-title{max-width: 1220px;margin: 0 auto;position: relative;z-index: 10;transform: translate3d(0,0,10px);}
.techscBj{background: #fff;}
.techscBj .techsc-title{max-width: none;}
.techscBj .techsc-title .title, .techscBj .techsc-title .text{padding: 0 12.5%;position: relative;}
.techscBj .techsc-title .text{background: url("../image/techsc1.png") no-repeat center top 0.3em/100% auto;}
.techscBj-wrap{width: 100%;position: relative;background: #25313d;}
.techscBj-imgs{width: 100%;position: relative;}
.techscBj-imgs::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, .38);}
.techscBj-imgs .swiper-slide{height: auto;}
.techscBj-imgs .img{display: block;width: 100%;height: 100%;}
.techscBj-imgs .img img{width: 100%;height: 100%;min-height: 320px;}
.techscBj-menu{position: absolute;width: 100%;left: 0;bottom: 11%;color: #fff;z-index: 4;transform: translate3d(0,0,12px);user-select: none;}
.techscBj-menu-list{width: 100%;}
.techscBj-menu-list ul{margin: -30px 0 0 -30px;}
.techscBj-menu-list li{width: calc(25% - 30px);margin: 30px 0 0 30px;height: 140px;background: rgba(255, 255, 255, .1);transition: background .4s ease;cursor: pointer;flex-direction: column;}
.techscBj-menu-list li .num{color: transparent;-webkit-text-stroke: 1px #fff;line-height: 1;opacity: 0.2;}
.techscBj-menu-list li .text{margin-top: -1.5em;}
.techscBj-menu-list li.active, .techscBj-menu-list li:hover{background: #d1292e;}
.techscZz{background: #fff url("../image/techsc2bg.jpg") no-repeat center bottom/100% auto;}
.techscZz-wrap{justify-content: space-between;}
.techscZz-menu{width: 320px;background: #fff;padding: 28px;}
.techscZz-menu a{display: flex;align-items: center;height: 50px;border-radius: 25px;padding-left: 16%;width: 100%;margin-top: 16px;transition: all .4s ease;}
.techscZz-menu a:first-child{margin-top: 0;}
.techscZz-menu a.active, .techscZz-menu a:hover{background: #b60210;color: #fff;}
.techscZz-more{width: calc(100% - 320px - 10px);background: #fff;padding: 28px 54px 40px;}
.techscZz-more .items{width: 100%;display: none;}
.techscZz-more .items.active{display: block;}
.techscZz-cont img{max-width: 100%;}
.techscNl{background: #f8fafd;height: 1068px;}
.techscNl-map{width: 583px;height: 583px;margin: 80px auto 0;position: relative;display: flex;align-items: center;justify-content: center;}
.techscNl-main{position: relative;z-index: 10;transform: translate3d(0,0,10px);width: 285px;height: 285px;padding-top: 12px;}
.techscNl-main img{max-width: 90%;position: relative;z-index: 5;transform: translate3d(0,0,10px);}
.techscNl-map::before, .techscNl-map::after, .techscNl-main::before,.techscNl-list li::before{position: absolute;content: "";animation: zhuanCircle 70s linear infinite;}
.techscNl-map::before{width: 158%;height: 158%;background: url("../image/techsc3_4.png") no-repeat center/100%;left: 50%;top: 50%;left: -29%;top: -29%;}
.techscNl-map::after{width: 100%;height: 100%;animation-name: zhuanCircleFan;background: url("../image/techsc3_3.png") no-repeat center/100%;left: 0;top: 0;}
.techscNl-main::before{width: 100%;height: 100%;background: url("../image/techsc3_2.png") no-repeat center/100%;left: 0;top: 0;}
.techscNl-list{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 6;}
.techscNl-list li{width: 130px;height: 130px;display: flex;align-items: center;justify-content: center;position: absolute;padding: 4px;}
.techscNl-list li .text{background: #f3f5f8;position: relative;z-index: 4;transform: translate3d(0,0,4px);width: 100%;height: 100%;border-radius: 50%;}
.techscNl-list li::before{width: 100%;height: 100%;top: 0;left: 0;border-radius: 50%;border: 2px dotted #d8d8d8;}
.techscNl-list li:nth-child(1), .techscNl-list li:nth-child(4){left: 50%;margin-left: -58px;}
.techscNl-list li:nth-child(1){top: -58px;}
.techscNl-list li:nth-child(4){bottom: -50px;}
.techscNl-list li:nth-child(2), .techscNl-list li:nth-child(6){top: 19%;}
.techscNl-list li:nth-child(3), .techscNl-list li:nth-child(5){bottom: 19%;}
.techscNl-list li:nth-child(2), .techscNl-list li:nth-child(3){right: -30px;}
.techscNl-list li:nth-child(5), .techscNl-list li:nth-child(6){left: -30px;}
/* Technology and R&D - Quality Management */
.techgl{width: 100%;}
.techgl-title{max-width: 920px;margin: 0 auto;position: relative;z-index: 10;transform: translate3d(0,0,10px);}
.techglLn{background: #fff;}
.techglLn-list{width: 100%;}
.techglLn-list ul{margin-left: -24px;flex-wrap: nowrap;}
.techglLn-list li{width: 232px;margin-left: 24px;position: relative;overflow: hidden;color: #fff;}
.techglLn-list li.active{width: calc(100% - 232px*2 - 24px*3);}
.techglLn-list li img{height: 100%;position: absolute;max-width: none;object-fit: fill;top: 0;left: 0;}
.techglLn-list li:nth-child(2n){margin-top: 40px;}
.techglLn-title{position: absolute;width: 100%;height: 100%;z-index: 2;background: rgba(5, 69, 134, 0.5);top: 0;left: 0;transition: opacity .4s ease}
.techglLn-cont{position: absolute;opacity: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 60px;transition: opacity .4s ease;width: 100%;height: 100%;z-index: 2;background: linear-gradient(to bottom,transparent 40%,rgba(35,35,35,0.8));top: 0;left: 0;}
.techglLn-list li.active .techglLn-title{opacity: 0;transition: opacity .4s ease .2s;}
.techglLn-list li.active .techglLn-cont{opacity: 1;transition: opacity .4s ease .2s;}
.techglGk{background: #fff;}
.techglGk img.bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.techglGk .contain{position: relative;z-index: 4;}
.techglGk-list{width: 100%;background: rgba(255, 255, 255, .1);padding: 42px;position: relative;}
.techglGk-list::before{content: "";position: absolute;width: 100%;height: 1px;background: rgba(255, 255, 255, .2);top: 126px;left: 0;}
.techglGk-list .swiper-container{overflow: visible;}
.techglGk-list .swiper-wrapper{flex-wrap: wrap;width: auto;justify-content: space-between;}
.techglGk-list .swiper-slide{width: 20%;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;height: auto;position: relative;}
.techglGk-list .swiper-slide::after{content: "\e80b";top: 78px;right: -70px;position: absolute;font-family: "icon";color: #fff;transform: rotate(180deg);line-height: 1;font-size: 12px;}
.techglGk-list .swiper-slide:last-child::after{display: none;}
.techglGk-cont{width: 100%;color: #fff;}
.techglGk-cont .ico{display: flex;flex-direction: column;align-items: center;}
.techglGk-cont .ico p{width: 60px;height: 60px;border: 1.5px solid #fff;border-radius: 50%;}
.techglGk-cont .ico p img{max-width: 38px;max-height: 38px;}
.techglGk-cont .ico i{width: 8px;height: 8px;border-radius: 50%;background: #fff;position: relative;margin-top: 20px;}
.techglGk-cont .ico i::before{content: "";position: absolute;width: 16px;height: 16px;border-radius: 50%;border: 1px solid #fff;margin: -8px 0 0 -8px;top: 50%;left: 50%;}
.techglGk-cont .title{margin: 28px 0 12px;}
.techglGk-cont .title,.techglGk-cont .text{padding: 0 20px;}
.techglGk-cont .text p{margin-top: 12px;}
.techglGk-list .swiper-pagination{bottom: 0;font-size: 0;display:none;position: relative;}
.techglGk-list .swiper-pagination-bullet{width: 16px;height: 2px;border-radius: 0;background: #dae4eb;opacity: 1;margin: 0 0 0 6px !important;}
.techglGk-list .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.techglGk-list .swiper-pagination-bullet-active {background: #d1292e;}
.techglTx{background: #fbfcfe url("../image/techgl3bg.jpg") no-repeat center/cover;}
.techglTx-loop{width: 100%;}
.techglTx-link{width: 100%;height: 454px;}
.techglTx-loop .swiper-slide:nth-child(2n+1) .techglTx-link{padding-top: 100px;}
.techglTx-link-a{display: block;width: 100%;position: relative;max-width: 318px;margin: 0 auto;}
.techglTx-link-a .text, .techglTx-link-a .img{position: relative;z-index: 4;}
.techglTx-link-a .text{padding: 0 40px;min-height: 40px;width: 100%;text-align: center;max-width: 280px;margin: 0 auto;}
.techglTx-link-a .text::before, .techglTx-link-a .text::after{content: "";position: absolute;width: 20px;height: 36px;left: 0;top: 50%;margin-top: -18px;background: url("../image/techgl3ic.png") no-repeat center/100% auto;}
.techglTx-link-a .text::after{left: auto;right: 0;transform: rotateY(180deg);}
.techglTx-link-a .img{width: 100%;text-align: center;}
.techglTx-link-a .img img{max-width: 200px;max-height: 200px;}
.techglTx-link-a .img i{position: absolute;width: 44px;height: 44px;border-radius: 50%;background: #d1292e;color: #fff;line-height: 1;font-size: 20px;top: 50%;left: 50%;margin: -22px 0 0 -22px;transition: all .4s ease;display: flex;align-items: center;justify-content: center;opacity: 0;transform: scale(0);}
.techglTx-link-a:hover .img i{opacity: 1;transform: scale(1);}
.techglTx-link-a::after{width: 100%;content: "";pointer-events: none;height: 106px;position: absolute;bottom: -80px;left: 0;background: url("../image/techgl3sd.png") no-repeat center bottom/100% auto;}
.techglFc{background: #f9fafc url("../image/techgl4bg.jpg") no-repeat center/cover;}
.techglFc-menu{width: 100%;justify-content: center;}
.techglFc-menu a{display: flex;align-items: center;justify-content: center;height: 48px;border: 2px solid #5c6571;color: #5c6571;border-radius: 24px;line-height: 1;min-width: 126px;padding: 0 20px;transition: all .4s ease;margin-right: 20px;}
.techglFc-menu a:last-child{margin-right: 0;}
.techglFc-menu a.active,.techglFc-menu a:hover{background: #d1292e;border-color: #d1292e;color: #fff;}
.techglFc-more{width: 100%;background: #fff;}
.techglFc-more .items{width: 100%;display: none;}
.techglFc-more .items.active{display: block;}
.techglFc-info{width: 100%;overflow: hidden;}
.techglFc-info .img, .techglFc-info .cont{width: 50%;}
.techglFc-info .img img{width: 100%;}
.techglFc-info .cont{position: relative;padding: 40px 64px;display: flex;flex-direction: column;justify-content: center;}
.techglFc-info .cont .title, .techglFc-info .cont .text{position: relative;z-index: 4;}
.techglFc-info .cont .num{position: absolute;line-height: 1;right: 64px;bottom: -16px;color: transparent;-webkit-text-stroke: 1px #a6b1c7;opacity: 0.2;user-select: none;}
/* Contact Us */
.rel{width: 100%;}
.relXx{background: #f7f9fb url("../image/rel1bg.jpg") no-repeat center/cover;}
.relXx-list{width: 100%;}
.relXx-list ul{margin: -30px 0 0 -30px;}
.relXx-list li{width: calc(100%/3 - 30px);margin: 30px 0 0 30px;}
.relXx-link{width: 100%;display: block;padding: 40px 38px;background: #f2f2f2;transition: box-shadow .4s ease;height: 100%;}
.relXx-link .ico{height: 40px;display: flex;align-items: flex-end;}
.relXx-link .ico img{max-height: 100%;}
.relXx-link:hover{box-shadow: 0 0 16px rgba(5, 69, 134, 0.2);}
.relBd{background: #e7ebef url("../image/rel2bg.jpg") no-repeat center/cover;}
.relBd-wrap{width: 100%;background: #fff;padding: 60px 48px;}
.relBd-from{width: calc(100% - 442px);padding-right: 48px;}
.relBd-from ul{margin: -30px 0 0 -34px;}
.relBd-from li{width: calc(50% - 34px);margin: 30px 0 0 34px;}
.relBd-from li.long{width: calc(100% - 34px);}
.relBd-from li.other{margin-top: 20px;}
.relBd-from li .hint{font-size: 14px;color: #4c5664;line-height: 1;height: 28px;}
.relBd-from li .hint span, .relBd-from li .tell span{color: #d1292e;margin-right: 5px;}
.relBd-from li input, .relBd-from li textarea{width: 100%;display: block;background: transparent;border-radius: 10px;height: 50px;font-size: 14px;color: #222;padding: 0 18px;transition: border .4s ease;border: 1px solid #d1d8de;}
.relBd-from li textarea{padding: 14px 18px;height: 110px;}
.relBd-from li input:focus, .relBd-from li textarea:focus{border-color: #75a9dd;}
.relBd-from li .tell{font-size: 14px;color: #999;display: flex;}
.relBd-from li .tell a{transition: color .4s ease;}
.relBd-from li .tell a:hover{color: #b60210;}
.relBd-from-mix{width: 100%;justify-content: space-between;}
.relBd-from-code{width: auto;}
.relBd-from li .relBd-from-code input{width: 280px;}
.relBd-from-code .img{max-width: 160px;display: flex;align-items: center;height: 50px;cursor: pointer;margin-left: 16px;border-radius: 10px;overflow: hidden;}
.relBd-from-code .img img{height: 100%;object-fit: fill;}
.relBd-from li button{padding: 0 54px;height: 50px;border-radius: 25px;background: #d1292e;cursor: pointer;line-height: 1;color: #fff;font-size: 16px;transition: all .4s ease;}
.relBd-from li button span{position: relative;}
.relBd-from li button i{font-size: 14px;position: absolute;top: 50%;margin-top: -7px;right: -26px;transform: rotate(180deg);transition: transform .4s ease;}
.relBd-from li button:hover{box-shadow: 0 4px 20px rgba(209, 41, 46, 0.3);}
.relBd-from li button:hover i{transform: rotate(180deg) translateX(4px);}
.relBd-info{width: 442px;padding-left: 48px;border-left: 1px solid #d1d8de;}
.relBd-info-img{width: 100%;}
.relBd-info-img img{width: 100%;}
.relBd-info-text{width: 100%;}
.relBd-info-text .text{line-height: 1.2;margin-top: 8px;}
.relBd-info-code{width: 100%;}
.relBd-info-code li{width: auto;margin-right: 14px;text-align: center;}
.relBd-info-code li:last-child{margin-right: 0;}
.relBd-info-code li .img{width: 120px;height: 120px;margin: 0 auto;border: 1px solid #c7d7e6;}
.relBd-info-code li .img img{max-height: 100%;}
/* Contact Us - Join Us */
.reljr{width: 100%;}
.reljrHj{background: #fff;}
.reljrHj .contain{width: 100%;padding-left: var(--widDb);}
.reljrHj-wrap{width: 100%;align-items: flex-end;}
.reljrHj-info{width: 100%;padding-right: 70px;}
.reljrHj-title{width: 100%;line-height: 1.3;}
.reljrHj-menu{width: 100%;}
/* .reljrHj-menu a{width: 100%;user-select: none;padding: 20px 0;border-bottom: 1px solid #dce3e9;display: block;position: relative;} */
.reljrHj-menu a::after{content: "";position: absolute;width: 0;height: 2px;right: 0;bottom: -1px;background: #b60210;opacity: 0;transition: width .6s ease,opacity .1s ease .6s}
.reljrHj-menu a .name{transition: color .4s ease;}
.reljrHj-menu a .text{height: 0;overflow: hidden;transition: all .4s;}
.reljrHj-menu a.active .name, .reljrHj-menu a:hover .name{color: #000;}
.reljrHj-menu a.active .text{margin-top: 8px;}
.reljrHj-menu a.active::after{right: auto;opacity: 1;left: 0;width: 100%;transition: width .6s ease .1s,opacity .1s ease;}
.reljrHj-loop{width: calc(100% - 550px);overflow: hidden;position: relative;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.reljrHj-loop .swiper-container{width: 860px;overflow: visible;margin: 0;}
.reljrHj-loop .swiper-slide{height: auto;}
.reljrHj-loop .img{width: 100%;height: 100%;}
.reljrHj-loop .img img{width: 100%;height: 100%;max-height: 500px;}
.reljrHj-loop .swiper-pagination{font-size: 0;bottom: 26px;}
.reljrHj-loop .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff;opacity: 1;position: relative;margin: 0 10px !important;}
.reljrHj-loop .swiper-pagination-bullet::after{content: "";position: absolute;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #d1292e;top: 50%;left: 50%;margin: -10px 0 0 -10px;transform: scale(0);opacity: 0;transition: all .4s ease;}
.reljrHj-loop .swiper-pagination-bullet-active {opacity: 1;background: #d1292e;}
.reljrHj-loop .swiper-pagination-bullet-active::after{opacity: 1;transform: scale(1);}
.reljrHd{background: #fff;}
.reljrHd-loop{width: 100%;}
.reljrHd-loop .swiper-slide{height: auto;}
.reljrHd-loop .img{width: 100%;height: 100%;}
.reljrHd-loop .img img{width: 100%;height: 100%;max-height: 260px;}
.reljrZp{background: #fff;}
.reljrZp img.bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.reljrZp .contain{position: relative;z-index: 4;}
.reljrZp-list{width: 100%;}
.reljrZp-list ul{margin: -40px 0 0 -40px;}
.reljrZp-list li{width: calc(100%/3 - 40px);margin: 40px 0 0 40px;}
.reljrZp-link{display: block;width: 100%;height: 100%;background: #fff;padding: 46px;transition: box-shadow .4s ease;}
.reljrZp-link .head{align-items: center;}
.reljrZp-link .head .ico{width: 48px;height: 48px;display: flex;align-items: center;}
.reljrZp-link .head .ico img{max-height: 100%;}
.reljrZp-link .head .cont{width: calc(100% - 48px);padding-left: 22px;}
.reljrZp-link .head .cont .tags{align-items: center;}
.reljrZp-link .head .cont .tags i{margin-right: 8px;}
.reljrZp-link .arrow{line-height: 1;}
.reljrZp-link .arrow i{transform: rotate(180deg);transition: all .4s ease;}
.reljrZp-link:hover{box-shadow: 0 0 20px rgba(5, 69, 134, 0.2);}
.reljrZp-link:hover .head .cont .name{color: #b60210;}
.reljrZp-link:hover .arrow i{color: #b60210;transform: rotate(180deg) translateX(-6px);}




/* -------------------------PC end--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .newsShow-con{padding-left: 55px;}
    .newsItem-img img{height: 210px;}
    .newsItem-con{padding: 0 50px;}
    .newsShow-img{border-top-left-radius: 60px;}
    .newsDet-hot-img img{height: 235px;}
    .newsDet-hot-con{padding: 25px 30px 40px;}
    .proNav-item {height: 140px;margin-left: 110px;}
    .proNav-item i{height: 38px;width: 46px;}
    .proList{margin-left: -35px;}
    .proItem{margin: 35px 0 0 35px;width: calc((100% /3 ) - 35px);}
    .proItem-img{height: 230px;}
    .proDet-loop{width: 350px;}
    .proDet-gallery-more{height: 500px;}
    .proDet-loop-more{height: 70px;margin-right: 20px;width: 84px;}
    .proDet-loop-more::after{right: -10px;}
    .proDet-loop-more i{width: 24px;}
    .proDet-thumbs{width: calc(100% - 104px);}
    .proDet-thumbs-year{height: 70px;}
    .proDet-right{padding: 30px 70px 100px;}
    .pro2-up{margin-top: -50px;}
    .pro2Show-con{padding: 60px 70px 0 50px;}
    .pro2Show-img img{height: 450px;}
    .pro2List{margin-left: -35px;}
    .pro2Item{margin: 35px 0 0 35px;width: calc((100% / 3) - 35px);}
    .pro2Item-img img{height: 250px;}
    .pro2Item-con{padding: 22px 25px 35px;}
    .pagesBan-bread{bottom: 35px;}
    .proDet2-intro-img img{height: 340px;}
    .proDet2-td-slide{padding: 40px 35px;}
    .proDet2-app-img img{height: 270px;}
    .proDet2-app-con{height: 80px;padding: 0 30px;}
    .proDet2-params-table{padding: 35px 60px;}
    .proDet2-params-table td{padding: 8px 15px 8px 45px;}
    .proDet2-params-table td.one{padding: 0 35px;}
    .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;}
    .techslJj-cont .title {width: 350px;}
    .techslJj-cont .text {width: calc(100% - 350px);}
    .techslJs-btn .btn {width: 46px;height: 46px;}
    .techslJs-control .swiper-pagination {margin-left: 26px;}
    .techslJs-link .img img{height: 314px;}
    .techslJs-link .cont {padding: 36px 24px 50px;}
    .techslTd img.bg {bottom: -42px;}
    .techslHy-list li:first-child {width: 40%;}
    .techslHy-list li {padding: 0 30px;width: 20%;}
    .techslHy-list li .more .text {margin-right: 40px;max-width: 190px;}
    .techslHz-loop .swiper-wrapper{margin: -24px 0 0 -24px;}
    .techslHz-loop .swiper-slide{width: calc(100%/6 - 24px);margin: 24px 0 0 24px;}
    .techslHz-link{height: 400px;padding: 10px 10px 4px;}
    .techslHz-loop .swiper-slide:nth-child(2n) .techslHz-link{margin-top: 30px;}
    .techscBj-menu-list ul {margin: -24px 0 0 -24px;}
    .techscBj-menu-list li {width: calc(25% - 24px);margin: 24px 0 0 24px;height: 100px;}
    .techscBj-menu-list li .text {margin-top: -1.1em;}
    .techscZz-menu {width: 260px;padding: 24px;}
    .techscZz-menu a {height: 46px;border-radius: 23px;margin-top: 12px;}
    .techscZz-more {width: calc(100% - 260px - 10px);padding: 24px 40px 36px;}
    .techscNl {height: 1000px;}
    .techglLn-list ul {margin-left: -20px;}
    .techglLn-list li {width: 220px;margin-left: 20px;}
    .techglLn-list li.active {width: calc(100% - 220px*2 - 20px*3);}
    .techglLn-cont{padding: 50px;}
    .techglLn-list li:nth-child(2n) {margin-top: 30px;}
    .techglGk-list{padding: 32px;}
    .techglGk-list::before{top: 116px;}
    .techglGk-list .swiper-slide::after{right: -56px;}
    .techglTx-loop .swiper-slide:nth-child(2n+1) .techglTx-link {padding-top: 30px;}
    .techglTx-link {height: 368px;}
    .techglFc-menu a {height: 44px;border-radius: 22px;min-width: 120px;padding: 0 16px;margin-right: 16px;}
    .techglFc-info .cont {padding: 30px 50px;}
    .techglFc-info .cont .num {right: 50px;bottom: -12px;}
    .relXx-list ul {margin: -20px 0 0 -20px;}
    .relXx-list li {width: calc(100%/3 - 20px);margin: 20px 0 0 20px;}
    .relXx-link {padding: 30px 16px;}
    .relBd-wrap {padding: 50px 40px;}
    .relBd-info {width: 400px;padding-left: 30px;}
    .relBd-from {width: calc(100% - 400px);padding-right: 30px;}
    .relBd-from ul {margin: -24px 0 0 -28px;}
    .relBd-from li {width: calc(50% - 28px);margin: 24px 0 0 28px;}
    .relBd-from li.long {width: calc(100% - 28px);}
    .relBd-from li input{height: 46px;}
    .relBd-from-code .img {max-width: 150px;height: 46px;margin-left: 12px;}
    .relBd-from li button {padding: 0 44px;height: 46px;border-radius: 23px;}
    .relBd-from li button i {right: -22px;}
    .reljrHj-info {width: 480px;padding-right: 60px;}
    .reljrHj-loop {width: calc(100% - 480px);}
    .reljrHj-loop .swiper-container {width: 730px;}
    .reljrZp-list ul {margin: -28px 0 0 -28px;}
    .reljrZp-list li {width: calc(100%/3 - 28px);margin: 28px 0 0 28px;}
    .reljrZp-link {padding: 36px;}

    .techglGk-cont .text{margin-top: 20px;}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .newsShow-con{padding-left: 45px;}
    .newsShow-img img{height: 410px;}
    .newsItem-img img{height: 200px;}
    .newsItem-con{padding: 0 40px;}
    .newsShow-img{border-top-left-radius: 40px;}
    .newsDet-con .contain{width: 960px;}
    .newsDet-head .date i{font-size: 16px;}
    .newsDet-switch .page{margin-top: 30px;width: 170px;height: 54px;}
    .newsDet-switch .back i{width: 50px;height: 50px;font-size: 20px;}
    .newsDet-hot-img img{height: 185px;}
    .newsDet-hot-con {padding: 22px 25px 30px;}
    .proNav-item {height: 120px;margin-left: 120px;}
    .proNav-item i{height: 36px;width: 44px;}
    .proList{margin-left: -25px;}
    .proItem{margin: 25px 0 0 25px;width: calc((100% /3 ) - 25px);}
    .proItem-img{height: 200px;}
    .proDet-gallery-more{height: 450px;}
    .proDet-right {padding: 30px 50px 70px;}
    .proDet-info .desc p::after{top: 10px;}
    .pro2-up{margin-top: -35px;}
    .pro2Show-con{padding: 40px 40px 0 35px;}
    .pro2Show-img img{height: 360px;}
    .pro2List{margin-left: -25px;}
    .pro2Item{margin: 25px 0 0 25px;width: calc((100% / 3) - 25px);}
    .pro2Item-img img{height: 200px;}
    .pro2Item-con{padding: 18px 18px 30px;}
    .proDet2-intro-img img{height: 270px;}
    .proDet2-td-slide{padding: 25px;}
    .proDet2-td-slide .page{padding-bottom: 0;}
    .proDet2-td-slide .page::after{width: 22px;height: 2px;}
    .proDet2-app-img img{height: 210px;}
    .proDet2-app-con {height: 70px;padding: 0 20px;}
    .proDet2-params-table{padding: 25px 40px;}
    .proDet2-params-table td{padding: 6px 12px 6px 30px;}
    .proDet2-params-table td.one{padding: 0 25px;}
    .abHonor-slide .img{height: 160px;}
    .abWH-list li.active .title{font-size: 20px;}
    .techslJj-cont .title {width: 300px;}
    .techslJj-cont .text {width: calc(100% - 300px);}
    .techslJs-link .img img{height: 252px;}
    .techslJs-link .cont {padding: 30px 20px 40px;}
    .techslTd-main {width: 240px;height: 240px;}
    .techslTd-list li .cont {width: 120px;height: 120px;}
    .techslTd-list li {width: 150px;height: 150px;}
    .techslTd-wrap {width: 670px;height: 436px;}
    .techslTd img.bg {bottom: -32px;width: 1600px;margin-left: -800px;}
    .techslHy-list li {padding: 0 20px;width: auto !important;flex: auto;}
    .techslHy-list li .more .text {margin-right: 30px;max-width: 190px;}
    .techslHy-list li .ico{height: 40px;}
    .techslHz-loop .swiper-wrapper{margin: -16px 0 0 -16px;}
    .techslHz-loop .swiper-slide{width: calc(100%/5 - 16px);margin: 16px 0 0 16px;}
    .techslHz-link{height: 280px;padding: 30px 16px 20px;}
    .techslHz-loop .swiper-slide:nth-child(2n) .techslHz-link{margin-top: 24px;}
    .techscBj-menu-list ul {margin: -18px 0 0 -18px;}
    .techscBj-menu-list li {width: calc(25% - 18px);margin: 18px 0 0 18px;height: 88px;}
    .techscZz-menu {width: 250px;padding: 24px;}
    .techscZz-more {width: calc(100% - 250px - 10px);padding: 24px 30px 36px;}
    .techscNl {height: 880px;}
    .techscNl-main {width: 230px;height: 230px;padding-top: 12px;}
    .techscNl-map {width: 510px;height: 510px;margin-top: 70px;}
    .techscNl-list li {width: 100px;height: 100px;}
    .techscNl-list li:nth-child(1), .techscNl-list li:nth-child(4){margin-left: -50px;}
    .techscNl-list li:nth-child(1){top: -44px;}
    .techscNl-list li:nth-child(2), .techscNl-list li:nth-child(3){right: -24px;}
    .techscNl-list li:nth-child(5), .techscNl-list li:nth-child(6){left: -24px;}
    .techglLn-list ul {margin-left: -14px;}
    .techglLn-list li {width: 160px;margin-left: 14px;}
    .techglLn-list li.active {width: calc(100% - 160px*2 - 14px*3);}
    .techglLn-cont{padding: 36px;}
    .techglLn-list li:nth-child(2n) {margin-top: 20px;}
    .techglGk-list{padding: 32px 20px;}
    .techglGk-list .swiper-slide::after{right: -32px;}
    .techglTx-loop .swiper-slide:nth-child(2n+1) .techglTx-link {padding-top: 0;}
    .techglTx-link {height: 340px;}
    .techglTx-link-a .img{height: 198px;display: flex;align-items: flex-end;justify-content: center;}
    .techglTx-link-a .img img{max-height: 100%;max-width: 100%;}
    .techglFc-menu a {height: 40px;border-radius: 20px;min-width: 110px;padding: 0 16px;margin-right: 12px;}
    .techglFc-info .cont {padding: 30px 30px;}
    .techglFc-info .cont .num {right: 30px;bottom: -10px;}
    .relXx-list li {width: calc(100%/2 - 20px);}
    .relBd-from {width: 100%;padding-right: 0;}
    .relBd-info{width: 100%;padding: 30px 0 0;margin-top: 30px;border-left: none;border-top: 1px solid #d1d8de;}
    .reljrHj-info {width: 380px;padding-right: 40px;}
    .reljrHj-loop {width: calc(100% - 380px);}
    .reljrHj-loop .swiper-container {width: 600px;}
    .reljrHj-menu a {padding: 16px 0;}
    .reljrZp-list ul {margin: -20px 0 0 -20px;}
    .reljrZp-list li {width: calc(100%/3 - 20px);margin: 20px 0 0 20px;}
    .reljrZp-link {padding: 24px;}
    .reljrZp-link .head .cont {padding-left: 16px;}

    
}
/* ------------------------Tablet end-------------------------- */
@media all and (max-width:1100px){
    /* 1024 Landscape screen */
}
@media all and (max-width:1000px){
    /* 720 Vertical screen */
    .pagesBan-scroll{width: 36px;height: 36px;}
    .pagesBan-scroll i{font-size: 12px;}
    .pagesBread{display: none;}
    .pagesBan-bg img{height: 300px;}
    .pagesBan-nav-list{justify-content: center;flex-direction: column;align-items: center;}
    .pagesBan-nav-list .item{width: 180px;height: 36px;padding: 0 14px;font-size: 11px;margin: 10px 0 0;}
    .pagesBan-nav-list .item:first-child{margin-top: 0;}
    .pagesBan-nav-list .item i{font-size: 11px;}
    .newsShow-img{width: 100%;border-radius: 10px 10px 0 0;}
    .newsShow{padding: 40px 4%;}
    .newsShow-img img{height: 210px;}
    .newsShow-con{padding: 20px 15px 40px;border-radius: 0 0 10px 10px;width: 100%;}
    .newsItem{padding: 20px 0;}
    .newsItem-flex{position: relative;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
    .newsItem-img{width: 100%;margin: 0 auto; border-radius: 6px;order: 1;}
    .newsItem-img img{height: 210px;}
    .newsItem-date{order: 2;text-align: left;margin-top: 15px;}
    .newsItem-con{order: 3;width: 100%;flex: unset;padding: 0;margin-top: 5px;}
    .newsItem-con .comMore-box{opacity: 1;}
    .newsDet-head .date i{font-size: 13px;margin-right: 8px;}
    .newsDet-switch::after, .newsDet-switch::before{width: calc(50% - 30px);}
    .newsDet-switch .page{width: 100px;height: 38px;font-size: 12px;margin-top: 25px;}
    .newsDet-switch .page i{margin-right: 6px;font-size: 10px;}
    .newsDet-switch .back{font-size: 12px;}
    .newsDet-switch .back i{width: 42px;height: 42px;font-size: 16px;}
    .newsDet-hot-btn{display: none;}
    .newsDet-hot-img img{height: 210px;}
    .newsDet-hot-con{padding: 25px 15px 40px;}
    .newsDet-hot-pagination .swiper-pagination-bullet{margin: 0 4px;}
    .newsDet-hot-pagination .swiper-pagination-bullet-active{background: #b60210;}
    .proNav-list{justify-content: space-between;padding: 0 15px;}
    .proNav-item{margin-left: 0;height: 100px;font-size: 12px;}
    .proNav-item::after{height: 2px;}
    .proNav-item i {height: 30px;width: 36px;}
    .proList{margin-left: 0;}
    .proItem{margin: 20px 0 0;width: 100%;padding: 15px;}
    .proItem-img{height: 220px;}
    .proItem-con .title{margin-top: 15px;}
    .proDet-left{width: 100%;}
    .proDet-loop{width: 92%;max-width: unset;}
    .proDet-gallery-more{height: 300px;}
    .proDet-gallery-more img{max-height: 80%;}
    .proDet-loop-more {height: 66px;margin-right: 14px;width: 76px;font-size: 12px;}
    .proDet-loop-more::after{right: -7px;}
    .proDet-loop-more i{width: 20px;}
    .proDet-thumbs-year{height: 66px;}
    .proDet-thumbs{width: calc(100% - 90px);}
    .proDet-right{width: 100%;padding: 15px 4% 40px;}
    /* .proDet-info .desc p{padding-left: 14px;} */
    .proDet-info .desc p::after{width: 4px;height: 4px;left: 0;top: 8px;}
    .proDet-hot-title{padding-bottom: 10px;font-size: 15px;}
    .proDet-hot .proItem{margin: 20px 0 0;padding: 10px;border-radius: 7px;}
    .proDet-hot .proItem-con .line{margin-top: 30px;}
    .pro2-up{margin-top: -25px;}
    .pro2Show{flex-direction: column-reverse;}
    .pro2Show-img{width: 100%;}
    .pro2Show-img img{height: 230px;}
    .pro2Show-con{width: 100%;padding: 25px 15px 40px;}
    .pro2List{margin-left: 0;}
    .pro2Item{margin: 20px 0 0;width: 100%;}
    .pro2Item-img img{height: 230px;}
    .pro2Item-con {padding: 20px 12px 40px;}
    .pro2Item-con .title{font-size: 16px;}
    .proDet2-intro .contain{flex-direction: column-reverse;}
    .proDet2-intro-img{width: 100%;}
    .proDet2-intro-img img{height: 210px;}
    .proDet2-intro-con{padding: 20px 0;width: 100%;}
    .proDet2-td-btn{display: none;}
    .proDet2-td-slide{padding: 30px 20px;}
    .proDet2-td-pagination .swiper-pagination-bullet{background: #fff;margin: 0 4px;}
    .proDet2-td-pagination .swiper-pagination-bullet-active{background: #b60210;}
    .proDet2-td-slide .page::after{width: 15px;}
    .proDet2-app-img img{height: 240px;}
    .proDet2-app-pagination .swiper-pagination-bullet{background: #000;margin: 0 4px;}
    .proDet2-app-pagination .swiper-pagination-bullet-active{background: #b60210;}
    .proDet2-app-con{height: 68px;padding: 0 15px;}
    .proDet2-params-table{padding: 25px;font-size: 12px;}
    .proDet2-params-table .table{overflow-x: auto;}
    .proDet2-params-table table{width: 250%;}
    .proDet2-params-table td{padding: 8px 12px;}
    .proDet2-params-table td.one{padding:12px;}
    .abIntro-left{width: 100%;}
    .abIntro-img{display: none;}
    .abIntro-right{width: 100%;margin-top: 15px;}
    .abIntro-num{padding-bottom: 50px;}
    .abIntro-num li{width: auto;}
    .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%;}
    .abHonor-head .comTitle{width: 100%;}
    .abHonor-nav{margin-top: 30px;justify-content: center;width: 100%;}
    .abHonor-nav .item{width: 110px;height: 36px;}
    .abHonor-swp-box{margin-top: 10px;}
    .abHonor-slide .img{height: 200px;}
    .abHonor-btn{margin-right: 0;}
    .abHonor-btn .btn{width: 38px;height: 38px;font-size: 11px;margin-right: 10px;border-width: 1px;}
    .abHonor-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 2px;}
    .techslJj-cont .title{width: 100%;}
    .techslJj-cont .text{width: 100%;margin-top: 20px;}
    .techslJs-loop .swiper-container{overflow: hidden;}
    .techslJs-link .img img{height: 216px;}
    .techslHy-list li{flex: none;width: 100% !important;padding: 20px 0;}
    .techslHy-list li:first-child{padding-top: 0;}
    .techslHy-list li:last-child{padding-bottom: 0;}
    .techslHy-list li::before {width: 100%;height: 1px;}
    .techslHy-list li .more .text{max-width: none;margin-right: 0;width: 100%;}
    .techslHy-list li .more .text:last-child{margin-top: 0;}
    .techslHy-list li .text{display: flex;flex-wrap: wrap;}
    .techslHy-list li .text p{width: 50%;}
    .techslHz-loop .swiper-pagination{display:block;margin-top: 24px;}
    .techslHz-loop .swiper-container{overflow: hidden;}
    .techslHz-loop .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .techslHz-loop .swiper-slide{width: 100%;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;flex: none;}
    .techslHz-link{margin: 0 !important;box-shadow: none;}
    .techscZz-menu {width: 210px;padding: 20px;}
    .techscZz-more {width: calc(100% - 210px - 10px);padding: 20px 20px 30px;}
    .techscZz-menu a{padding-left: 10%;}
    .techglLn-list ul{margin: -12px 0 0;flex-wrap: wrap;}
    .techglLn-list li{width: 100% !important;height: auto;margin: 12px 0 0 !important;}
    .techglLn-list li img {position: relative;width: 100%;object-fit: cover;}
    .techglLn-title{opacity: 0;}
    .techglLn-cont{opacity: 1;}
    .techglGk-list::before,.techglGk-cont .ico i,.techglGk-list .swiper-slide::after{display: none;}
    .techglGk-list .swiper-pagination{display:block;margin-top: 24px;}
    .techglGk-cont .title, .techglGk-cont .text{padding: 0;}
    .techglGk-list .swiper-container{overflow: hidden;}
    .techglGk-cont .title{font-size: 15px;}
    .techglGk-cont .text{font-size: 13px;}
    .techglGk-list .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .techglGk-list .swiper-slide{width: 100%;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;flex: none;}
    .techglFc-menu a {min-width: 100px;padding: 0 12px;margin-right: 10px;}
    .techglFc-info .img, .techglFc-info .cont {width: 100%;}
    .techglFc-info .cont {padding: 30px 30px 80px;}
    .relBd-from ul {margin: -20px 0 0 -20px;}
    .relBd-from li {width: calc(50% - 20px);margin: 20px 0 0 20px;}
    .relBd-from li.long {width: calc(100% - 20px);}
    .reljrHj-info{width: 100%;padding-right: 0;}
    .reljrHj .contain{padding: 0 4%;}
    .reljrHj-loop{width: 100%;margin-top: 30px;}
    .reljrZp-list li {width: calc(100%/2 - 20px);}
}
/* ------------------------Mobile end-------------------------- */
@media all and (max-width:720px){
    /* Mobile terminal 360 adaptation */
    .techslJj-cont .text {margin-top: 14px;}
    .techslJs-link .img img{height: 206px;}
    .techslJs-link .cont {padding: 20px 16px 24px;}
    .techslJs-btn .btn {width: 36px;height: 36px;font-size: 12px;margin-right: 10px;}
    .techslJs-control .swiper-pagination {margin-left: 14px;}
    .techslTd-wrap {width: 100%;height: auto;}
    .techslTd img.bg{display: none;}
    .techslTd-wrap{flex-wrap: wrap;}
    .techslTd-main {width: 200px;height: 200px;box-shadow: 0px 0px 40px 0px rgba(5, 69, 134, 0.1);padding: 16px;}
    .techslTd-list{position: relative;margin-top: 24px;}
    .techslTd-list ul{margin: -14px 0 0 -14px;justify-content: center;}
    .techslTd-list li{position: static;width: calc(33.3333% - 14px);margin: 14px 0 0 14px;height: auto;transform: none !important;}
    .techslTd-list li::before{display: none;}
    .techslTd-list li .cont {width: 96px;height: 96px;}
    .techslTd-list li .cont .title {font-size: 12px;margin-top: 6px;}
    .techslHy-list li .ico {height: 32px;}
    .techslHy-list li .text {font-size: 12px;}
    .techslHz-loop .swiper-pagination {margin-top: 18px;}
    .techslHz-link{height: 250px;}
    .techscBj .techsc-title .text{background: transparent;}
    .techscBj .techsc-title .title, .techscBj .techsc-title .text{padding: 0;}
    .techscBj-imgs .img img {min-height: 220px;}
    .techscBj-menu-list ul {margin: -6px 0 0 -6px;}
    .techscBj-menu-list li {width: calc(25% - 6px);margin: 6px 0 0 6px;height: 50px;}
    .techscBj-menu {bottom: 6%;}
    .techscBj-menu-list li .text {font-size: 12px;}
    .techscZz-menu{width: 100%;padding: 0;display: flex;flex-wrap: wrap;}
    .techscZz-menu a{width: 50%;height: 34px;border-radius: 17px;margin: 0;justify-content: center;padding: 0;}
    .techscZz-more {width: 100%;padding: 20px 0 30px;}
    .techscNl {height: auto;padding-bottom: 36px;}
    .techscNl-map::before, .techscNl-map::after{display: none;}
    .techscNl-map{width: 100%;height: auto;margin-top: 24px;flex-wrap: wrap;}
    .techscNl-main {width: 212px;height: 212px;padding-top: 12px;}
    .techscNl-list{position: relative;margin-top: 24px;}
    .techscNl-list li::before{display: none;}
    .techscNl-list ul{margin: -6px 0 0 -6px;}
    .techscNl-list li{width: calc(33.3333% - 6px);margin: 6px 0 0 6px !important;position: static;height: auto;border: 1px dotted #d8d8d8;height: 68px;}
    .techscNl-list li .text{border-radius: 0;}
    .techglLn-list ul{margin: -8px 0 0;}
    .techglLn-list li{margin: 8px 0 0 !important;}
    .techglLn-cont {padding: 16px;}
    .techglGk-list {padding: 28px 16px;}
    .techglGk-cont .title {margin: 18px 0 8px;}
    .techglGk-cont .ico p img {max-width: 24px;max-height: 24px;}
    .techglGk-cont .ico p {width: 50px;height: 50px;}
    .techglGk-list .swiper-pagination {margin-top: 18px;}
    .techglTx-link-a .text::before, .techglTx-link-a .text::after {width: 14px;height: 32px;margin-top: -16px;}
    .techglTx-link-a .text {padding: 0 24px;min-height: 32px;}
    .techglTx-link {height: 318px;}
    .techglFc-menu{justify-content: space-between;}
    .techglFc-menu a {min-width: auto;width: calc(50% - 5px);padding: 0;margin: 10px 0 0 !important;height: 34px;border-radius: 17px;border-width: 1px;}
    .techglFc-info .cont {padding: 18px 16px 50px;}
    .techglFc-info .cont .num {right: 16px;bottom: -6px;}
    .relXx-list ul {margin: -12px 0 0;}
    .relXx-list li {width: 100%;margin: 12px 0 0;}
    .relXx-link .ico {height: 28px;}
    .relXx-link {padding: 20px 12px;}
    .relBd-wrap {padding: 20px 16px;}
    .relBd-from li .hint {font-size: 12px;height: 20px;}
    .relBd-from ul {margin: -14px 0 0;}
    .relBd-from li {width: 100% !important;margin: 14px 0 0;}
    .relBd-from li input {height: 40px;border-radius: 6px;padding: 0 12px;}
    .relBd-from li textarea {padding: 10px 12px;height: 80px;border-radius: 6px;}
    .relBd-from li.other {margin-top: 12px;}
    .relBd-from li .tell {font-size: 12px;}
    .relBd-from-code{width: 100%;justify-content: space-between;}
    .relBd-from li .relBd-from-code input {width: calc(100% - 110px);}
    .relBd-from-code .img {max-width: 100px;height: 40px;margin: 0;border-radius: 6px;}
    .relBd-from li button {width: 100%;margin-top: 16px;height: 40px;font-size: 14px;}
    .relBd-from li button i {font-size: 12px;margin-top: -6px;}
    .relBd-info {padding: 24px 0 0;margin-top: 24px;}
    .reljrHj-menu a {padding: 12px 0;}
    .reljrHj-menu{margin-top: 4px;}
    .reljrHj-loop {margin-top: 24px;}
    .reljrHj-loop .swiper-container {width: 100%;overflow: hidden;}
    .reljrHj-loop .swiper-pagination-bullet::after {width: 14px;height: 14px;border: 1px solid #d1292e;margin: -7px 0 0 -7px;}
    .reljrHj-loop .swiper-pagination {bottom: 16px;}
    .reljrHj-loop .swiper-pagination-bullet {margin: 0 7px !important;}
    .reljrZp-list ul {margin: -14px 0 0;}
    .reljrZp-list li {width: 100%;margin: 14px 0 0;}
    .reljrZp-link .head .ico {width: 36px;height: 36px;}
    .reljrZp-link {padding: 20px 16px;}
    .reljrZp-link .head .cont .tags i {margin-right: 6px;}
    .reljrZp-link .head .cont {padding-left: 12px;}
}