@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;}
.paging-menu a{font-family: 'R'; width: 48px;height: 48px;margin: 4px;font-size: 16px;color: #8a8e93;transition: all .4s ease;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.paging-menu a.last{transform: rotate(180deg);}
.paging-menu a i{font-size: 12px;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #0071c1;background-color: #0071c1;color: #fff;}
.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: #81868a;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #0071c1;}
.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: #0071c1;color: #fff;border-color: #0071c1;}
.paging-hint span{color: #0071c1;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;font-size: 13px;width: 36px;height: 36px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #0071c1;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #0071c1;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: #81868a;}
.search-link .highlightRow span{color: #0071c1 !important;}
.search-link:hover h2{color: #0071c1;}
@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: #81868a;}
/* 网站地图 */
.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: #0071c1;}
.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: #0071c1;}
.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 img{width: 100%;transform: scale(1.1);animation: banBg 5s linear forwards;min-height: 250px;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.pagesBan-con .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 80px;height: 2px;background: #0071c1;}
.pagesBan-con .title,.pagesBan-con .text{animation: banText 1.5s ease forwards;opacity: 0;}
.pagesBan-con .text{animation-delay: .1s;}
@keyframes banBg {0%{transform: scale(1.1);}100%{transform: scale(1);}}
@keyframes banText {0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
.pagesHead{border-bottom: 1px solid #dce3e9;}
.pagesHead .contain{justify-content: space-between;align-items: center;}
.pagesNav-item{margin-left: 55px;height: 90px;}
.pagesNav-item:first-child{margin-left: 0;}
.pagesNav-item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #0071c1;opacity: 0;}
.pagesNav-item:hover,.pagesNav-item.active{color: #0071c1;}
.pagesNav-item.active::after{opacity: 1;}
.pagesBread{align-items: center;}
.pagesBread-item{margin-left: 20px;color: rgba(129, 134, 138, .5);}
.pagesBread-item::after{content: "/";color: rgba(129, 134, 138, .5);position: absolute;left: -13px;top: 0;}
.pagesBread-item:first-child{margin-left: 30px;}
.pagesBread-item:first-child::after{content: "\e634";font-family: 'icon';left: -30px;color: inherit;}
.pagesBread-item:hover{color: #0071c1;}
.pages-pagination .swiper-pagination-bullet{opacity: 1; width: 32px;height: 4px;border-radius: 2px;background: #e6edf2;margin: 0 4px;}
.pages-pagination .swiper-pagination-bullet-active{background: #0071c1;}
.pagesBg{background: #f6f8fa;}
/* 新闻-列表 */
.newsNav-item{width: auto;padding: 0 35px; height: 42px;margin-left: 25px;background: #c7cdd3;border-radius: 40px;}
.newsNav-item:first-child{margin-left: 0;}
.newsNav-item:hover,.newsNav-item.active{background: #0071c1;}
.newsShow .swiper-container{border-radius: 12px;}
.newsShow-slide{border-radius: 20px;background: #fff;}
.newsShow-img{width: 58%;}
.newsShow-img img{width: 100%;height: 460px;}
.newsShow-img:hover img{transform: scale(1.08);}
.newsShow-con{width: 42%;padding: 0 55px;flex-direction: column;justify-content: center;align-items: flex-start;}
.newsShow-con .label{padding: 2px 14px;border-radius: 10px;background: #e5f1f9;}
.newsShow-con .title{color: #151f27;}
.newsShow-con .title:hover{color: #0071c1;}
.newsList{justify-content: space-between;}
.newsList::after{content: "";width: 32%;}
.newsItem{width: 32%;}
.newsItem-img{border-radius: 12px;}
.newsItem-img img{width: 100%;height: 260px;}
.newsItem:hover .newsItem-img img{transform: scale(1.08);}
.newsItem:hover .newsItem-con .title{color: #0071c1;}
/* 新闻-详情 */
.newsDet-ban-bg img{width: 100%;min-height: 250px;}
.newsDet-ban-con{align-items: flex-end;padding-bottom: 40px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.newsDet-ban .pagesBread{justify-content: flex-end;}
.newsDet-ban .pagesBread-item{color: rgba(255, 255, 255, .25);}
.newsDet-ban .pagesBread-item::after{color: rgba(255, 255, 255, .25);}
.newsDet-ban .pagesBread-item:first-child::after{color: inherit;}
.newsDet-ban .pagesBread-item:hover{color: #fff;}
.newsDet .contain{justify-content: space-between;align-items: flex-start;}
.newsDet-left{width: 66%;}
.newsDet-edit h1,.newsDet-edit h2,.newsDet-edit h4,.newsDet-edit h3,.newsDet-edit h5,.newsDet-edit h6{color: #151f27;font-weight: 500;font-size: 20px;margin-bottom: 8px;}
.newsDet-switch{justify-content: space-between;align-items: center;border-top: 1px solid #dce3e9;}
.newsDet-next{width: 27%;transition: all .4s ease;}
.newsDet-next:hover{color: #0071c1;}
.newsDet-back{width: 140px;height: 42px;border-radius: 40px;}
.newsDet-back i{transition: transform .4s ease;display: block;font-size: 14px;margin-right: 10px;}
.newsDet-back:hover{background: #0281db;}
.newsDet-back:hover i{transform: rotate(180deg);}
.newsDet-side{position: sticky;top: 120px;padding: 45px;background: #fff;border-radius: 12px;width: 26%;}
.newsDet-side-item{border-top: 1px solid #dce3e9;}
.newsDet-side-item:hover .title{color: #0071c1;}
/* 视频中心 */
.video-list{justify-content: space-between;}
.video-item{width: 49%;}
.video-img .img{border-radius: 12px;}
.video-img .img img{width: 100%;height: 390px;}
.video-img .btn{font-size: 24px; box-shadow: 0px 0px 13px 0px rgba(0, 113, 193, 0.5);position: absolute;right: 40px;bottom: -35px;border-radius: 50%;width: 70px;height: 70px;user-select: none;cursor: pointer;transition: all .4s ease;}
.video-img .btn:hover{background: #fff;color: #0071c1;}
.video-img .btn:active{transform: translateY(2px) scale(.95);}
/* 资料下载 */
.downList{margin-left: -30px;}
.downItem{margin: 30px 0 0 30px;width: calc(50% - 30px); transition: all .4s ease;background: #fff;border-radius: 12px;}
.downItem-img{width: 31%;border-radius: 12px 0 0 12px;}
.downItem-img img{width: 100%;height: 200px;}
.downItem-con{width: 69%;padding: 35px 45px 0;}
.downItem-con .btn{align-items: center;}
.downItem-con .btn i{display: block;margin-left: 10px;}
.downItem:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, .1);}
.downItem:hover .downItem-con .title{color: #0071c1;}
/* 服务支持 */
.serNum-con{justify-content: center;}
.serNum-center{width: 8.5vw;margin: 0 6.5vw;}
.serNum-center img{width: 100%;}
.serNum-left{width: 350px;}
.serNum-left li:first-child{margin: 0 0 0 45px;}
.serNum-left-title{display: flex;align-items: flex-end;}
.serNum-left-title .num{line-height: .8;display: block;margin-right: 5px;}
.serNum-left-title .img{margin-left: 3.5vw;margin-bottom: 5px;}
.serNum-left-text p,.serNum-right-text .text p{position: relative;padding-left: 10px;margin-top: 3px;}
.serNum-left-text p::after,.serNum-right-text .text p::after{content: "";position: absolute;left: 0;top: 13px;width: 3px;height: 3px;border-radius: 50%;background: #81868a;}
.serNum-right li:first-child{margin-top: 5vw;}
.serNum-right-img{margin-right: 35px;}
.serNum-right-text .title{display: inline-block;padding: 10px 40px 10px 20px;background: url('../images/pages/serNum-bg1.png') no-repeat right center/100% 100%;}
.serProc-list{margin-left: -25px;}
.serProc-list li{position: relative; padding: 35px;min-height: 300px; box-shadow: 0 10px 25px rgba(0, 0, 0, .1); margin: 25px 0 0 25px;width: calc((100% / 3) - 25px);border-radius: 12px 12px 0 0;border-bottom: 2px solid #0071c1;}
.serProc-title{align-items: center;}
.serProc-title i{display: block;width: 40px;margin-right: 20px;}
.serProc-text{border-top: 1px solid #dce3e9;position: relative;z-index: 2;}
.serProc-page{font-size: 180px;color: #f5f8fa;line-height: .8;position: absolute;left: 35px;bottom: 0;}
/* 免费获取 */
.applyLeft{width: 40%; padding: 70px 70px 70px calc((100vw - 1400px) / 2); background: url('../images/pages/apply-bg.jpg') no-repeat center/cover;}
.applyLeft-con{width: 100%;height: 100%;}
.applyLeft .comTitle .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 80px;height: 2px;background: #0071c1;}
.applyNum li{width: 50%;align-items: flex-end;}
.applyNum .num{margin-right: 8px;line-height: .8;}
.applyTel{position: absolute;left: 0;bottom: 0;width: 100%;}
.applyTel span,.applyTel a{color: #0071c1;font-weight: 500;}
.applyRight{width: 60%; min-height: calc(100vh - 90px);padding: 70px 120px 0;padding-right: calc((100vw - 1400px) / 2);}
.applyTable{justify-content: space-between;}
.applyTable .w100{width: 100% !important;}
.applyInput{width: 48%;display: flex;flex-direction: column;justify-content: flex-end;}
.applyInput .title span{color: #ff0000;display: inline-block;margin-left: 3px;}
.applyInput input{color: #151f27; width: 100%;height: 50px;border-radius: 8px;background: #fafbfc;border: 1px solid #eaeef3;margin-top: 8px;font-size: 14px;padding-left: 25px;}
.applyInput input::-webkit-input-placeholder{font-size: 14px;color: #81868a;}
.applyInput textarea{color: #151f27; width: 100%;border-radius: 8px;background: #fafbfc;border: 1px solid #eaeef3;margin-top: 8px;font-size: 14px;padding: 15px 0 0 25px;height: 120px; }
.applyInput textarea::-webkit-input-placeholder{font-size: 14px;color: #81868a;}
.applyCode-btn{width: 116px;height: 50px;border-radius: 8px;user-select: none;cursor: pointer;}
.applyCode-btn:hover{background: #0281db;}
.applySelect{user-select: none;cursor: pointer;color: #151f27;margin-top: 8px;}
.applyMenu{align-items: center;padding-left: 25px;height: 50px;border-radius: 8px;background: #fafbfc;border: 1px solid #eaeef3;transition: all .4s ease;}
.applyMenu::after{content: "";position: absolute;right: 30px;top: 50%;transform: translateY(-30%);transition: all .4s ease;width: 10px;height: 6px;border: 5px solid transparent;border-top-color: #151f27;}
.applyMenu.active{border-radius: 8px 8px 0 0;transition-duration: 0s;}
.applyMenu.active::after{transform: translateY(-50%) rotate(180deg);}
.applyDrop{display: none; max-height: 250px;overflow-y: auto; position: absolute;left: 0;top: 100%;width: 100%;border-radius: 0 0 8px 8px;background: #fafbfc;border: 1px solid #eaeef3;z-index: 2;}
.applyDrop::-webkit-scrollbar {width: 3px;}
.applyDrop::-webkit-scrollbar-thumb {background: #ddd;}
.applyDrop::-webkit-scrollbar-track {background: #f1f1f1;}
.applyDrop{scrollbar-color:#ddd #f1f1f1;scrollbar-width:thin;border-top: unset;}
.applyDrop{scrollbar-face-color: #ddd;scrollbar-shadow-color: #ddd;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.applyDrop li{height: 50px;display: flex;align-items: center;padding-left: 25px;transition: all .4s ease;border-top: 1px solid #ddd;}
.applyDrop li:first-child{border-top: unset;}
.applyLink{align-items: center;}
.applyLink i{display: flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 2px;border: 1px solid #d5dee7;position: relative;user-select: none;cursor: pointer;margin-right: 10px;}
.applyLink i::before{content: "\e881";font-family: "icon";font-size: 12px;display: block;color: #fff;transform: scale(.8);opacity: 0;}
.applyLink i.active{border-color: #0071c1;background: #0071c1;}
.applyLink i.active::before{opacity: 1;}
.applyLink a{color: #0071c1;}
.applySubmit{width: 150px;height: 50px;border-radius: 40px;user-select: none;cursor: pointer;}
.applySubmit i{display: block;margin-right: 10px;transition: all .4s ease;font-size: 13px;}
.applySubmit:hover{background: #0281db;}
.applySubmit:hover i{transform: rotate(45deg);}
/* 开发者平台 */
.devIntro-img img{width: 100%;}
.devImage-flex{background: url('../images/pages/devImage-bg.jpg') no-repeat center/cover;}
.devImage-flex .contain{justify-content: space-between;align-items: center;}
.devImage-img{height: 350px;width: 43.5%;display: flex;align-items: center;justify-content: center;}
.devImage-img img{max-height: 100%;}
.devImage-con{width: 43.5%;}
.devImage-num{border-bottom: 1px solid rgba(255, 255, 255, .25);}
.devImage-num li{width: calc(100% / 3);}
.devImage-num .text{margin-top: 5px;}
.devImage-label{width: 84%;margin-left: -10px;}
.devImage-label li{margin: 10px 0 0 10px;width: calc(25% - 10px);border-radius: 8px;height: 42px;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;text-align: center;}
.devAPI-list{justify-content: space-between;padding: 0 7.5vw;}
.devAPI-list li{width: 240px;height: 240px;padding: 45px 25px 0; box-shadow: 0px 10px 26.7px 3.3px rgba(4, 17, 25, 0.06);position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;background: #fff;border-radius: 50%;}
.devAPI-list .page1,.devAPI-list .text{position: relative;z-index: 3;}
.devAPI-list .page2{position: absolute;left: 50%;bottom: 0;line-height: .8;transform: translateX(-50%);font-family: 'B';color: #f5f8fa;}
.devAPI-list li::after{animation: devAPI 4s linear infinite; content: "";width: 128%;height: 128%;background: url('../images/pages/devAPI-bg.png') no-repeat left top/auto 100%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.devAPI-list li:nth-child(2)::after{animation-delay: -2s;}
.devAPI-list li:nth-child(3)::after{animation-delay: 0s;}
@keyframes devAPI {0%{transform: translate(-50%,-50%) rotate(0);}100%{transform: translate(-50%,-50%) rotate(360deg);}}
.devBlock{background:#1b252f;}
.devBlock-img{display: flex;flex-wrap: nowrap;}
.devBlock-img img{height: 26.15vw;animation: blockImg 40s linear infinite;}
@keyframes blockImg {0%{transform: translateX(0);}100%{transform: translateX(-100%);}}
.devZY-list{justify-content: center;}
.devZY-list li{width: calc((100% / 3));display: flex;flex-wrap: wrap;justify-content: center;}
.devZY-list li:nth-child(n+4) .devZY-num .img{transform: rotate(180deg);}
.devZY-num{justify-content: center;align-items: center;}
.devZY-num .num{line-height: .8;}
.devZY-num .img{margin-left: 25px;}
.devHY-slide{border-radius: 12px;}
.devHY-img::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,1))}
.devHY-img img{width: 100%;height: 260px;}
.devHY-con{position: absolute;left: 0;bottom: 0;width: 100%;padding: 25px 30px;}
/* 关于我们 */
.abIntro .contain{align-items: center;justify-content: space-between;position: relative;z-index: 3;}
.abIntro-bg1{position: absolute;left: 50%;top: 0;height: 100%;z-index: 2;}
.abIntro-bg2{position: absolute;left: 60%;top: 0;height: 100%;}
.abIntro-con{width: 44%;}
.abIntro-con .text br{height: 15px;}
.abIntro-con .list{margin-left: -24px;}
.abIntro-con .list li{padding: 0 15px 0 35px;height: 90px; background: linear-gradient(to right,#fff 0%,#f2f4f8 100%); margin: 24px 0 0 24px;width: calc(50% - 24px);border-radius: 12px;border: 3px solid #fff;display: flex;align-items: center;}
.abIntro-img{width: 41%;border-radius: 12px;position: relative;}
.abIntro-img .img img{width: 100%;}
.abIntro-img .btn{position: relative; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);user-select: none;cursor: pointer;width: 70px;height: 70px;border-radius: 50%;}
.abIntro-img .btn i{font-size: 24px;position: relative;z-index: 2;}
.abIntro-img .btn::after,.abIntro-img .btn::before{animation: bowen 2s linear infinite; content: "";position: absolute;background: rgba(0, 113, 193, .3);transition: all .4s ease;opacity: 0; left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;}
.abIntro-img .btn::after{animation-delay: 1s;}
@keyframes bowen {
    0%{transform: scale(1);opacity: 0;}
    50%{transform: scale(1.5);opacity: 1;}
    100%{transform: scale(2);opacity: 0;}
}
.abIntro-img .btn:hover{color: #0071c1;background: #fff}
.abIntro-img .btn:active{transform: translate(-50%,calc(-50% + 4px)) scale(.95);}
.abIntro-img .btn:hover::after,.abIntro-img .btn:hover::before{background: rgba(255, 255, 255, .3);}
.abHY-list{margin-left: -22px;}
.abHY-list li{margin: 22px 0 0 22px;width: calc(25% - 22px);border-radius: 12px 12px 0 0;display: flex;flex-wrap: wrap;flex-direction: column;}
.abHY-img img{width: 100%;height: 180px;}
.abHY-con{padding: 25px 25px 50px;border: 1px solid #dce3e9;border-top: unset;border-bottom: 2px solid #0071c1;flex: 1;}
.abFZ{background: url('../images/pages/abFZ-bg.jpg') no-repeat center/cover;}
.abFZ-thumbs{padding: 0 7vw;}
.abFZ-thumbs::after,.abFZ-thumbs-line{content: "";position: absolute;left: 0;bottom: 16px;width: 100%;height: 2px;background: rgba(255, 255, 255, .1);}
.abFZ-thumbs-line{z-index: 2;background: #0071c1;width: 0;transition: all .2s ease}
.abFZ-thumbs .swiper-container{z-index: 3;}
.abFZ-thumbs-year{flex-direction: column;justify-content: flex-start;padding: 10px 0;}
.abFZ-thumbs-year span{transition: all .4s ease;display: block;color: rgba(255, 255, 255, .5);}
.abFZ-thumbs-year i{display: block;position: relative;width: 14px;height: 14px;border-radius: 50%;margin-top: 12px;transition: all .4s ease; background: rgba(255, 255, 255, .5);}
.abFZ-thumbs-year i::after,.abFZ-thumbs-year i::before{animation: fzDot 2s linear infinite;opacity: 0;transition: all .4s ease; background: rgba(255, 255, 255, .2); content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;}
@keyframes fzDot {0%{transform: scale(1);opacity: 0;}50%{transform: scale(1.5);opacity: 1;}100%{transform: scale(2);opacity: 0;}}
.abFZ-thumbs-year.active span{transform: scale(1.2); color: #0071c1;}
.abFZ-thumbs-year.active i{background: #0071c1;}
.abFZ-thumbs-year.active i::after,.abFZ-thumbs-year.active i::before{background: rgba(0, 113, 193, .2);}
.abFZ-gallery{padding: 0 7vw;}
.abFZ-gallery-year{width: 50%;text-align: center;}
.abFZ-gallery-year::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 90%;background: rgba(255, 255, 255, .25);}
.abFZ-gallery-year .bg{font-size: 9.3vw;color: rgba(255, 255, 255, .05);line-height: .8;}
.abFZ-gallery-year .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.abFZ-gallery-text{width: 50%;padding: 0 60px;}
.abFZ-gallery-text p{margin-top: 15px;padding-left: 30px;position: relative;}
.abFZ-gallery-text p:first-child{margin-top: 0;}
.abFZ-gallery-text p::after{content: "";position: absolute;left: 0;top: 5px;width: 14px;height: 14px;border-radius: 50%;border: 1px solid #0071c1;}
.abFZ-gallery-text p::before{content: "";position: absolute;left: 4px;top: 9px;width: 6px;height: 6px;border-radius: 50%;background: #0071c1;}
.abFZ-btn{font-size: 4vw;font-weight: 300; position: absolute;left: 0;top: 0;width: 100px;height: 100%;user-select: none;cursor: pointer;color: rgba(255, 255, 255, .25);}
.abFZ-btn.thumbs-next{left: auto;right: 0;transform: rotate(180deg);}
.abFZ-btn:hover{color: #fff;}
.abHZ-swp-box::after,.abHZ-swp-box::before{z-index: 2; content: "";position: absolute;left: 0;top: 0;width: 20%;height: 100%;background: linear-gradient( to right,#f6f8fa 20%,transparent 100%);}
.abHZ-swp-box::after{left: auto;right: 0;background: linear-gradient( to left,#f6f8fa 20%,transparent 100%);}
.abHZ-swp{margin-top: 3px;}
.abHZ-swp .swiper-wrapper {transition-timing-function: linear;}
.abHZ-slide{height: 120px;background: #fff;}
.abHZ-slide img{max-width: 70%;max-height: 65%;}
.abHZ-swp:nth-child(2n){transform: rotate(180deg);}
.abHZ-swp:nth-child(2n) .abHZ-slide{transform: rotate(-180deg);}
.abHonor-nav{border-bottom: 1px solid #dce3e9;}
.abHonor-nav li{user-select: none;cursor: pointer;padding-bottom: 15px;position: relative;transition: all .4s ease;margin-left: 7vw;}
.abHonor-nav li:first-child{margin-left: 0;}
.abHonor-nav li::after{content: "";position: absolute;left: 50%;transform: translateX(-50%); bottom: -1px;width: 0;height: 2px;background: #0071c1;transition: all .4s ease;}
.abHonor-nav li:hover,.abHonor-nav li.active{color: #0071c1;}
.abHonor-nav li.active::after{width: 100%;}
.abHonor-swp{display: none;}
.abHonor-swp:first-child{display: block;}
.abHonor-slide{padding: 30px; background: #f6f8fa;border-radius: 12px;}
.abHonor-img .img{height: 300px;transition: all .4s ease;}
.abHonor-img .img img{max-width: 80%;max-height: 90%;}
.abHonor-img .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: all .4s ease;}
.abHonor-slide:hover .abHonor-img .img{opacity: .1;}
.abHonor-slide:hover .abHonor-img .btn{transform: translate(-50%,-50%) scale(1);}
.abYS-list{margin-left: -12px;display: flex;flex-wrap: nowrap;}
.abYS-list li{margin-left: 12px;width: 170px;position: relative;overflow: hidden;border-radius: 12px;}
.abYS-list li.active{width: calc(100% - 170px * 4 - 12px * 5 );}
.abYS-img{position: relative;}
.abYS-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .64);}
.abYS-img img{max-width: unset;height: 520px;object-fit: fill;}
.abYS-con{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 0 35px 24px;transform: translateY(calc(100% - 140px));transition: all .4s ease;}
.abYS-con .img{height: 42px;}
.abYS-con .img img{max-height: 100%;}
.abYS-con .text{opacity: 0;transition: all .4s ease;}
.abYS-list li.active .abYS-con{transform: translateY(0);transition-delay: .3s;padding: 0 40px 35px;}
.abYS-list li.active .abYS-con .text{opacity: 1; transition-delay: .2s;}
/* 核心技术 */
.techRD-list{margin-left: -25px;justify-content: center;}
.techRD-list li{margin: 25px 0 0 25px;width: calc((100% / 3) - 25px);}
.techImage{background: url('../images/pages/techImage-bg.jpg') no-repeat center/cover;}
.techImage-gallery{padding: 0 7vw;}
.techImage-gallery-more{margin-left: -20px;justify-content: center;text-align: center;}
.techImage-gallery-more li{width: calc(25% - 20px);margin: 20px 0 0 20px;}
.techImage-gallery-more .img img{width: 100%;border-radius: 12px;}
.techImage-thumbs{position: relative;padding: 0 5vw;}
.techImage-thumbs::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 60px;width: 100vw;height: 2px;background: #0071c1;}
.techImage-thumbs-year{flex-direction: column;align-items: center;text-align: center;}
.techImage-thumbs-year .line{width: 2px;height: 50px;position: relative;}
.techImage-thumbs-year .line::after{transition: all .4s ease; content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: linear-gradient( to bottom,transparent 0%,#0071c1 70%);}
.techImage-thumbs-year .dot{margin-top: 4px;position: relative;border-radius: 50%;width: 12px;height: 12px;border-radius: 50%;background: #0071c1;border: 1px solid #fff;}
.techImage-thumbs-year .dot::after{opacity: 0; transition: all .4s ease; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 200%;height: 200%;border-radius: 50%;border: 1px solid #0071c1;}
.techImage-thumbs-year .dot i{z-index: -1; position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;transition: all .4s ease;}
.techImage-thumbs-year .dot i::after,.techImage-thumbs-year .dot i::before{animation: techDot 2s linear infinite;opacity: 0; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(0, 113, 193, .8);}
@keyframes techDot {0%{transform: scale(1);opacity: 0;}50%{transform: scale(2);opacity: 1;}100%{transform: scale(3);opacity: 0;}}
.techImage-thumbs-year .dot i::after{animation-delay: 1s;}
.techImage-thumbs-year .text{margin-top: 15px;}
.techImage-thumbs-year.active .line::after{height: 100%;}
.techImage-thumbs-year.active .dot::after{opacity: 1;}
.techImage-thumbs-year.active .dot i{opacity: 0;}
.techImage-thumbs-year.active .text{color: #0071c1;}
/* 锂电池 */
.ldcTitle{padding-left: 20px;}
.ldcTitle::after{content: "";position: absolute;left: 0;top: 6px;height: 30px;width: 2px;background: #0071c1;}
.ldcIntro-flex{border-radius: 12px;box-shadow: 0px 10px 26.7px 3.3px rgba(4, 17, 25, 0.06);background: #fff;}
.ldcIntro-img{width: 50%;border-radius: 12px 0 0 12px;}
.ldcIntro-img img{width: 100%;height: 500px;transition: all 2s linear;}
.ldcIntro-img:hover img{transform: scale(1.08);}
.ldcIntro-con{width: 50%;display: flex;flex-direction: column;justify-content: center;position: relative;padding: 0 70px;}
.ldcIntro-con::after{content: "";position: absolute;right: 10px;bottom: 12%;width: 45px;height: 100px;background: url('../images/pages/ldcIntro-bg.png') no-repeat center top/100% auto;}
.ldcIntro-con .text{position: relative;z-index: 2;}
.ldcFK-list{margin-left: -15px;}
.ldcFK-list li{padding: 35px 40px 100px;overflow: hidden; margin-left: 15px; width: calc(23.5% - 15px);border-radius: 12px;background: #fff;position: relative;}
.ldcFK-list li::after,.innoIntro-list li::after{content: "";position: absolute;right: 0;bottom: 0;width: 21vw;height:12vw;background: url('../images/pages/ldcFK-bg.png') no-repeat center top/100% auto;transform: translateX(50%);}
.ldcFK-title{align-items: center;border-bottom: 1px solid #dce3e9;}
.ldcFK-title i{display: block;height: 36px;margin-right: 15px;}
.ldcFK-title i img{max-height: 100%;}
.ldcFK-text,.hypeApp-list .list{position: relative;z-index: 3;}
.ldcFK-text p,.hypeApp-list .list p{margin-top: 20px;position: relative;padding-left: 32px;}
.ldcFK-text p::after,.hypeApp-list .list p::after{content: "";position: absolute;left: 0;top: 2px;width: 20px;height: 20px;background: url('../images/pages/ldcFK-text.png') no-repeat center/100% auto;}
.ldcFK-page,.innoIntro-list .page{font-family: 'B'; position: absolute;z-index: 2;font-size: 9vw;right: 25px;bottom: 0;line-height: .8;background: -webkit-linear-gradient(top,rgba(0,113,193,.08) 0%,transparent 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ldcFK-list li:nth-child(2){width: calc(53% - 15px);}
.ldcFK-list li:nth-child(2) .ldcFK-text{display: flex;flex-wrap: wrap;}
.ldcFK-list li:nth-child(2) .ldcFK-text p{width: 50%;padding-right: 10px;}
.ldcFK-list li:nth-child(2) .ldcFK-text p:nth-child(2n){padding-right: 0;}
.ldcYZ-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ldcYZ-bg img{width: 100%;height: 100%;}
.ldcYZ-con{position: relative;z-index: 2;}
.ldcYZ-text{color: rgba(255, 255, 255, .6);max-width: 100%;width: 660px;}
.ldcYZ-text p{padding:0 10px 0 34px;position: relative;margin-top: 30px;width: 50%;}
.ldcYZ-text p::after{content: "";position: absolute;left: 0;top: 5px;width: 20px;height: 20px;background: url('../images/pages/ldcYZ-icon.png') no-repeat center/100% auto;}
.ldcCase-swp .swiper-container{border-radius: 12px;box-shadow: 0px 10px 26.7px 3.3px rgba(4, 17, 25, 0.06);}
.ldcCase-swp .swiper-slide{height: auto;}
.ldcCase-slide{background: #fff;border-radius: 12px;height: 100%;}
.ldcCase-con{width: 50%;padding: 40px 90px 40px 60px;height: 100%;}
.ldcCase-list li{border-top: 1px solid #dce3e9;}
.ldcCase-list li:first-child{border: unset;}
.ldcCase-list .text{margin-top: 5px;}
.ldcCase-img{width: 50%;height: 100%;}
.ldcCase-img .img{height: 100%;position: relative;}
/* .ldcCase-img .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.6) 80%);} */
.ldcCase-img img{width: 100%;height: 100%;}
.ldcCase-num{position: absolute;left: 0;bottom: 8%;width: 100%;justify-content: center;}
.ldcCase-num li{margin-left: 5vw;}
.ldcCase-num li:first-child{margin-left: 0;}
/* 3C消费电子 */
.xfLJ-list{margin-left: -20px;}
.xfLJ-list li{padding: 0 15px 30px; transition: all .4s ease; margin: 20px 0 0 20px;width: calc(25% - 20px);background: #fff;border-radius: 12px 12px 0 0;border-bottom: 2px solid #0071c1;}
.xfLJ-list li:hover{transform: translateY(-10px);}
.xfLJ-list .img{height: 340px;}
.xfLJ-list .img img{max-width: 80%;max-height: 75%;}
.xiaofei .ldcFK{background: url('../images/pages/xfPhone-bg.jpg') no-repeat center/cover;}
.xiaofei .ldcFK-list{margin-left: -22px;justify-content: center;}
.xiaofei .ldcFK-list li{width: calc((100% / 3) - 22px);margin-left: 22px;}
.xiaofei .ldcFK-list li:nth-child(2) .ldcFK-text{display: block;}
.xiaofei .ldcFK-list li:nth-child(2) .ldcFK-text p{width: 100%;} 
/* 硬件列表 */
.hardNav-item{width: calc(100% / 6);border-right: 1px solid #dce3e9;margin-top: 20px;}
.hardNav-item:nth-child(6n+1){border-left: 1px solid #dce3e9;}
.hardNav-item span{display: block;transition: all .4s ease;padding: 10px 35px;border-radius: 40px;}
.hardNav-item:hover span{color: #0071c1;}
.hardNav-item.active span,.hardNav-item.active:hover span{background: #0071c1;color: #fff;}
.hardNav2{margin: -30px 0 0 -2.5vw;}
.hardNav2 .item{margin: 30px 0 0 2.5vw;display: flex;align-items: center;line-height: 1.14;}
.hardNav2 .item i{margin-right: 8px; width: 12px;height: 12px;border-radius: 50%;border: 1px solid #999;display: flex;align-items: center;justify-content: center;}
.hardNav2 .item i::after{content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #0071c1;opacity: 0;}
.hardNav2 .item.active i{border-color: #0071c1;}
.hardNav2 .item.active i::after{opacity: 1;}
.hardNav2 .item.active,.hardNav2 .item:hover{color: #0071c1;}

.hardSelect{width: 330px;user-select: none;cursor: pointer;}
.hardMenu{background: #fff;border-radius: 6px;border: 1px solid #dce3e9;transition: all .3s .2s ease;align-items: center;height: 48px;padding: 0 30px 0 18px;}
.hardMenu::after{transform: translateY(-50%) rotate(90deg) scale(.9);content: "\e775";font-family: 'icon';font-size: 12px;color: #151f27;display: block;transition: all .4s ease;position: absolute;right: 18px;top: 50%;}
.hardMenu:hover{color: #0071c1;}
.hardMenu.active{transition-delay: 0s;border-radius: 6px 6px 0 0;}
.hardMenu.active::after{transform: translateY(-50%) rotate(-90deg) scale(.8);}
.hardDrop{display: none;max-height: 240px;overflow-y: auto; position: absolute;left: 0;top: 100%;width: 100%;z-index: 5;border-radius: 0 0 6px 6px;background: #eee;}
.hardDrop .item{display: flex;align-items: center;padding: 0 30px 0 18px;height: 48px;transition: all .4s ease;border-top: 1px solid #dce3e9;}
.hardDrop .item:first-child{border-top: unset;}
.hardDrop .item:hover{color: #0071c1;}

.hardDrop::-webkit-scrollbar {width: 3px;}
.hardDrop::-webkit-scrollbar-thumb {background: #151f27;}
.hardDrop::-webkit-scrollbar-track {background: transparent;}
.hardDrop{scrollbar-color:#151f27 transparent;scrollbar-width:thin;}
.hardDrop{scrollbar-face-color: #151f27;scrollbar-shadow-color: #151f27;scrollbar-arrow-color: #000;scrollbar-track-color: transparent;}


.hardList{margin-left: -30px;}
.hardItem{align-items: center;justify-content: space-between; padding: 40px 15px 30px 50px; margin: 30px 0 0 30px;width: calc(50% - 30px);background: #fff;border-radius: 12px;}
.hardItem-con{width: 60%;}
.hardItem-con .title{border-bottom: 1px solid #dce3e9;width: 100%;}
.hardItem-con .text{width: 95%;}
.hardItem-con .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 60px;height: 1px;background: #0071c1;}
.hardItem-con .more{align-items: center;}
.hardItem-con .more i{display: block;margin-left: 10px;}
.hardItem-img{width: 35%;height: 210px;}
.hardItem-img img{max-width: 80%;max-height: 100%;}
.hardItem-con .title:hover{color: #0071c1;}
.hardItem-con .more:hover span{text-decoration: underline;}
.hardItem-img:hover img{transform: scale(1.08);}
/* 硬件详情 */
.hardDet-show .contain{justify-content: space-between;}
.hardDet-show-swp{width: 48%;}
.hardDet-gallery-more{height: 500px;}
.hardDet-gallery-more img{max-height: 90%;max-width: 70%;}
.hardDet-thumbs{padding: 0 40px;}
.hardDet-show-btn{position: absolute;justify-content: flex-start; left: 0;top: 0;width: 40px;height: 100%;user-select: none;cursor: pointer;font-size: 22px;}
.hardDet-show-btn:hover{color: #0071c1;}
.hardDet-show-btn.thumbs-next{transform: rotate(180deg);left: auto;right: 0;}
.hardDet-thumbs-year{height: 86px;border-radius: 5px;border: 2px solid #e0e4e9;}
.hardDet-thumbs-year img{max-width: 50%;max-height: 60%;opacity: .25;}
.hardDet-thumbs-year.active{border-color: #0071c1;}
.hardDet-thumbs-year:hover img,.hardDet-thumbs-year.active img{opacity: 1;}
.hardDet-show-con{width: 47%;}
.hardDet-show-text{border-top: 1px solid #e0e4e9;border-bottom: 1px solid #e0e4e9;}
.hardDet-show-link .btn{background: #c7cdd3; padding: 10px 30px;border-radius: 40px;user-select: none;cursor: pointer;margin-left: 24px;}
.hardDet-show-link .btn i{display: block;font-size: 14px;margin-right: 8px;}
.hardDet-show-link .btn:nth-child(1){margin-left: 0;}
.hardDet-show-link .btn:nth-child(2){background: #0071c1;}
.hardDet-show-link .btn:hover{background: #999da1;}
.hardDet-show-link .btn:nth-child(2):hover{background: #005d9f;}
.faqList li{border: 2px solid transparent;border-radius: 12px;overflow: hidden;transition: all .4s ease;}
.faqMenu{background: #f6f8fb;padding: 30px 60px;align-items: center;user-select: none;cursor: pointer;}
.faqList li:nth-child(2n) .faqMenu{background: #fff;}
.faqMenu .title{align-items: center;flex: 1;padding-right: 20px;transition: all .4s ease;}
.faqMenu .title i{position: relative;display: block;margin-right: 35px;}
.faqMenu .title i img{transition: all .4s ease;border-radius: 0;}
.faqMenu .title i .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.faqMenu .title span{flex: 1;}
.faqMenu .btn{width: 14px;height: 14px;}
.faqMenu .btn::after,.faqMenu .btn::before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #25282d;transition: all .4s ease;}
.faqMenu .btn::after{width: 100%;height: 2px;}
.faqMenu .btn::before{width: 2px;height: 100%;}
.faqList li.active{border-color: #0071c1;}
.faqList li.active .faqMenu{background: #0071c1 !important;}
.faqList li.active .faqMenu .title{color: #fff;}
.faqList li.active .faqMenu .title i .s{opacity: 0;}
.faqList li.active .faqMenu .title i .h{opacity: 1;}
.faqList li.active .faqMenu .btn::after,.faqList li.active .faqMenu .btn::before{transform: translate(-50%,-50%) rotate(180deg);background: #fff;}
.faqList li.active .faqMenu .btn::before{opacity: 0;}
.faqDrop{display: none;padding: 30px 60px;}
.hardDet-nav{border-radius: 40px;box-shadow: 0px 2px 21.36px 2.64px rgba(6, 28, 48, 0.06);}
.hardDet-nav ul{border-radius: 40px;background: #fff;}
.hardDet-nav li{flex: 1;height: 80px;user-select: none;cursor: pointer;}
.hardDet-nav span{width: 100%;display: block;text-align: center;padding: 5px 0;border-left: 1px solid #eceff3;}
.hardDet-nav li:first-child span{border: unset;}
.hardDet-nav li.active{background: #0071c1;}
.hardDet-nav li.active span,.hardDet-nav li.active:hover span{color: #fff;border-color: transparent;}
.hardDet-nav li:hover span{color: #0071c1;}
.hardDet-con{display: none;}
.hardDet-con:first-child{display: block;}
.hardDet-con table{width: 100%;}
.hardDet-con table td{padding: 10px;font-size: 16px;}
.hardDet-con img{border-radius: 36px;}
.hardDet-hot-swp{width: calc(100% + 40px);margin-left: -20px;}
.hardDet-hot-swp .swiper-slide{padding: 20px 20px 30px;}
.hardDet-hot-swp .hardItem{margin: 0;width: 100%;box-shadow: 0px 10px 20px 2.64px rgba(6, 28, 48, 0.06);}
/* hyperSgape */
.proBan-bg img{width: 100%;}
.proBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.proBan-con .contain{height: 100%;justify-content: space-between;align-items: center;}
.proBan-con .title{line-height: 1.3;}
.proBan-img{width: 46%;}
.proBan-text{width: 40%;}
.proBan-text .comBtn{background: transparent;border: 1px solid #fff;}
.proBan-text .comBtn:hover{border-color: #0071c1;background: #0071c1;}
.hypeApp-list{margin-left: -22px;}
.hypeApp-list li{padding: 40px 40px 170px; position: relative;overflow: hidden; margin-left: 22px;width: calc((100% / 3) - 22px);background: #fff;border-radius: 12px;}
.hypeApp-list .img{position: absolute;right: 0;bottom: 0;max-width: 48%;z-index: 2;}
.hypeApp-list li::after{content: "";position: absolute;right: 0;bottom: 0;width: 19vw;height:10vw;background: url('../images/pages/ldcFK-bg.png') no-repeat center top/100% auto;transform: translateX(50%);}
.hypeGN-list{margin-left: -20px;}
.hypeGN-list li{position: relative; padding: 35px;height: 420px; margin: 20px 0 0 20px;width: calc(25% - 20px); background: #fff;border-radius: 12px 12px 0 0;border: 1px solid #dce3e9; border-bottom: 2px solid #0071c1;}
.hypeGN-list .img{height: 42px;}
.hypeGN-list .img img{max-height: 100%;}
.hypeGN-list .text{position: relative;z-index: 2;}
.hypeGN-list .page{font-size: 10.4vw;color: #f9fbfc;line-height: .8;position: absolute;right: 10%;bottom: 2px;}
.hypeYS{background: url('../images/pages/hypeYS-bg.jpg') no-repeat center/cover;}
.hypeYS-list{margin-left: -20px;}
.hypeYS-list li{margin-left: 20px;width: calc(20% - 20px);position: relative;}
.hypeYS-list .img{position: relative;border-radius: 12px;overflow: hidden;}
.hypeYS-list .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/pages/hypeYS-bg.png') no-repeat center/100% 100%;}
.hypeYS-list .img img{width: 100%;height: 160px;}
.hypeYS-list .text{margin-top: 10px;}
/* InnoVision */
.innoIntro-list{margin-left: -20px;}
.innoIntro-list li{padding: 35px;position: relative;height: 480px;overflow: hidden; margin: 20px 0 0 20px;width: calc(20% - 20px);border-radius: 12px;background: #fff;}
.innoIntro-list .img{height: 42px;}
.innoIntro-list .img img{max-height: 100%;}
.innoIntro-list .text{position: relative;z-index: 2;}
.innoIntro-list li::after{width: 18vw;height: 10vw;}
.innoPlate-list{margin-left: -50px;}
.innoPlate-list li{margin: 50px 0 0 50px;width: calc(50% - 50px);}
.innoPlate-list .img{padding: 40px 30px;height: 500px; background: #fff;border-radius: 12px;box-shadow: 0px 10px 35.6px 4.4px rgba(12, 87, 132, 0.06);}
.innoPlate-list .img img{max-height: 100%;}
.innoProc{background: url('../images/pages/innoProc-bg.jpg') no-repeat center/cover;}
.innoProc-list li{width: 25%;padding: 0 2vw;flex-direction: column;justify-content: flex-start;}
.innoProc-icon{width: 90px;height: 90px;border-radius: 50%;background: #fff;}
.innoProc-icon img{max-width: 50%;max-height: 50%;}
.innoProc-icon::after{content: "";transition: all 5s ease; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 124.5%;height: 124.5%;background: url('../images/pages/innoProc-icon-bg.png') no-repeat center/100% auto;}
.innoProc-list li:hover .innoProc-icon::after{transform: translate(-50%,-50%) rotate(360deg);}
/* iSense */
.iSence-box .proBan-img{align-items: flex-end;height: 100%;}
.iSence-box .ldcCase-slide{border: 4px solid #fff;background: linear-gradient(to right,#fefeff 0%,#f2f4f8 100%);}
.isenTop{background: url('../images/pages/isenTop-bg.jpg') no-repeat center/100% 100%;}
.isenGN-nav{border-bottom: 1px solid #dce3e9;justify-content: center;}
.isenGN-nav li{user-select: none;cursor: pointer;position: relative;padding-bottom: 13px;transition: all .4s ease;margin-left: 7vw;}
.isenGN-nav li:first-child{margin-left: 0;}
.isenGN-nav li::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #0071c1;opacity: 0;}
.isenGN-nav li:hover,.isenGN-nav li.active{color: #0071c1;}
.isenGN-nav li.active::after{opacity: 1;}
.isenGN-swp{display: flex;justify-content: center;transform: rotate(180deg);}
.isenGN-swp .swiper-container{width: 80%;border-radius: 12px;}
.isenGN-swp .swiper-slide{width: 47vw;}
.isenGN-swp .swiper-slide-active{pointer-events: none;}
.isenGN-swp .swiper-slide-active .isenGN-slide::after{opacity: 0;}
.isenGN-slide{border-radius: 12px;position: relative;user-select: none;cursor: pointer;opacity: 0;transform: rotate(-180deg);}
.isenGN-swp .swiper-slide-active .isenGN-slide,.isenGN-swp .swiper-slide-prev .isenGN-slide,.isenGN-swp .swiper-slide-next .isenGN-slide{opacity: 1;}
.isenGN-slide::after{transition: all .0s ease; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .8);}
.isenGN-btn{z-index: 2; position: absolute;left: 0;top: 50%;transform: translateY(50%); width: 56px;height: 56px;border-radius: 50%;background: #e2e6eb;font-size: 14px;user-select: none;cursor: pointer;}
.isenGN-btn.prev{transform: translateY(-50%) rotate(180deg);left: auto;right: 0;}
.isenGN-btn:hover{background: #0071c1;color: #fff;}
.isenAI-list{margin-left: -30px;}
.isenAI-list li{margin: 30px 0 0 30px;width: calc(50% - 30px);}
.isenAI-list li img{width: 100%;}
.isenHY{background: url('../images/pages/isenHY-bg.jpg') no-repeat center/cover;padding-bottom: 200px;}
.isenHY-con{display: flex;flex-wrap: wrap;justify-content: center;padding-top: 30px;}
.isenHY-center{width: 29vw;position: relative;}
.isenHY-img img{width: 100%;animation: rotate 10s linear infinite;}
@keyframes rotate {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.isenHY-label{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;align-items: center;justify-content: center;}
.isenHY-label li{width: 115px;height: 115px;border-radius: 50%;background: #2c5069;}
.isenHY-label li:nth-child(2){width: 180px;height: 180px;margin: 0 24px;background: linear-gradient(45deg,#4396d1 0%,#0071c1 85%);}
.isenHY-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.isenHY-list li{min-height: 120px; width: 320px;border-radius: 12px;background: #fff;position: absolute;padding: 20px 30px;}
.isenHY-list .page{width: 46px;height: 46px;border-radius: 50%;position: absolute;left: 0;top: 0;transform: translate(-50%,-50%);}
.isenHY-list li:nth-child(n+5) .page{left: auto;right: 0;transform: translate(50%,-50%);}
.isenHY-list li:nth-child(1){left: 45px;top: 0;}
.isenHY-list li:nth-child(2){left: 0;top: 31%;}
.isenHY-list li:nth-child(3){left: 0;top: 62%;}
.isenHY-list li:nth-child(4){left: 45px;top: 93%;}
.isenHY-list li:nth-child(5){right: 45px;top: 0;}
.isenHY-list li:nth-child(6){right: 0;top: 31%;}
.isenHY-list li:nth-child(7){right: 0;top: 62%;}
.isenHY-list li:nth-child(8){right: 45px;top: 93%;}
.isenTD-list{margin-left: -15px;}
.isenTD-list li{padding: 35px;min-height: 510px;transition: all .4s ease; position: relative;overflow: hidden; margin: 15px 0 0 15px;width: calc(25% - 15px);background: #fff;border-radius: 12px;background: #fff;}
.isenTD-title{align-items: center;}
.isenTD-title i{display: flex;flex-wrap: wrap;align-items: center;justify-content: center; position: relative;margin-right: 15px;height: 39px;}
.isenTD-title i img{transition: all .4s ease;max-height: 100%;}
.isenTD-title i .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.isenTD-title span{flex: 1;}
.isenTD-text{padding-right: 10px; border-top: 1px solid #dce3e9;position: relative;z-index: 2;}
.isenTD-text p{margin-top: 10px;position: relative;padding-left: 10px;}
.isenTD-text p::after{content: "";position: absolute;left: 0;top: 10px;width: 3px;height: 3px;border-radius: 50%;background: #81868a;transition: all 0.4s ease;}
.isenTD-page{position: absolute; left: 30px;bottom: -15px;font-size: 10.4vw;line-height: .8;color: rgba(241, 245, 248, .75);transition: all .4s ease;}
.isenTD-list li:hover{background: #0071c1;}
.isenTD-list li:hover .isenTD-title{color: #fff;}
.isenTD-list li:hover .isenTD-title i .s{opacity: 0;}
.isenTD-list li:hover .isenTD-title i .h{opacity: 1;}
.isenTD-list li:hover .isenTD-text{color: #fff;border-color: rgba(255, 255, 255, .15);}
.isenTD-list li:hover .isenTD-text p::after{background: #fff;}
.isenTD-list li:hover .isenTD-page{color: rgba(255, 255, 255, .1);transition-duration: .2s;}
.isenNum{background: url('../images/pages/isenNum-bg.png') no-repeat center/cover;}
.isenNum-list{justify-content: space-between;}
.isenNum-list li{width: 27%;}
.isenNum-list .title{color: #6c7379;}
.isenNum-list .text span{line-height: .8;}
.isenNum-list .line{width: 100px;height: 2px;background: #0071c1;}
/* 联系我们 */
.ctaMsg .applyInput{width: 32%;}
/* 地图 */
.relMap{background: #f6f8fa;height: 900px;}
.relMap .contain{width: 100%;padding-left: calc((100% - 1400px)/2);}
.relMap-title{color: #000;}
.relMap-max{width: 100%;justify-content: space-between;pointer-events: none;}
.relMap-max.on{pointer-events: auto;}
.relMap-list{width: 194px;user-select: none;position: relative;z-index: 10;}
.relMap-list ul{display: flex;flex-direction: column;align-items: flex-start;}
.relMap-list li{display: flex;align-items: center;cursor: pointer;transition: all .4s ease;margin-top: 15px;position: relative;}
.relMap-list li::after{position: absolute;content: "";position: absolute;right: 0;bottom: -3px;width: 0;height: 1px;background: #0071c1;transition: all .4s ease;}
.relMap-list li.active,.relMap-list li:hover{color: #0071c1;}
.relMap-list li.active::after{right: auto;left: 0;width: 100%;}
.relMapEarth{width: 1100px;position: relative;height: 1100px;}
.relMapEarth-box{width: 100%;opacity: 0;transition: all .4s linear;visibility: hidden;}
.relMapEarth-box.on{opacity: 1;visibility: visible;}
.relMapEarth #chartdiv{width: 1110px;height: 1110px;position: relative;right: -100px;}
.relMapEarth-items{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 8;}
.relMapEarth-items li{position: absolute;opacity: 0;visibility: hidden;pointer-events: none;width: 1px;height: 1px;z-index: 5;}
.relMapEarth-items li .relMapEarth-items-name{ border-radius: 0 8px 8px 8px;width: 100px;height: 38px; user-select: none;cursor: pointer;justify-content: center; position: absolute;top: 0;right: 0;display: flex;align-items: center;z-index:14;pointer-events: auto;}
.relMapEarth-items li .relMapEarth-items-line{width: calc(100% - 6px);top: 0;right: 6px;height: 1px;position: absolute;}
.relMapEarth-items li .relMapEarth-items-line::after{content: "";position: absolute;width: 0;height: 100%;background: #0071c1;top: 0;right: 0;}
.relMapEarth-items li .relMapEarth-items-cont{position: absolute;width: calc(100% - 100px);opacity: 0;padding-top: 32px;right: 100px;}
.relMapEarth-items li .relMapEarth-items-cont .title{align-items: center;position: absolute;left: 0;bottom: calc(100% + 25px);width: 100%;}
.relMapEarth-items li .relMapEarth-items-cont .title i{font-size: 22px;display: block;margin-right: 15px;}
.relMapEarth-items li .relMapEarth-items-cont .title span{flex: 1;}
.relMapEarth-items li .relMapEarth-items-cont .link i{display: block;margin-left: 10px;}
.relMapEarth-items li .relMapEarth-items-info{position: absolute;top: 0;right: 0;pointer-events:none;}
.relMapEarth-items li.show{opacity: 1;visibility: visible;pointer-events: auto;}
.relMapEarth-items li.active{z-index: 66;}
.relMapEarth-items li.active .relMapEarth-items-name{z-index: 68;}
.relMapEarth-items li.active .relMapEarth-items-line::after{width: 100%;transition: width 0.3s linear .2s;}
.relMapEarth-items li.active .relMapEarth-items-cont{opacity: 1;transition: opacity 0.3s linear .5s;pointer-events: auto;}
.relMapEarth-items li[data-country="CN"]:nth-child(1){top: 46%;left: 73.32%;}
.relMapEarth-items li[data-country="CN"]:nth-child(2){top: 39.3%;left: 70.5%;}
/* .relMapEarth-items li[data-country="CN"]:nth-child(3){top: 29%;left: 65.8%;}
.relMapEarth-items li[data-country="CN"]:nth-child(4){top: 40%;left: 56%;} */
.relMapEarth-items li[data-country="JP"]{top: 35.5%;left: 62.98%;}
.relMapEarth-items li[data-country="KR"]{top: 33.6%;left: 61.1%;}
.relMapEarth-items li[data-country="MY"]{top: 33.6%;left: 60.16%;}
.relMapEarth-items li[data-country="AU"]{top: 43.6%;left: 68.62%;}
.relMapEarth-items li[data-country="US"]{top: 45.6%;left: 64.2%;}
.relMapEarth-items li[data-country="PL"]{top: 33.6%;left: 62.04%;}
.relMapEarth-items li[data-country="MA"]{top: 32.8%;left: 60.98%;}
.relMapEarth-items li[data-country="ZA"]{top: 30.75%;left: 65.8%;}
.relMapEarth-items li[data-country="SG"]{top: 31.75%;left: 65.8%;}
@media all and (max-width:1700px) {
    .relMap{height: 1100px;}
    .relMapEarth{width: 1000px;height: 1000px;}
    .relMapEarth #chartdiv{width: 1000px;height: 1000px;right: -100px;}
}
@media all and (max-width:1590px) {
    .relMap .contain{padding-left: calc((100% - 1100px)/2);}
    .relMap{height: 700px;}
    .relMapEarth{width: 900px;height: 900px;}
    .relMapEarth #chartdiv{width: 900px;height: 900px;right: -80px;}
}
@media all and (max-width:1270px) {
    .relMap{height: 600px;}
    .relMap .contain {padding-left: calc((100% - 1000px)/2);}
    .relMapEarth{width:700px;height: 700px;}
    .relMapEarth #chartdiv{width: 700px;height: 700px;right: -80px;}
}
@media all and (max-width:1140px) {
    .relMap{height: auto;padding-bottom: 50px;}
    .relMap .contain{width: 92%;padding: 0;}
    .relMapEarth-bg, .relMapEarth #chartdiv{display: none;}
    .relMap-list{width: 100%;}
    .relMap-list ul{display: flex;flex-wrap: wrap;flex-direction: row;margin: 5px 0 0 0;}
    .relMap-list li{padding: 0 12px;border: 1px solid #0071c1;margin: 8px  8px 0 0;transition: all .4s ease;color: #0071c1;}
    .relMap-max{pointer-events: auto;}
    .relMapEarth{width: 100%;height: auto;margin-top: 40px;}
    .relMapEarth-box{opacity: 1;visibility: visible;}
    .relMapEarth-items{position: relative;width: 100%;}
    .relMapEarth-items li{display: none;position: relative;left: 0 !important;top: 0 !important;opacity: 1;visibility: visible;pointer-events: auto;width: 100%;height: auto;}
    .relMapEarth-items li .relMapEarth-items-info{position: relative;}
    .relMapEarth-items li .relMapEarth-items-name{position: relative;display: none;}
    .relMapEarth-items li .relMapEarth-items-cont{position: relative;width: 100%;opacity: 1;padding-top: 0 ;right: 0;}
    .relMap-list li::after{display: none;}
    .relMapEarth-items-line{display: none;}
    .relMapEarth-items li.active{display: block;}
    .relMap-list li.active{background: #0071c1;color: #fff;}
    .relMap-list li {font-size: 12px;padding:6px 10px;}
    .relMapEarth {margin-top: 22px;}
    .relMapEarth-items-name{font-size: 16px !important;}
    .relMapEarth-items li .relMapEarth-items-cont .title {margin-top: 0;font-size: 14px;position: relative;bottom: auto;}
    .relMapEarth-items li .relMapEarth-items-cont .text {margin-top: 4px;line-height: 1.2;font-size: 14px;}
    .relMapEarth-items li .relMapEarth-items-cont .text p {padding: 2px 0;}
    .relMapEarth-items li .relMapEarth-items-cont .link {margin-top: 8px;}
    .relMapEarth-items li .relMapEarth-items-cont .link a {font-size: 14px;margin-left: 0;}
    .relMapEarth-items li .relMapEarth-items-cont .link i{font-size: 14px;margin-left: 5px;}
    .relMap {padding-bottom: 40px;}
}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .newsShow-img img{height: 360px;}
    .newsShow-con{padding: 0 40px;}
    .newsItem-img img{height: 200px;}
    .pagesNav-item{margin-left: 40px;height: 80px;}
    .newsDet-side{padding: 35px;}
    .video-img .img img{height: 310px;}
    .video-img .btn{right: 30px;bottom: -30px;width: 60px;height: 60px;font-size: 22px;}
    .downItem-img img{height: 170px;}
    .downItem-con {padding: 25px 30px 0;}
    .serProc-list li{padding: 25px;min-height: 260px;}
    .serProc-title i{width: 35px;margin-right: 15px;}
    .serProc-page{font-size: 140px;}
    .applyLeft{padding: 50px 50px 50px calc((100vw - 1100px) / 2);}
    .applyRight {width: 60%;min-height: calc(100vh - 90px);padding: 50px 100px 0;padding-right: calc((100vw - 1100px) / 2);}
    .applyInput input,.applyMenu,.applyDrop li,.applyCode-btn,.applySubmit{height: 45px;}
    .applyInput textarea{height: 110px;}
    .devImage-img{height: 270px;}
    .devImage-label li{height: 38px;font-size: 15px;}
    .devImage-label{width: 90%;}
    .devAPI-list li{width: 200px;height: 200px;padding: 30px 20px 0;}
    .devHY-img img{height: 200px;}
    .devHY-con{padding: 20px 25px;}
    .abIntro-con .list{margin-left: -18px;}
    .abIntro-con .list li{font-size: 15px; margin: 18px 0 0 18px;height: 84px;width: calc(50% - 18px);padding: 0 10px 0 20px;}
    .abIntro-img .btn{width: 60px;height: 60px;}
    .abIntro-img .btn i {font-size: 20px;}
    .abHY-img img{height: 140px;}
    .abHY-con{padding: 15px 15px 35px;}
    .abHZ-slide{height: 100px;}
    .abHonor-slide{padding: 25px;}
    .abHonor-img .img{height: 250px;}
    .abYS-list li{width: 150px;}
    .abYS-list li.active {width: calc(100% - 150px * 4 - 12px * 5 );}
    .abYS-img img{height: 420px;}
    .abYS-con .img{height: 38px;}
    .abYS-con{padding: 0 0 25px 20px;transform: translateY(calc(100% - 120px));}
    .abYS-list li.active .abYS-con{padding: 0 30px 25px;}
    .abFZ-gallery-text{padding: 0 40px;}
    .abHonor-img .btn{width: 60px;}
    .techImage-gallery{padding: 0 5vw;}
    .techImage-thumbs{padding: 0;}
    .techImage-gallery-more .img img{border-radius: 10px;}
    .ldcIntro-img img{height: 400px;}
    .ldcIntro-con{padding: 0 50px;}
    .ldcTitle::after{height: 25px;}
    .ldcIntro-con::after{bottom: 8%;width: 35px;height: 90px;}
    .ldcFK-text,.hypeApp-list .list{font-size: 14px;}
    .ldcFK-text p,.hypeApp-list .list p{margin-top: 10px;padding-left: 25px;}
    .ldcFK-text p::after,.hypeApp-list .list p:after{width: 16px;height: 16px;top: 3px;}
    .ldcFK-list li{padding: 25px 25px 70px;}
    .ldcYZ-text p{margin-top: 24px;}
    .ldcCase-con{padding: 30px 60px 30px 45px;}
    .xfLJ-list .img{height: 290px;}
    .xfLJ-list li{padding-bottom: 20px;}
    .hardNav-item span{font-size: 15px;padding: 7px 25px;}
    .hardItem{padding: 30px 15px 25px 35px;}
    .hardItem-img{height: 180px;}
    .faqMenu,.faqDrop{padding: 25px 40px;}
    .faqMenu .title i{margin-right: 25px;}
    .hardDet-gallery-more{height: 400px;}
    .hardDet-thumbs-year{height: 77px;}
    .hardDet-show-btn{font-size: 20px;}
    .hardDet-nav li{height: 70px;}
    .hypeApp-list li{padding: 30px 30px 150px;}
    .hypeGN-list li{padding: 25px;height: 370px;}
    .hypeGN-list .img{height: 38px;}
    .hypeYS-list .img{border-radius: 10px;}
    .hypeYS-list .img img{height: 125px;}
    .proBan-img{width: 38%;}
    .innoIntro-list{margin-left: -15px;}
    .innoIntro-list li{margin: 15px 0 0 15px;width: calc(20% - 15px);padding: 25px;height: 400px;}
    .innoPlate-list .img{height: 400px;}
    .innoProc-icon{width: 75px;height: 75px;}
    .innoProc-list .title{font-size: 17px;}
    .innoProc-list li{padding: 0 1.6vw;}
    .isenHY-list li{min-height: 100px;padding: 15px 20px;width: 280px;}
    .isenHY-list .text{font-size: 14px;line-height: 20px;}
    .isenHY-list .page{width: 40px;height: 40px;}
    .isenTD-list li{padding: 25px;min-height: 430px;}
    .isenTD-text{padding-right: 0;}
    .isenTD-title{font-size: 16px;}
    .isenTD-title i{height: 32px;margin-right: 12px;}
    .isenHY-label li{width: 100px;height: 100px;}
    .isenHY-label li:nth-child(2){width: 150px;height: 150px;margin: 0 20px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .newsShow-img img{height: 330px;}
    .newsItem-img img{height: 185px;}
    .video-img .img img{height: 280px;}
    .downItem-img img{height: 160px;}
    .downItem-con {padding: 20px 25px 0;}
    .serProc-list li{padding: 20px;min-height: 240px;}
    .serProc-title i{width: 30px;margin-right: 10px;}
    .serProc-page{font-size: 110px;}
    .applyLeft{padding-left: calc((100vw - 1000px) / 2);}
    .applyRight{padding: 50px 60px 0; padding-right: calc((100vw - 1000px) / 2);}
    .devImage-img{height: 230px;}
    .devAPI-list li {width: 180px;height: 180px;padding: 25px 15px 0;}
    .abHY-img img{height: 125px;}
    .abFZ-gallery-text{padding: 0 20px;}
    .abHZ-slide{height: 80px;}
    .abHonor-img .img{height: 220px;}
    .abHonor-img .btn{width: 50px;}
    .abYS-list li{width: 130px;}
    .abYS-list li.active {width: calc(100% - 130px * 4 - 12px * 5 );}
    .abYS-img img{height: 350px;}
    .abYS-con .img{height: 34px;}
    .abYS-con{padding: 0 0 20px 15px;transform: translateY(calc(100% - 100px));}
    .abYS-list li.active .abYS-con{padding: 0 25px 20px;}
    .ldcTitle::after{top: 4px;height: 20px;}
    .xfLJ-list .img{height: 250px;}
    .hardNav-item span {font-size: 14px;padding: 5px 20px;}
    .hardItem {padding: 25px 10px 20px 30px;}
    .hardItem-img{height: 150px;}
    .faqMenu,.faqDrop{padding: 20px 30px;}
    .faqMenu .title i{margin-right: 20px;}
    .hardDet-gallery-more{height: 360px;}
    .hardDet-thumbs-year{height: 88px;}
    .hypeApp-list li {padding: 20px 20px 130px;}
    .hypeGN-list li{padding: 15px;height: 320px;}
    .hypeGN-list .img{height: 32px;}
    .hypeYS-list .img{border-radius: 8px;}
    .hypeYS-list .img img{height: 110px;}
    .proBan-con .contain{padding-top: 70px;}
    .innoIntro-list li{height: 350px;}
    .innoPlate-list .img{height: 320px;}
    .innoProc-list .title{font-size: 16px;}
    .isenGN-swp,.isenGN-slide{transform: rotate(0);}
    .isenGN-btn.prev{transform: translateY(-50%);right: auto;left: 0;}
    .isenGN-btn.next{transform: translateY(-50%) rotate(180deg);left: auto;right: 0;}
    .isenHY-list .text{font-size: 12px;line-height: 16px;}
    .isenHY-list li {min-height: 90px;padding: 10px 15px;width: 250px;}
    .isenHY-list .page{width: 30px;height: 30px;}
    .isenHY-label li{width: 85px;height: 85px;}
    .isenHY-label li:nth-child(2){width: 120px;height: 120px;margin: 0 15px;}
    .isenTD-list li{min-height: 400px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .pages-pagination .swiper-pagination-bullet{width: 15px;height: 2px;}
    .pagesBan-con .title::after{width: 45px;height: 1px;}
    .pagesNav-box,.newsNav-box{overflow-x: auto;width: 100%;}
    .pagesNav,.newsNav{flex-wrap: nowrap;white-space: nowrap;}
    .pagesNav-item{margin: 0 10px !important;height: 48px;}
    .pagesNav-item::after{bottom: 0;height: 1px;}
    .newsNav-item{height: 32px;padding: 0 20px;margin: 0 8px !important;}
    .newsShow .swiper-container,.newsShow-slide{border-radius: 5px;}
    .newsShow-img{width: 100%;}
    .newsShow-img img{height: 195px;}
    .newsShow-con{width: 100%;padding: 25px 15px 35px;}
    .newsShow-con .label{padding: 2px 12px;}
    .newsItem{width: 100%;}
    .newsItem-img{border-radius: 5px;}
    .newsItem-img img{height: 200px;}
    .newsDet-left{width: 100%;}
    .newsDet-next{width: 100%;}
    .newsDet-switch{flex-direction: column;}
    .newsDet-next:nth-child(1){order: 2;margin-top: 20px;}
    .newsDet-next:nth-child(3){order: 3;margin-top: 10px;}
    .newsDet-back{order: 1;width: 110px;height: 38px;}
    .newsDet-side{position: relative;top: auto;width: 100%;margin-top: 30px;padding: 25px 15px;}
    .video-item{width: 100%;}
    .video-img .img{border-radius: 5px;}
    .video-img .img img{height: 200px;}
    .video-img .btn{right: 20px;width: 40px;height: 40px;bottom: -20px;font-size: 14px;}
    .downList{margin-left: 0;}
    .downItem{width: 100%;margin: 15px 0 0;}
    .downItem-con{padding: 20px 15px 0;}
    .downItem-img img{height: 130px;}
    .downItem-con .btn i{font-size: 12px;margin-left: 5px;}
    .serNum{padding: 40px 4%;}
    .serNum-center{display: none;}
    .serNum-left{width: 100%;}
    .serNum-left li:first-child{margin: 0;}
    .serNum-left-text p, .serNum-right-text .text p{margin-top: 0;}
    .serNum-left-title .num{line-height: 1.2;}
    .serNum-right-img{display: none;}
    .serNum-right{width: 100%;}
    .serNum-right-text .title{padding: 5px 20px 5px 10px;}
    .serProc-list{margin-left: 0;}
    .serProc-list li{width: 100%;margin: 15px 0 0;border-radius: 5px 5px 0 0;padding: 25px 15px;min-height: 200px;}
    .serProc-title i{height: 30px;}
    .serProc-title i img{max-height: 100%;}
    .applyLeft{width: 100%;padding: 40px 4%;}
    .applyTel{position: relative;margin-top: 40px;}
    .applyLeft .comTitle .title::after{width: 50px;height: 1px;}
    .applyRight{width: 100%;padding: 40px 4%;min-height: unset;}
    .applyInput input, .applyMenu, .applyDrop li, .applyCode-btn, .applySubmit{height: 38px;}
    .applyInput input{font-size: 12px;border-radius: 4px;padding-left: 12px;}
    .applyInput input::-webkit-input-placeholder{font-size: 12px;}
    .applyMenu{padding-left: 12px;border-radius: 4px;}
    .applyMenu.active{background-origin: 4px 4px 0 0;}
    .applyMenu::after{right: 10px;width: 6px;height: 4px;border-width: 3px;}
    .applyDrop li{padding-left: 12px;}
    .applyDrop{max-height: 190px;}
    .applyCode-btn{width: 95px;border-radius: 4px;}
    .applyInput textarea{height: 150px;padding: 12px 0 0 12px;font-size: 12px;}
    .applyInput textarea::-webkit-input-placeholder{font-size: 12px;}
    .applyLink i{width: 12px;height: 12px;margin-right: 5px;}
    .applyLink i::after{transform: scale(.5);}
    .applySubmit{width: 120px;}
    .devImage-flex .contain{flex-direction: column;align-items: center;}
    .devImage-img{width: 80%;height: 160px;}
    .devImage-con{width: 100%;margin-top: 30px;}
    .devImage-label{width: 100%;}
    .devImage-label li{width: calc((100% / 3) - 10px);font-size: 13px;height: 36px;}
    .devImage-num li{display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;text-align: center;}
    .devAPI-list{padding: 0 10px;margin-top: 0;}
    .devAPI-list li{width: 140px;height: 140px;margin-top: 40px;padding: 15px 10px 0;}
    .devAPI-list li::after{width: 115%;height: 115%;}
    .devAPI-list .text{font-size: 12px;margin-top: 4px;}
    .devZY-num .img{margin-left: 10px;width: 15px;}
    .devZY-text{font-size: 12px;}
    .devHY-slide{border-radius: 5px;}
    .abIntro-con{width: 100%;}
    .abIntro-con .list{margin-left: -10px;}
    .abIntro-con .list li{font-size: 13px;margin: 10px 0 0 10px;border-radius: 5px;height: 70px;}
    .abIntro-img{width: 100%;margin-top: 30px;border-radius: 5px;}
    .abIntro-img .btn{width: 50px;height: 50px;}
    .abIntro-img .btn i{font-size: 18px;}
    .abIntro-bg1,.abIntro-bg2{display: none;}
    .abHY-list{margin-left: 0;}
    .abHY-list li{width: 100%;margin: 20px 0 0;border-radius: 5px 5px 0 0;}
    .abHY-con {padding: 20px 15px 30px;}
    .abFZ-thumbs{padding: 0;}
    .abFZ-thumbs-year i{margin-top: 6px;width: 6px;height: 6px;}
    .abFZ-thumbs::after, .abFZ-thumbs-line{bottom: 11px;}
    .abFZ-btn{display: none;}
    .abFZ-gallery{padding: 0;}
    .abFZ-gallery-year{width: 100%;}
    .abFZ-gallery-year::after{display: none;}
    .abFZ-gallery-year .bg{font-size: 100px;}
    .abFZ-gallery-year .text{font-size: 30px;}
    .abFZ-gallery-text{width: 100%;padding: 30px 0 0;}
    .abFZ-gallery-text p{padding-left: 15px;margin-top: 10px;}
    .abFZ-gallery-text p::after{top: 5px;width: 9px;height: 9px;}
    .abFZ-gallery-text p::before{left: 3px;top: 8px;width: 3px;height: 3px;}
    .abHZ-slide{height: 66px;}
    .abHonor-nav li{padding-bottom: 10px;}
    .abHonor-slide{border-radius: 5px;padding: 15px;}
    .abHonor-img .img{height: 150px;}
    .abHonor-title{font-size: 12px;}
    .abYS-list{width: 100%;margin-left: 0;flex-wrap: wrap;margin-top: 0;}
    .abYS-list li{width: 100% !important;margin: 15px 0 0;border-radius: 5px;}
    .abYS-img img{height: 260px;max-width: 100%;object-fit: cover;}
    .abYS-con{padding: 0 15px 20px !important;opacity: 1 !important;transform: none !important;}
    .abYS-con .title{margin-top: 12px;}
    .abYS-con .text{opacity: 1 !important;}
    .abYS-con .img{height: 30px;}
    .techRD-list{margin-left: 0;}
    .techRD-list li{width: 100%;margin: 10px 0 0;}
    .techImage-gallery-more{margin-left: -10px;}
    .techImage-gallery-more li{margin: 15px 0 0 10px;width: calc(50% - 10px);}
    .techImage-gallery-more .img img{border-radius: 5px;}
    .techImage-thumbs-year .text{font-size: 12px;white-space: nowrap;transform: scale(0.9);margin-top: 8px;}
    .techImage-thumbs-year .dot{width: 8px;height: 8px;margin-top: 2px;}
    .techImage-thumbs::after{top: 46px;height: 1px;}
    .techImage-thumbs-year .line{height: 40px;}
    .techImage-thumbs-year .line::after{width: 1px;}
    .ldcIntro-flex,.ldcCase-swp .swiper-container{border-radius: 5px;box-shadow: 0px 5px 13px 0px rgba(4, 17, 25, 0.06);}
    .ldcIntro-img{width: 100%;border-radius: 5px 5px 0 0;}
    .ldcIntro-img img{height: 250px;}
    .ldcIntro-con{width: 100%;padding: 25px 15px;}
    .ldcIntro-con::after{bottom: 5px;width: 20px;height: 60px;}
    .ldcFK-list{margin: 0;}
    .ldcFK-list li{width: 100% !important;margin: 15px 0 0;border-radius: 5px;padding: 15px 15px 25px;}
    .ldcFK-title i{height: 25px;margin-right: 10px;}
    .ldcFK-text,.hypeApp-list .list{font-size: 13px;}
    .ldcFK-text p,.hypeApp-list .list p{width: 100% !important;margin-top: 8px;padding-left: 20px;}
    .ldcFK-text p::after,.hypeApp-list .list p:after{width: 12px;height: 12px;top: 2px;}
    .ldcTitle{padding-left: 14px;}
    .ldcTitle::after{height: 16px;}
    .ldcYZ-text p{width: 100%;margin-top: 10px;padding: 0 0 0 20px;}
    .ldcYZ-text p::after{width: 12px;height: 12px;top: 3px;}
    .ldcCase-slide{border-radius: 5px;flex-direction: column-reverse;}
    .ldcCase-img{width: 100%;height: auto;}
    .ldcCase-con{width: 100%;padding: 25px 15px;height: auto;flex: 1;}
    .ldcCase-num{bottom: 15px;}
    .ldcCase-num li{margin-left: 60px;}
    .ldcCase-num .text{font-size: 12px;}
    .xfLJ-list{margin-left: -10px;}
    .xfLJ-list li{padding: 0 10px 15px; margin: 10px 0 0 10px;width: calc(50% - 10px);border-radius: 5px 5px 0 0;}
    .xfLJ-list .img{height: 200px;}
    .hardNav-box{overflow-x: auto;width: 100%;}
    .hardNav{flex-wrap: nowrap;white-space: nowrap;}
    .hardNav-item{margin: 0;padding: 0 15px;width: auto;}
    .hardNav-item span{font-size: 12px;padding: 4px 18px;}
    .hardNav-item:first-child{border-left: unset;}
    .hardList{margin-left: 0;}
    .hardItem{margin: 15px 0 0;width: 100%;border-radius: 5px;padding: 25px 15px;}
    .hardItem-con{width: 100%;}
    .hardItem-img{width: 100%;margin-top: 20px;height: 200px;}
    .faqMenu, .faqDrop{padding: 20px 15px;}
    .faqList li{border-radius: 5px;}
    .faqMenu .title{font-size: 13px;}
    .faqMenu .title i{width: 20px;margin-right: 10px;}
    .hardDet{padding-top: 0;}
    .hardDet-show-swp{width: 100%;}
    .hardDet-gallery-more{height: 250px;}
    .hardDet-thumbs{padding: 0 30px;}
    .hardDet-show-btn{font-size: 14px;width: 30px;}
    .hardDet-thumbs-year{height: 63px;}
    .hardDet-show-con{width: 100%;padding-top: 30px;}
    .hardDet-show-link .btn{margin-left: 15px;padding: 8px 20px;}
    .hardDet-show-link .btn i{font-size: 12px;margin-right: 5px;}
    .hardDet-nav ul{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .hardDet-nav li{flex: unset;height: 44px;}
    .hardDet-nav span{padding: 3px 15px;}
    .proBan-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .proBan-bg img{height: 100%;}
    .proBan-con{position: relative;z-index: 2;}
    .proBan-con .contain{padding: 40px 0 60px;flex-direction: column;justify-content: flex-start;}
    .proBan-img{width: 70%;margin: 0 auto;display: none;}
    .proBan-text{width: 100%;}
    .hypeApp-list{margin-left: 0;}
    .hypeApp-list li{width: 100%;margin: 15px 0 0;border-radius: 5px;}
    .hypeGN-list{margin-left: 0;}
    .hypeGN-list li{margin: 15px 0 0 ;width: 100%;border-radius: 5px 5px 0 0;height: auto;min-height: 180px;}
    .hypeGN-list .img{height: 30px;}
    .hypeYS-list{margin-left: -10px;}
    .hypeYS-list li{margin: 15px 0 0 10px;width: calc(50% - 10px);}
    .hypeYS-list .img{border-radius: 6px;}
    .hypeYS-list .img img{height: 100px;}
    .hypeYS-list .text{margin-top: 5px;}
    .innoIntro-list{margin-left: -10px;}
    .innoIntro-list li{width: calc(50% - 10px);margin: 10px 0 0 10px;border-radius: 5px;padding: 15px;height: 250px;}
    .innoIntro-list .img{height: 32px;}
    .ldcFK-page, .innoIntro-list .page{font-size: 100px;right: 0px;}
    .innoIntro-list li::after{width: 100%;height: 100px;}
    .innoPlate-list{margin-left: 0;}
    .innoPlate-list li{width: 100%;margin: 20px 0 0;}
    .innoPlate-list .img{padding: 15px;border-radius: 5px;height: 250px;box-shadow: 0px 4px 12px 4.4px rgba(12, 87, 132, 0.1);}
    .innoProc-list li{width: 100%;padding: 0 30px;margin-top: 30px;}
    .innoProc-list .title{font-size: 15px;}
    .innoProc-icon{width: 58px;height: 58px;}
    .isenGN-btn{display: none;}
    .isenGN-swp .swiper-container{width: 90%;border-radius: 5px;}
    .isenGN-slide::after{display: none;}
    .isenGN-slide{border-radius: 5px;}
    .isenAI-list{margin-left: 0;}
    .isenAI-list li{width: 100%;margin: 15px 0 0 ;}
    .isenHY{padding-bottom: 40px;}
    .isenHY-center{display: none;}
    .isenHY-list{position: relative;}
    .isenHY-list li{min-height: 110px;width: 100%;padding: 25px 15px;border-radius: 5px;margin-top: 20px; position: relative;left: auto !important;top: auto !important;right: auto !important;bottom: auto !important;}
    .isenHY-list li:first-child{margin-top: 0;}
    .isenHY-list li:nth-child(n+5) .page{right: auto;left: 0;transform: translate(-50%,-50%);}
    .isenTD-list{margin-left: 0;}
    .isenTD-list li{margin: 15px 0 0;width: 100%;border-radius: 5px;min-height: unset;padding: 25px 15px 100px;}
    .isenTD-page{font-size: 100px;left: 15px;bottom: -5px;}
    .isenTD-text p{margin-top: 8px;}
    .isenTD-title i{height: 25px;}
    .isenNum-list li{width: 50%;}
    .isenNum-list .line{width: 40px;height: 1px;}
    .isenNum-list .title{font-size: 12px;}
    .isenNum-list .text{font-size: 14px;}
    .isenNum-list .text span{font-size: 18px;}
    .ctaMsg .applyInput{width: 48%;}
    .techImage-gallery .text br{display: none;}
    .devBlock-img img{height: 150px;animation-duration: 20s;}
    .hardDet-con{overflow-x: auto;}
    .hardDet-con table{width: 150%;}
    .hardDet-con table td{font-size: 12px;padding: 5px;}
    .hardSelect{width: 100%;}
    .hardNav2-box{overflow-x: auto;}
    .hardNav2{margin: 0;flex-wrap: nowrap;white-space: nowrap;}
    .hardNav2 .item{margin: 0 0 0 20px;}
    .hardNav2 .item i{margin-right: 5px;width: 10px;height: 10px;}
    .hardNav2 .item i::after{width: 4px;height: 4px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}