@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{width: max(38px,0.46rem);height: max(38px,0.46rem);border: 1px solid #e1e1e1;margin: 0 max(3px,0.05rem);font-size: max(14px,0.16rem);color: #555;transition: all .4s ease;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;line-height: 1;}
.paging-menu a.next{transform: rotateY(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #5967ab;background-color: #5967ab;color: #fff;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: max(14px,0.16rem);color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: max(48px,0.54rem);text-align: center;height: max(38px,0.46rem);border: 1px solid #e1e1e1;font-size: max(14px,0.16rem);color: #666;border-radius: 3px;transition: all .4s ease;padding: 0 max(6px,0.12rem);}
.paging-skip input:focus{border-color: #5967ab;}
.paging-skip button{color: #555;font-size: max(14px,0.16rem);padding: 0 max(14px,0.18rem);border: 1px solid #e1e1e1;transition: all .4s ease;height: max(38px,0.46rem);background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #5967ab;color: #fff;border-color: #5967ab;}
.paging-hint span{color: #5967ab;}
@media all and (max-width:1000px){.paging-skip{width: 100%;margin-left: 0;justify-content: center;margin-top: 8px;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #5967ab;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #5967ab;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: max(20px,0.4rem) max(15px,0.26rem);margin-top: max(12px,0.18rem);}
.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: #5967ab !important;}
.search-link:hover h2{color: #5967ab;}
/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
.privacy-content h6{color: #333;line-height: inherit;}
/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: max(14px,0.24rem);}
.webmap-title::after{content: "";position: absolute;width: max(36px,0.6rem);left: 0;right: 0;margin: 0 auto;bottom: 0;height: max(2px,0.04rem);background: #5967ab;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -0.4rem 0 0 -0.4rem;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 0.4rem);margin: 0.4rem 0 0 0.4rem;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: #5967ab;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: max(16px,0.2rem);width: 100%;padding-bottom: max(12px,0.2rem);line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: max(10px,0.2rem);}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: max(4px,0.06rem) 0;font-size: max(15px,0.18rem);}
.webmap-list>ul>li>.drop .drop a{padding-left: max(12px,0.18rem);font-size: max(14px,0.16rem);}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 0.14rem;}
@media all and (max-width: 1000px){
    .webmap-list>ul>li>.drop .drop a::before{top: 0.2rem;}
    .webmap-list>ul{margin: -14px 0 0;}.webmap-list>ul>li{width: 100%;margin: 14px 0 0;}.webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
/* 内页公共 */
.pagesBread .item{margin-left: 24px;color: rgba(28, 38, 69, .75);}
.pagesBread .item::after{content: "";position: absolute;left: -14px;top: 50%;transform: translateY(-50%);border: 4px solid transparent;border-left-color: #dadef0;}
.pagesBread .item:first-child{margin-left: 0;}
.pagesBread .item:first-child::after{display: none;}
.pagesBread .item:hover,.pagesBread .item:last-child{color: #1c2645;}
/* 产品-列表 */
.proFlex{border-top: 1px solid #dadef0;}
.proLeft{width: 20%;padding: 0.2rem 0.12rem 0.6rem;}
.proLeft-title{opacity: .75;}
.proNav-menu{align-items: center;user-select: none;cursor: pointer;}
.proNav-menu .title{max-width: calc(100% - 25px);}
.proNav-menu .btn{width: 25px;font-size: 10px;font-weight: 700;color: #adb1bc;transform: rotate(180deg);}
.proNav-menu .btn i{display: block;transform: scale(.8);}
.proNav-menu.active .title,.proNav-menu:hover .title{color: #1c2088;}
.proNav-menu.on .btn{transform: rotate(0);}
.proNav-drop{display: none;}
.proNav-drop .item{align-items: center;}
.proNav-drop .item i{width: max(10px,0.12rem);height: max(10px,0.12rem);border-radius: 50%;border: 1px solid #596077;margin-right: max(8px,0.1rem);}
.proNav-drop .item i::after{content: ""; display: block;width: max(4px,0.06rem);height: max(4px,0.06rem);border-radius: 50%;background: transparent;}
.proNav-drop .item.active i{border-color: #1c2088;}
.proNav-drop .item.active i::after{background: #1c2088;}
.proNav-drop .item:hover{color: #1c2088;}
.proRight{width: 80%;border-left: 1px solid #dadef0;}
.proRight-title{background: #f7f8fc;padding: 0.45rem 0.4rem;}
.proList{padding: 0.25rem 0.4rem 0.6rem;}
.proList-item{height: 100%;padding: 0 0 1.2rem;border: 1px solid #dadef0;background: linear-gradient(to bottom,#ebebf1 0%,#fff 70%);}
.proList-item .img{height: 3.4rem;}
.proList-item .img img{max-width: 80%;max-height: 100%;}
.proList-item .desc{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.2rem;}
.proList-item:hover{box-shadow: 0 0 6px 2px rgba(0, 0, 0, .1);}
.proList-item:hover .img img{transform: scale(1.2);}
.proApp{background: #f7f8fc;padding: 0.55rem 0.4rem;}
.proApp-item{justify-content: space-between;align-items: center;}
.proApp-img{width: 49%;}
.proApp-img img{width: 100%;height: 2.5rem;}
.proApp-con{width: 47%;}
.proApp-item:first-child{margin-top: max(10px,0.3rem);}
.proApp-item:nth-child(2n){flex-direction: row-reverse;}
.proWhy{padding: 0.55rem 0.4rem;}
.proWhy-item{height: 100%;border: 1px solid #dadef0;padding: 0.3rem 0.2rem 0.2rem;}
.proWhy-item .ico{height: max(24px,0.44rem);}
.proWhy-item .ico img{max-height: 100%;}
/* 产品-详情 */
.proDet-nav{background: #f7f8fc;padding: 0.14rem 0.42rem;align-items: center;}
.proDet-nav .list{flex: 1;}
.proDet-nav .item{margin-left: 6px;padding: 7px 18px;}
.proDet-nav .item:first-child{margin-left: 12px;}
.proDet-nav .item span{position: relative;z-index: 2;}
.proDet-nav .item::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;transition: all .4s ease;border: 1px solid #1c2645;background: #fff;}
.proDet-nav .item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;transition: all .4s ease;background: linear-gradient(to right,#1b2e92,#0598db);opacity: 0;}
.proDet-nav .item.active{color: #fff;}
.proDet-nav .item.active::before{opacity: 0;}
.proDet-nav .item.active::after{opacity: 1;}
.proDet-show{padding: 0.8rem 0.7rem 0.9rem;}
.proDet-show-flex{justify-content: space-between;align-items: center;}
.proDet-show-swp{width: 45%;}
.proDet-show-slide{height: 3.8rem;}
.proDet-show-slide img{max-height: 100%;}
.proDet-show-btn{z-index: 2; user-select: none;cursor: pointer;width: max(28px,0.38rem);height: max(28px,0.38rem);color: #adb1bc;position: absolute;left: -0.3rem;top: 50%;transform: translateY(-50%);}
.proDet-show-btn.next{left: auto;right: -0.3rem;transform: translateY(-50%) rotate(180deg);}
.proDet-show-btn:hover{color: #1b2e92;}
.proDet-show-con{width: 45%;}
.proDet-show-type{align-items: center;}
.proDet-show-model{background: #ecedf4;padding: 8px 10px;align-items: center;margin-right: 12px;overflow: visible;position: relative;}
.proDet-show-model::after{content: "";position: absolute;right: -12px;top: 0; width: 1px;height: 100%;background: #dadef0;}
.proDet-show-model i{display: block;width: 9px;height: 9px;border-radius: 50%;background: #1c2088;margin-right: 6px;}
.proDet-show-num{margin: 0 10px 0 12px;}
.proDet-show-select{width: 120px;font-family: 'M';}
.proDet-show-select .customSelect-name{height: 30px;border: 1px solid #dadef0;border-radius: 3px;font-size: 12px;color: #1c2645;padding: 0 12px;}
.proDet-show-select .customSelect-name::after{content: "";right: 10px;top: 50%;transform: translateY(-50%);border: 4px solid transparent;border-top-color: #8d92a2;height: auto;}
.proDet-show-select .customSelect-name.noRadius::after{transform: translateY(-50%) rotate(180deg);}
.proDet-show-select .customSelect-drop .select{font-size: 12px;}
.proDet-show-feature .text p{position: relative;padding-left: max(14px,0.25rem);margin-top: max(6px,0.1rem);}
.proDet-show-feature .text p::after{content: "";position: absolute;left: max(4px,0.09rem);top: max(3px,0.07rem);width: 4px;height: 4px;border-radius: 50%;background: #1c2645;}
.proDet-show-more .btn{padding: 8px 16px;}
.proDet-show-more .btn span,.proDet-show-more .btn i{position: relative;z-index: 2;}
.proDet-show-more .btn i{display: block;font-size: 15px;margin-right: 6px;}
.proDet-show-more .btn::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;border: 1px solid #1c2645;transition: all .4s ease;}
.proDet-show-more .btn::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;opacity: 0;transition: all .4s ease;background: linear-gradient(to right,#1b2e92,#0599db);}
.proDet-show-more .btn:nth-child(2){margin-left: 12px;}
.proDet-show-more .btn:hover{color: #fff;}
.proDet-show-more .btn:hover::before{opacity: 0;}
.proDet-show-more .btn:hover::after{opacity: 1;}
.proDet-menu{border-bottom: 1px solid #dadef0;}
.proDet-menu .item{padding: 0 0.18rem 0.2rem;user-select: none;cursor: pointer;color: #8d92a2;}
.proDet-menu .item::after{content: "";position: absolute;left: 50%;bottom: -1px;width: 0;height: 2px;background: #1c2088;transform: translateX(-50%);transition: all .4s ease;}
.proDet-menu .item:hover,.proDet-menu .item.active{color: #1c2645;}
.proDet-menu .item.active::after{width: 100%;}
.proDet-drop{display: none;}
.proDet-drop:nth-child(1){display: block;}
.proDet-spec{padding: 0.7rem 0.35rem 0;}
.proDet-spec .proDet-desc{padding: 0 1.6rem;}
.proDet-spec-item{flex-direction: column;justify-content: flex-start;border: 1px solid #dadef0;padding: 0.36rem 0.3rem 0.3rem;height: 100%;}
.proDet-spec-item .ico{height: max(25px,0.5rem);}
.proDet-spec-item .ico img{max-height: 100%;}
.proDet-feat-list{background: #f7f8fc;padding: 0 0.35rem 0.6rem;}
.proDet-feat-item{align-items: center;justify-content: space-between;}
.proDet-feat-con{width: 40%;}
.proDet-feat-img{width: 49%;}
.proDet-feat-img img{width: 100%;height: 2.9rem;}
.proDet-feat-item:nth-child(2n){flex-direction: row-reverse;}
.proDet-hot{padding: 0.9rem 0.35rem 0;}
.proDet-hot-swp,.proDet-case-swp{width: calc(100% + 12px);margin-left: -6px;}
.proDet-hot-swp .swiper-slide,.proDet-case-swp .swiper-slide{padding: 6px;}
.proDet-hot-slide{padding: 0 0.25rem 0.25rem;border: 1px solid #dadef0;}
.proDet-hot-slide .img{height: 2.6rem;}
.proDet-hot-slide .img img{max-height: 100%;}
.proDet-hot-slide:hover,.proDet-case-slide:hover{box-shadow: 0 0 6px 2px rgba(0, 0, 0, .1);}
.proDet-hot-slide:hover .img img,.proDet-case-slide:hover .img img{transform: scale(1.2);}
.proDet-case{padding: 0.9rem 0.35rem;}
.proDet-case-slide{border: 1px solid #dadef0;}
.proDet-case-img img{width: 100%;height: 2.3rem;}
.proDet-case-con{padding: 0.2rem;}
.proDet-case-con .date{align-items: center;}
.proDet-case-con .date i{display: block;width: max(12px,0.14rem);margin-right: 6px;}
.proDet-table{padding: 0.7rem 0.35rem 0;}
.proDet-table table{width: 100%;}
.proDet-table td{border: 1px solid #dadef0;background: #fff;padding: 10px 6px;}
.proDet-table tr:first-child td{background: #f7f8fa;padding: 18px 6px;font-family: 'SB';}
.proDet-table td.one{color: #5967ab;font-family: 'SB';background: #f7f8fa;padding: 10px 15px;}
.proDet-video{padding: 0.7rem 0.35rem 0;}
.proDet-video-con .img img{width: 100%;height: 4.8rem;}
.proDet-video-con .btn{padding: 0.05rem 0 0 0.1rem;user-select: none;cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(50px,1rem);height: max(50px,1rem);border-radius: 50%;background: rgba(28, 38, 69, .4);backdrop-filter: blur(10px);}
.proDet-video-con .btn:hover{background: #fff;color: #1c2088;}
.proDet-faq{padding: 0.7rem 0.35rem 0;}
.proDet-faq-list{border: 1px solid #dadef0;}
.proDet-faq-menu{padding: 12px 16px; border-top: 1px solid #dadef0;user-select: none;cursor: pointer;align-items: center;}
.proDet-faq-menu .title{flex: 1;padding-right: 10px;}
.proDet-faq-menu .btn{border: 5px solid transparent;border-top-color: #545a78;}
.proDet-faq-item:first-child .proDet-faq-menu{border-top: unset;}
.proDet-faq-menu.active{background: #ebecf0;}
.proDet-faq-menu.active .btn{transform: rotate(180deg);}
.proDet-faq-drop{display: none;padding: 12px 16px 22px;border-top: 1px solid #dadef0;}
.proDet-faq-drop a{color: #5967ab;font-family: 'B';}
.proDet-faq-drop a:hover{text-decoration: underline;}
.proDet-calc{background: #f7f8fc;padding: 0.6rem 0.3rem 0.8rem;}
.proDet-calc-con{padding: 0.5rem 0.4rem 0.6rem;box-shadow: 0px 3px max(12px,0.24rem) 0px rgba(28, 38, 69, 0.08);background: #fff;}
.proDet-calc-module{width: 50%;padding: 0 0.6rem;}
.proDet-calc-module:nth-child(2){border-left: 1px solid #dadef0;}
.proDet-calc-name{width: 100%;}
.proDet-calc-name .customSelect-name{color: #1c2645;border-radius: 5px;height: max(42px,0.48rem);border: 1px solid #dadef0;padding: 0 max(12px,0.14rem);}
.proDet-calc-name .customSelect-name::after{content: "";right: max(12px,0.14rem);top: 50%;height: auto;transform: translateY(-50%);border: 4px solid transparent;border-top-color: #555c74;}
.proDet-calc-name .customSelect-name.noRadius::after{transform: translateY(-50%) rotate(180deg);}
.proDet-calc-img{height: 2.7rem;}
.proDet-calc-img img{max-width: 90%;max-height: 100%;}
.proDet-calc-form .box{background: #f2f3f5;padding: 5px 12px 0;overflow: visible;}
.proDet-calc-form .tips{display: none;color: #ff0000;margin-top: 2px;}
.proDet-calc-form .title{font-size: 10px;color: #72788b;}
.proDet-calc-form .text{align-items: center;height: max(30px,0.34rem);padding-bottom: 2px;}
.proDet-calc-form .customSelect-name{border: unset; color: #1c2645; font-size: 12px;height: max(30px,0.34rem);padding: 0 0 2px;}
.proDet-calc-form .customSelect-name::after{content: "";right: 0;top: 50%;height: auto;transform: translateY(-50%);border: 4px solid transparent;border-top-color: #555c74;}
.proDet-calc-form .customSelect-name.noRadius::after{transform: translateY(-50%) rotate(180deg);}
.proDet-calc-form .customSelect-drop{left: -12px;width: calc(100% + 24px);}
.proDet-calc-form input{height: max(30px,0.34rem);padding-bottom: 2px;width: 100%;background:transparent;}
.proDet-result{display: none;}
.proDet-result-title{padding: 0 0.6rem;}
.proDet-result-list{width: 50%;padding: 0 0.6rem;}
.proDet-result-item .text{background: #f2f3f5;padding: 0 max(12px,0.14rem);height: max(34px,0.38rem);align-items: center;}
.proDet-result-item .text i{width: max(7px,0.09rem);height: max(7px,0.09rem);border-radius: 50%;margin-right:max(4px,0.06rem);background: #1c2088;}
.proDet-result-item .text span{flex: 1;}
.build-desc{flex-direction: column;}
.build-desc .img{width: max(250px,4.04rem);}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}