@charset "utf-8";
/* =====================内页样式======================== */
.commonBan{width: 100%;position: relative;}
.commonBan img{width: 100%;object-fit: cover;}

/* 案例-列表 */
.case{width: 100%;padding: 100px 0;overflow: hidden;background: #f6f6f6;}
.case-list{width: 100%;}
.case-ul{margin: -2.5% 0 0 -2.5%;display: flex;flex-wrap: wrap;}
.case-link{display: block;width: 30.8333%;float: left;margin: 2.5% 0 0 2.5%;}
.case-img{width: 100%;overflow: hidden;}
.case-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.case-cont{width: 100%;background: #fff;padding: 32px 28px 50px;transition: all .4s ease;}
.case-cont-title{width: 100%;position: relative;height: 46px;padding-left: 74px;}
.case-cont-title span{position: absolute;font-size: 14px;color: #a7a7a7;left: 0;top: 0;line-height: 22px;transition: all .4s ease;}
.case-cont-title h2{width: 100%;font-size: 18px;color: #333;font-family: "kb";line-height: 22px;transition: all .4s ease;text-align: right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.case-cont-title::after{content: "";position: absolute;right: 0;bottom: 0;background: #eeca25;height: 1px;width: 8%;transition: all .6s ease;}
.case-link:hover .case-img img{transform: scale(1.06);}
.case-link:hover .case-cont{background: #eeca25;}
.case-link:hover .case-cont-title span{color: #fff;}
.case-link:hover .case-cont-title h2{color: #fff;}
.case-link:hover .case-cont-title::after{width: 100%;background: #fff;}
.case-more{width: 100%;margin-top: 44px;}
.case-more a{display: flex;align-items: center;justify-content: center;width: 260px;height: 48px;border: 1px solid #535353;margin: 0 auto;transition: all .4s ease;}
.case-more a span{font-size: 14px;color: #535353;background: url('../images/pages/caseEye.png') no-repeat left center;padding-left: 24px;text-transform: uppercase;transition: all .4s ease;}
.case-more a:hover{background: #eeca25;border: 1px solid #eeca25;}
.case-more a:hover span{color: #fff;background-image: url('../images/pages/caseEyeH.png');}

/* 案例-详情 */
.casexqban-cont{position: absolute;z-index: 2;width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;}
.casexqban-cont h2{font-size: 36px;color: #eeca25;position: relative;font-family: "kb";}
.casexqban-cont h2::before{content: "";position: absolute;width: 80px;height: 5px;background: #fff;left: 0;top: -32px;}
.casexq{width: 100%;padding: 80px 0 100px;overflow: hidden;background: #f6f6f6;}
.casexq-bar{width: 100%;background: #fff;}
.casexq-bar-cont, .casexq-bar-img{width: 50%;float: left;}
.casexq-bar-img img{width: 100%;object-fit: cover;}
.casexq-bar-cont{padding: 84px 48px 48px;}
.casexq-bar-cont h2{font-size: 26px;color: #2a3e86;font-family: "kb";padding-bottom: 20px;position: relative;margin-bottom: 36px;}
.casexq-bar-cont h2::after{content: "";position: absolute;background: #eeca25;width: 34px;height: 2px;left: 0;bottom: 0;}
.casexq-bar-cont p{font-size: 16px;color: #555;line-height: 30px;}
.casexq-mix{width: 100%;margin-top: 24px;background: #fff;padding: 48px;}
.casexq-mix-cont{width: 100%;font-size: 16px;color: #555;}
.casexq-mix-cont img{max-width: 100%;margin-top: 32px;}
.casexq-mix-cont img:first-of-type{margin-top: 0;}
.casexq-btn{width: 100%;margin-top: 66px;padding-top: 48px;border-top: 1px solid #f6f6f6;display: flex;flex-wrap: wrap;justify-content: space-between;}
.casexq-btn a{display: flex;align-items: center;height: 32px;}
.casexq-btn a span{font-size: 16px;color: #555;font-family: "kb";transition: all .4s ease;position: relative;}
.casexq-btn a.casexq-btn-prev span, .casexq-btn a.casexq-btn-next span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 280px;}
.casexq-btn a.casexq-btn-prev span{background: url('../images/pages/casexqArr.png') no-repeat left center;padding-left: 24px;}
.casexq-btn a.casexq-btn-next span{background: url('../images/pages/casexqArrR.png') no-repeat right center;padding-right: 24px;text-align: right;}
.casexq-btn a.casexq-btn-list span{padding-left: 24px;}
.casexq-btn a.casexq-btn-list span::before{content: "";position: absolute;width: 16px;height: 16px;background: url('../images/pages/casexqMore.png') no-repeat left center;left: 0;top: 50%;margin-top: -8px;transition: all .4s ease;}
.casexq-btn a:hover span{color: #2a3e86;}
.casexq-btn a.casexq-btn-prev:hover span{background-image: url('../images/pages/casexqArrH.png');}
.casexq-btn a.casexq-btn-next:hover span{background-image: url('../images/pages/casexqArrRH.png');}
.casexq-btn a.casexq-btn-list:hover span::before{transform: rotate(180deg);}

/* 产品-列表 */
.indLetter{position: absolute;z-index: 1;width: 100%;text-align: center;user-select: none;font-size: 236px;color: #f5f5f5;font-family:'circe';left: 0;top: 68px;text-transform: uppercase;line-height: 1;height: 238px;letter-spacing: 0.36em;}
.indLetter p{display: inline-block;opacity: 0;line-height: 1;vertical-align: middle;animation: runLetter 1s ease-in-out both;}
@keyframes runLetter{0%{opacity: 0;transform: translateY(200px);}100%{opacity: 1;transform: translateY(0);}}
.pro{width: 100%;position: relative;background: #f9f9f9;padding: 180px 0 120px;}
.pro .contain{position: relative;z-index: 3;}
.pro-title{width: 100%;}
.pro-title h2{font-size: 38px;color: #333;font-family:'circe';text-transform: uppercase;line-height: 1;}
.pro-menu{width: 100%;font-size: 0;margin-top: 48px;}
.pro-menu a{display: inline-block;vertical-align: middle;font-size: 18px;color: #666;transition: all .4s ease-in-out;margin-right: 74px;}
.pro-menu a.active, .pro-menu a:hover{color: #2a3e86;}
.pro-list{width: 100%;margin-top: 74px;}
.pro-ul{display: flex;flex-wrap: wrap;margin: -50px 0 0 -5%;}
.pro-link{display: block;width: 28.3333%;float: left;margin: 50px 0 0 5%;}
.pro-link-img{width: 100%;display: flex;align-items: center;justify-content: center;background: #fff;height: 464px;}
.pro-link-img img{max-width: 88%;max-height: 284px;margin-top: -60px;}
.pro-link-cont{width: 88%;margin: -74px auto 0;color: #fff;transition: all .4s ease-in-out;background: #c5c5c5;border-radius: 3px;height: 124px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;text-align: center;position: relative;z-index: 2;}
.pro-link-cont h2{font-size: 22px;font-family:'kb';text-transform: uppercase;;max-width: 88%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 0 auto;}
.pro-link-cont p{font-size: 18px;}
.pro-link:hover .pro-link-cont{background: #2a3e86;}
.pro .case-more a:hover{background: #2a3e86;border: 1px solid #2a3e86;}
.pro .case-more{margin-top: 68px;}

/* 产品-详情 */
.commonNav{width: 100%;background: #2a3e86;}
.commonNav a{display: flex;height: 66px;float: left;align-items: center;font-size: 14px;color: #fff;}
.commonNav a::after{content: "";width: 6px;height: 100%;margin: 0 12px;display: block;float: left;background: url('../images/pages/proxq1.png') no-repeat center;}
.commonNav a:last-child::after{display: none;}
.proxq-colu{width: 100%;padding: 50px 0;}
.proxq-colu-loop{width: 564px;float: left;}
.proxq-colu-big{width: 100%;height: 456px;position: relative;border: 1px solid #f3f3f3;}
.proxq-colu-big .swiper-container{height: 100%;}
.proxq-colu-big-img{display: flex;align-items: center;width: 100%;height: 100%;justify-content: center;}
.proxq-colu-big-img img{max-width: 88%;max-height: 330px;}
.proxq-colu-prev, .proxq-colu-next{opacity: 0;width: 64px;height: 64px;position: absolute;z-index: 4;top: 50%;margin-top: -32px;background: url('../images/pages/proLpArr.png') no-repeat center/36px auto;cursor: pointer;transition: all .4s ease;}
.proxq-colu-prev{left: 0;}
.proxq-colu-next{right: 0;transform: rotate(180deg);}
.proxq-colu-prev:hover, .proxq-colu-next:hover{background-image: url('../images/pages/proLpArrH.png');}
.proxq-colu-big:hover .proxq-colu-prev, .proxq-colu-big:hover .proxq-colu-next{opacity: 1;}
.proxq-colu-small{width: 100%;margin-top: 12px;}
.proxq-colu-small .equip-min{width: 100%;display: flex;align-items: center;justify-content: center;height: 84px;border: 1px solid #f3f3f3;}
.proxq-colu-small .equip-min img{max-width: 80%;max-height: 80%;}
.proxq-colu-small .equip-min.cur{border: 2px solid #eeca25;}
.proxq-colu-cont{width: calc(100% - 576px);float: right;min-height: 552px;background: #fcfcfc;border: 1px solid #f3f3f3;padding: 64px 50px;}
.proxq-colu-title{width: 100%;}
.proxq-colu-title h2{font-size: 28px;color: #333;font-family: "kb";line-height: 1;padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px solid #e4e4e4;}
.proxq-colu-title p{font-size: 16px;color: #777;line-height: 32px;padding-left: 14px;position: relative;}
.proxq-colu-title p::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;left: 0;top: 13px;background: #858585;}
.proxq-colu-icon{width: 100%;margin-top: 32px;}
.proxq-colu-icon h4{font-size: 18px;color: #2a3e86;line-height: 1;text-transform: uppercase;font-family: "kb";}
.proxq-colu-icon ul{width: 100%;font-size: 0;margin-top: 16px;}
.proxq-colu-icon ul li{display: inline-block;vertical-align: middle;margin-right: 28px;}
.proxq-colu-icon ul li:last-child{margin-right: 0;}
.proxq-colu-more{width: 100%;margin-top: 36px;}
.proxq-colu-more a{display: flex;width: 232px;height: 48px;align-items: center;justify-content: center;border: 1px solid #b9b9b9;transition: all .4s ease;}
.proxq-colu-more a span{padding-left: 36px;font-size: 14px;color: #555;background: url('../images/pages/proxq4.png') no-repeat left center;height: 24px;line-height: 26px;transition: all .4s ease;}
.proxq-colu-more a:hover{border: 1px solid #2a3e86;background: #2a3e86;}
.proxq-colu-more a:hover span{color: #fff;background-image: url('../images/pages/proxq4H.png');}
.proxq-menu{width: 100%;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.proxq-menu-link{display: flex;float: left;align-items: center;height: 68px;padding: 0 32px;position: relative;position: relative;}
.proxq-menu-link span{margin-left: 10px;font-size: 16px;color: #555;transition: all .4s ease;}
.proxq-menu-link::before{content: "";position: absolute;width: 1px;height: 100%;background: #f1f1f1;right: 0;top: 0;}
.proxq-menu-link.active span{color: #2a3e86;}
.proxq-menu-link::after{content: "";position: absolute;bottom: -1px;right: 0;background: #2a3e86;width: 0%;height: 1px;transition: all .4s ease;}
.proxq-menu-link.active::after{width: 100%;}
.proxq-menu-link:hover::after{width: 100%;right: auto;left: 0;}
.proxq-mix{width: 100%;padding: 50px 0 100px;background: #f5f5f5;}
.proxq-mix-content{width: calc(100% - 364px);float: left;background: #fff;padding: 46px 32px;min-height: 746px;}
.proxq-mix-content>div{display: none;width: 100%;}
.proxq-mix-content>div.active{display: block;}
.proxq-mix-det-tiem{width: 100%;margin-top: 10px;background: #f4f6fc;position: relative;overflow: hidden;}
.proxq-mix-content>div p{font-size: 16px;color: #777;line-height: 32px;}
.proxq-mix-content>div img{max-width: 100%;}
.proxq-mix-det-tiem:first-child{margin-top: 0;}
.proxq-mix-det-tiem::after{content: "";position: absolute;width: 1px;background: #fff;height: 100%;left: 50%;top: 0;}
.proxq-mix-det-tiem li{width: 50%;float: left;position: relative;}
.proxq-mix-det-tiem li h6{font-size: 18px;color: #333;font-family: "kb";height: 54px;display: flex;align-items: center;padding: 0 20px;background: #e8ebf6;}
.proxq-mix-det-tiem li p{padding: 17px 20px;font-size: 16px;color: #555;}
.proxq-mix-pro img{max-width: 100%;}
.proxq-mix-pro p{font-size: 16px;color: #333;}
.proxq-mix-hot{width: 330px;float: right;}
.proxq-mix-title{width: 100%;border: 1px solid #f3f3f3;background: #fff;padding: 20px;border-bottom: none;}
.proxq-mix-title h2{font-size: 22px;color: #333;font-family: "kb";line-height: 1;}
.proxq-mix-link{display: block;width: 100%;border: 1px solid #f3f3f3;background: #fff;margin-top: 28px;}
.proxq-mix-link:first-of-type{margin-top: 0;}
.proxq-mix-link-img{width: 100%;height: 240px;display: flex;align-items: center;justify-content: center;}
.proxq-mix-link-img img{max-width: 88%;max-height: 180px;transition: all .6s ease;}
.proxq-mix-link-cont{width: 100%;text-align: center;padding: 20px 0;transition: all .4s ease;background: #c5c5c5;}
.proxq-mix-link-cont h2{font-size: 18px;color: #fff;font-family: "kb";transition: all .4s ease;max-width: 88%;margin: 0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.proxq-mix-link-cont p{font-size: 18px;color: #fff;transition: all .4s ease;}
.proxq-mix-link:hover .proxq-mix-link-cont{background: #2a3e86;}

/* 关于-我们 */
.abologo{width: 100%;position: relative;z-index: 2;padding: 0 80px;}
.abologo-mix{width: 100%;background: #fff;padding: 80px 0;/* margin-top: -128px; */}
.abologo-item{width: 100%;border-bottom: 1px solid #f3f3f3;padding: 50px 0;position: relative;z-index: 2;}
.abologo-item:first-child{padding-top: 0;}
.abologo-item:last-child{padding-bottom: 0;border-bottom: none;}
.abologo-item .contain{display: flex;flex-flow: wrap;align-items: center;}
.abologo-logo{width: 320px;float: left;font-size: 40px;color: #333;}
.abologo-cont{width: calc(100% - 320px);float: right;}
.abologo-cont p, .abologo-cont h2, .abologo-cont h4{font-size: 16px;color: #6b6d74;}
.abologo-cont p{line-height:30px;}
.abologo-cont h2, .abologo-cont h4{font-family: "kb";line-height: 36px;}
.abologo-cont h2{color: #2a3e86;}
.abologo-run{width: 100%;height: 288px;bottom: 68px;background-image: url('../images/pages/abo1Bg.png');background-repeat: repeat-x;background-size: auto 100%;position: absolute;left: 0;background-position: 0 center;animation: abologoRun 200s linear infinite;}
@keyframes abologoRun{from{background-position:0 center}to{background-position:-10562px center}}
.abocom{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: left top;padding: 120px 0;}
.about-title{width: 100%;text-align: center;}
.about-title h2{font-size: 38px;color: #333;font-family: "kb";line-height: 1;}
.about-title.color h2{color: #fff;}
.abocom-desc{width: 100%;margin-top: 28px;}
.abocom-desc p{font-size: 16px;line-height: 26px;color: #fff;}
.abocom-num{width: 100%;margin-top: 50px;text-align: center;}
.abocom-num li{width: 25%;text-align: center;float: left;}
.abocom-num li h6{font-size: 56px;color: #f4d220;font-family: "kb";}
.abocom-num li p{font-size: 18px;color: #fff;}
.abocor{width: 100%;position: relative;padding: 88px 0 100px;overflow: hidden;}
.abocor-mix{max-width: 1120px;margin: 60px auto 0;padding: 12px;box-shadow: 0 0 16px 2px rgba(195, 208, 229, 0.25);position: relative;z-index: 3;}
.abocor-mix img{width: 100%;object-fit: cover;}
.abocor-mix-cont{width: 90%;position: absolute;z-index: 2;bottom: 44px;left: 5%;color: #fff;text-align: center;}
.abocor-mix-cont h2{font-size: 24px;font-family: 'kb';margin-bottom: 4px;}
.abocor-mix-cont p{font-size: 16px;}
.abocor-pp{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.abocor-pp i{position: absolute;width: 312px;height: 312px;background: url('../images/pages/abo3_1.png') no-repeat center/100% 100%;animation: abocorRun 12s ease infinite;opacity: 0;transform: scale(0);}
.abocor-pp i:nth-child(1){width: 240px;height: 240px;left: 4%;animation-delay: 4s;}
.abocor-pp i:nth-child(2){width: 80px;height: 80px;left: 20%;animation-delay: 0s;}
.abocor-pp i:nth-child(3){width: 90px;height: 90px;left: 30%;animation-delay: 8s;}
.abocor-pp i:nth-child(4){width: 200px;height: 200px;right: 26%;animation-delay: 6s;}
.abocor-pp i:nth-child(5){width: 80px;height: 80px;right: 28%;animation-delay: 2s;}
.abocor-pp i:nth-child(6){width: 120px;height: 120px;right: 6%;animation-delay: 0s;}
@keyframes abocorRun{0%{bottom: -240px;opacity: 0;}20%{opacity: 1;transform: scale(1);}60%{opacity: 1;transform: scale(1);}100%{bottom: 80%;opacity: 0;transform: scale(0);}}
.abodev{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: left top;padding: 88px 0 80px;}
.abodev-course{width: 100%;position: relative;margin-top: 48px;padding: 0 210px;}
.abodev-course .equip-min{display: flex;width: 100%;height: 80px;position: relative;line-height: 1;font-size: 28px;color: #fff;padding-bottom: 42px;justify-content: center;align-items: flex-end;transition: all .4s ease;}
.abodev-course .equip-min::after{content: "";transform: scale(0.5);position: absolute;width: 20px;transition: all .4s ease;height: 20px;border-radius: 50%;background: #7c9fdb;bottom: 0;left: 50%;margin-left: -10px;}
.abodev-course::before{content: "";position: absolute;width: 100%;height: 2px;background: #7c9fdb;left: 0;bottom: 9px;}
.abodev-course .equip-min.cur{font-size: 38px;}
.abodev-course .equip-min.cur::after{transform: scale(1);background: #f4d220;}
.abodev-mix{width: 100%;margin-top: 54px;padding: 0 80px;position: relative;}
.abodev-prev, .abodev-next{position: absolute;width: 30px;height: 30px;background: url('../images/pages/abo4_2.png') no-repeat left center;cursor: pointer;top: 50%;margin-top: -15px;transition: all .4s ease;}
.abodev-prev{left: 0;}
.abodev-next{transform: rotateY(180deg);right: 0;}
.abodev-prev:hover, .abodev-next:hover{background-image: url('../images/pages/abo4_2H.png');}
.abodev-mix-item{width: 100%;}
.abodev-mix-title{width: 1005px;}
.abodev-mix-title h4{font-size: 24px;color: #fff;position: relative;}
.abodev-mix-title h4::after{content: "";display: block;width: 20px;height: 4px;background: #fff;margin-top: 10px;}
.abodev-mix-cont{width: 100%;margin-top: 18px;color: #fff;max-height: 100px;overflow: hidden;}
.abodev-mix-cont-arr{display: none;width: 100%;text-align: center;cursor: pointer;margin-top: 12px;}
.abodev-mix-cont-arr.active svg{transform: rotate(180deg);}
.abodev-mix-cont h6{font-size: 20px;color: #e9e9e9;line-height: 32px;}
.abodev-mix-cont p{font-size: 16px;color: #e9e9e9;line-height: 24px;}
.abodev-mix-cont .scrollBar{max-height: auto;}
.abokey{width: 100%;background: #f5f5f5;padding: 88px 0 60px;}
.abokey .contain{width: 1310px;}
.abokey-loop{width: 100%;margin-top: 30px;}
.abokey-mix{width: 100%;padding: 12px 15px 44px;}
.abokey-item{width: 49%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;background: #fff;padding: 52px 28px;box-shadow: 0 2px 10px 4px rgba(160, 160, 160, 0.1);}
.abokey-item:last-child{float: right;}
.abokey-item:first-child{float: left;}
.abokey-img{width: 237px;}
.abokey-img img{max-width: 100%;}
.abokey-cont{width: calc(100% - 237px);padding-left: 24px;}
.abokey-cont-title{width: 100%;}
.abokey-cont-title h4{font-size: 18px;color: #0a357d;font-family: "kb";}
.abokey-cont-title h4::after{content: "";display: block;width: 34px;height: 2px;background: #f4d220;margin-top: 10px;}
.abokey-cont-desc{width: 100%;margin-top: 12px;}
.abokey-cont-desc p{font-size: 15px;color: #777;line-height: 28px;}
.abokey-cont-desc .scrollBar{height: 288px;}
.abokey-cont-desc .mCSB_scrollTools .mCSB_draggerRail{background: #eee;}
.abokey-cont-desc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #f4d220;}
.abokey-cont-desc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 2px;}
.abokey .swiper-pagination{bottom: 0;}
.abokey .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;margin: 0 7px !important;}
.abokey .swiper-pagination-bullet-active{opacity: 1;background: #f4d220;}

/* 联系-我们 */
.relget{width: 100%;padding: 100px 0 80px;}
.reltitle{width: 100%;text-align: center;}
.reltitle h2{font-size: 36px;color: #333;font-family: "kb";}
.reltitle p{font-size: 20px;color: #777;font-family: "kb";margin-top: 8px;}
.relget-list{width: 100%;margin-top: 46px;}
.relget-list li{width: 33.3333%;float: left;text-align: center;}
.relget-list li img{width: 83px;height: 83px;}
.relget-list li h2{font-size: 20px;color: #0a357d;font-family: "kb";margin: 20px 0 8px;}
.relget-list li p{font-size: 15px;color: #777;line-height: 24px;}
.relonl{width: 100%;background: #f9f9f9;padding: 80px 0 100px;}
.relonl-form{width: 100%;margin-top: 36px;}
.relonl-form li{width: 100%;overflow: hidden;margin-top: 20px;}
.relonl-form li:first-child{margin-top: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.relonl-form li:last-child{margin-top: 34px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.relonl-form li input, .relonl-form li textarea{width: 100%;transition: all .4s ease;display: block;border: 1px solid #ebebeb;background: transparent;height: 42px;padding: 0 20px;font-size: 16px;color: #464646;}
.relonl-form li input:focus, .relonl-form li textarea:focus{border: 1px solid #0a357d;}
.relonl-form li textarea{padding: 12px 20px !important;height: 124px !important;}
.relonl-form li:first-child input{width: 31%;}
.relonl-form-code{width: 416px;overflow: hidden;}
.relonl-form-code input{width: calc(100% - 162px) !important;float: left;}
.relonl-form-code span{width: 152px;float: right;height: 42px;display: block;border: 1px solid #ebebeb;cursor: pointer;text-align: center;}
.relonl-form-code span img, .relonl-form-code span canvas{max-width: 100%;max-height: 100%;}
.relonl-form li button{width: 260px;height: 42px;background: #f4d220;font-size: 16px;color: #fff;cursor: pointer;text-transform: uppercase;transition: all .4s ease;}
.relonl-form li button:hover{background: #0a357d;}

/* 技术特点-HEPA与Respiral */
.techban-cont{position: absolute;width: 100%;z-index: 2;left: 0;top: 36%;text-align: center;color: #fff;}
.techban-cont .contain{max-width: 1000px;}
.techban-cont h2{font-size: 38px;color: #fff;font-family: "kb";}
.techban-cont p{font-size: 16px;line-height: 24px;color: #fff;margin-top: 12px;}
.tech{width: 100%;padding: 80px 0;background: #f6f6f6;}
.tech-menu{width: 274px;float: left;background: #fff;}
.tech-menu-title{display: flex;align-items: center;background: #2a3e86;height: 146px;padding: 0 36px;}
.tech-menu-title h2{font-size: 34px;color: #fff;font-family: "kb";line-height: 1;}
.tech-menu-link{width: 100%;}
.tech-menu-link a{display: flex;align-items: center;height: 104px;line-height: 30px;border-top: 1px solid #f5f5f5;position: relative;padding: 0 36px;font-size: 16px;color: #555;transition: all .4s ease;}
.tech-menu-link a span{position: relative;z-index: 4;}
.tech-menu-link a::before, .tech-menu-link a::after{content: "";position: absolute;transition: all .4s ease;opacity: 0;}
.tech-menu-link a::before{width: 5px;height: 100%;left: 0;top: 0;background: #2a3e86;z-index: 2;}
.tech-menu-link a::after{width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to right,#eaeeff,#fff);z-index: 1;}
.tech-menu-link a.active{color: #2a3e86;}
.tech-menu-link a.active::after{opacity: 1;}
.tech-menu-link a.active::before{opacity: 1;}
.tech-menu-link a:hover::after{opacity: 1;}
.tech-menu-link a:hover{color: #2a3e86;}
.tech-mix{width: calc(100% - 312px);float: right;background: #fff;padding: 44px 40px 54px;}
.tech-mix-title{width: 100%;text-align: center;}
.tech-mix-title h2{font-size: 24px;color: #2a3e86;line-height: 34px;font-family: 'kb';position: relative;}
.tech-mix-title h2::after{display: block;content: "";width: 34px;height: 2px;background: #2a3e86;margin: 14px auto 0;}
.tech-mix-info{width: 100%;padding: 18px 0;border-top: 1px solid #f6f6f6;border-bottom: 1px solid #f6f6f6;text-align: center;margin-top: 22px;}
.tech-mix-info p{font-size: 18px;color: #444;line-height:30px;}
.tech-mix-desc{width: 100%;margin-top: 32px;}
.tech-mix-desc p{font-size: 14px;color: #666;line-height: 24px;}
.tech-mix-desc img{max-width: 100%;}
.tech-hr-info{width: 100%;padding-top: 48px;}
.tech-hr-info-one{border-top: 1px solid #f5f5f5;margin-top: 32px;}
.tech-hr-info-title{width: 100%;text-align: center;}
.tech-hr-info-title h2{font-size:20px;color: #333;line-height:30px;font-family: "kb";}
.tech-hr-info-img{width: 100%;margin-top: 28px;text-align: center;}
.tech-hr-info-img img{width: 100%;object-fit: cover;}
.tech-hr-list{width: 100%;margin-top: 40px;background: #f7f7f7;}
.tech-hr-list ul{margin: -1px 0 0 -1px;}
.tech-hr-list li{width: 33.3333%;float: left;margin: -1px 0 0 -1px;display: flex;flex-direction: column;justify-content: center;text-align: center;border: 1px solid #efefef;height: 140px;}
.tech-hr-list li i{display: block;height: 30px;}
.tech-hr-list li i img{max-height: 100%;}
.tech-hr-list li p{font-size: 15px;color: #666;max-width: 90%;margin: 12px auto 0;min-height: 38px;}
.tech-hr-desc{width: 100%;margin-top: 40px;}
.tech-hr-desc ul{margin-left: -4%;margin-top: -12px;}
.tech-hr-desc li{width: 29.3333%;float: left;margin-left: 4%;margin-top: 12px;}
.tech-hr-desc li h4{font-size: 15px;color: #2a3e86;font-family: "kb";}
.tech-hr-desc li p{font-size: 14px;color: #666;line-height: 20px;margin-top: 8px;}
.tech-mix-desc h3{font-size: 17px;color: #333;line-height: 32px;font-family: "kb";}
.tech-mix-desc h6{font-size: 14px;color: #666;line-height: 30px;position: relative;padding-left: 26px;}
.tech-mix-desc h6::before{content: "";position: absolute;left: 0;top: 12px;width: 6px;height: 6px;border-radius: 50%;background: #bbb;}
.tech-db-line{width: 100%;margin-top: 32px;height: 1px;background: #f6f6f6;}
.tech-db-cont{width: 100%;text-align: center;margin-top: 32px;}
.tech-db-cont h2{font-size: 24px;color: #333;font-family: "kb";}
.tech-db-cont p{font-size: 14px;color: #666;line-height: 24px;}
.tech-db-cont img{max-width: 100%;}
.tech-td-list{width: 100%;margin-top: 20px;display: flex;flex-wrap: wrap;}
.tech-td-list li{width: 50%;margin-top: 28px;text-align: center;padding: 0 20px;}
.tech-td-list li i{display: flex;margin: 0 auto;width: 104px;height: 104px;justify-content: center;align-items: center;border-radius: 50%;}
.tech-td-list li i img{width: auto;}
.tech-td-list li:nth-child(4n+1) i{background: #eeca25;}
.tech-td-list li:nth-child(4n+2) i{background: #2a3e86;}
.tech-td-list li:nth-child(4n+3) i{background: #2a3e86;}
.tech-td-list li:nth-child(4n+4) i{background: #eeca25;}
.tech-td-list li h2{font-size: 18px;color: #333;font-family: "kb";margin: 16px 0 10px;}
.tech-td-list li p{font-size: 14px;color: #777;line-height: 24px;}
.tech-fw-title{width: 100%;text-align: center;margin-top: 32px;}
.tech-fw-title h2{font-size: 20px;color: #333;font-family: "kb";}
.tech-fw-list{width: 100%;margin-top: 10px;display: flex;flex-wrap: wrap;}
.tech-fw-list li{width: 33.3333%;margin-top: 40px;text-align: center;padding: 0 20px;}
.tech-fw-list li img{width: auto;}
.tech-fw-list li i{display: flex;margin: 0 auto;width: 104px;height: 104px;justify-content: center;align-items: center;border-radius: 50%;background: #60626b;transition: all .4s ease;}
.tech-fw-list li h2{font-size: 18px;color: #333;font-family: "kb";margin: 16px 0 10px;}
.tech-fw-list li p{font-size: 14px;color: #777;line-height: 20px;}
.tech-fw-list li:hover i{background: #eeca25;}
.tech-fw-img{width: 100%;margin-top: 40px;text-align: center;}
.tech-fw-img img{max-width: 100%;margin: 0 auto;}
.tech-fw-img img.pc{display: block;}
.tech-fw-img img.mb{display: none;}
.tech-mixc{margin-top: 10px;}
.tech-mixc p{font-size: 14px;color: #666;line-height: 24px;text-align: center;}

/* 搜索页面 */
.search{width: 100%;padding: 80px 0;background: #f9f9f9;}
.search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;}
.search-info span{color: #eeca25;}
.search-list{width: 100%;margin-top: 30px;}
.search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #f0f0f2;}
.search-link h2{font-size: 20px;font-weight: 500;color: #363636;line-height: 1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.search-link p{width: 100%;font-size: 16px;margin-top: 16px;color: #94979b;line-height: 26px;max-height: 52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.search-link .highlightRow span{color: #eeca25 !important;}
.search-link:hover h2{color: #eeca25;}
@media all and (max-width:1599px) {.search{padding: 70px 0;}.search-info{font-size: 26px;}.search-link{padding: 28px 0;}.search-list{margin-top: 18px;}}
@media all and (max-width:1279px) {.search{padding: 60px 0;}.search-info{font-size: 24px;}.search-link{padding: 24px 0;}.search-list{margin-top: 12px;}}
@media all and (max-width:1000px) {.search{padding: 40px 0;}.search-info{font-size: 20px;}.search-link{padding: 20px 0;}.search-list{margin-top: 8px;}.search-link h2{font-size: 18px;}.search-link p{margin-top: 12px;}}



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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .case{padding: 80px 0;}
    .case-cont{padding: 28px 28px 38px;}
    .case-more a{width: 220px;}
    .casexqban-cont h2::before{width: 68px;height: 3px;top: -24px;}
    .casexqban-cont h2{font-size: 32px;}
    .casexq{padding: 80px 0 88px;}
    .casexq-bar-cont {padding: 64px 38px 38px;}
    .casexq-bar-cont h2 {font-size: 24px;padding-bottom: 18px;margin-bottom: 28px;}
    .casexq-mix{padding: 38px;}
    .casexq-btn {margin-top: 50px;padding-top: 40px;}
    .casexq-mix-cont img {margin-top: 24px;}
    .indLetter{font-size: 188px;height: 192px;top: 52px;letter-spacing: 0.3em;}
    .pro {padding: 140px 0 100px;}
    .pro-title h2{font-size: 32px;}
    .pro-menu {margin-top: 36px;}
    .pro-list {margin-top: 48px;}
    .pro-link-img{height: 380px;}
    .pro-link-img img{max-height: 248px;}
    .pro-link-cont{margin: -50px auto 0;height: 88px;}
    .pro-ul {margin: -42px 0 0 -4%;}
    .pro-link {width: 29.3333%;margin: 42px 0 0 4%;}
    .pro .case-more {margin-top: 60px;}
    .pro-menu a{margin-right: 68px;}
    .proxq-colu-loop{width: 480px;}
    .proxq-colu-cont {padding: 50px 36px;width: calc(100% - 492px);}
    .proxq-mix {padding: 50px 0 88px;}
    .commonNav a{height: 60px;}
    .proxq-menu-link{height: 62px;}
    .abologo {padding: 0 68px;}
    .abologo-mix {padding: 68px 0;/* margin-top: -80px; */}
    .abologo-item {padding: 44px 0;}
    .abologo-run{height: 260px;}
    .abocom {padding: 88px 0;}
    .about-title h2 {font-size: 32px;}
    .abocom-num {margin-top: 42px;}
    .abocom-num li h6{font-size: 50px;}
    .abocor {padding: 80px 0 88px;}
    .abocor-mix {max-width: 1000px;margin: 44px auto 0;}
    .abocor-mix-cont h2{font-size: 22px;}
    .abodev {padding: 80px 0;}
    .abodev-course {margin-top: 42px;padding: 0 150px;}
    .abodev-mix {margin-top: 44px;padding: 0 60px;}
    .abokey {padding: 80px 0 50px;}
    .abokey .contain{width: 1130px;}
    .abokey-img {width: 200px;}
    .abokey-cont {width: calc(100% - 200px);padding-left: 20px;}
    .abokey-cont-desc p {font-size: 13px;line-height: 20px;}
    .abokey-item{padding: 40px 24px;}
    .abokey-cont-desc .scrollBar {height: 304px;}
    .relget {padding: 88px 0 80px;}
    .reltitle h2 {font-size: 32px;}
    .relget-list {margin-top: 40px;}
    .reltitle p {font-size: 18px;margin-top: 4px;}
    .relonl {padding: 80px 0 88px;}
    .techban-cont h2{font-size: 32px;}
    .techban-cont{top: 32%;}
    .tech-menu-title h2{font-size: 28px;}
    .tech-menu-title {height: 110px;padding: 0 26px;}
    .tech-menu-link a {height: 82px;padding: 0 26px;}
    .tech-mix {padding: 40px 32px 48px;}
    .tech-hr-info {padding-top: 40px;}
    .tech-td-list{margin-top: 10px;}
    .tech-fw-list li{margin-top: 32px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .indLetter{font-size: 176px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .case-more a{width: 180px;}
    .case{padding: 68px 0;}
    .case-cont {padding: 24px 24px 32px;}
    .case-cont-title{height: 36px;}
    .case-more {margin-top: 40px;}
    .casexq{padding: 68px 0 80px;}
    .casexq-bar-cont {padding: 48px 28px 28px;}
    .casexq-mix {padding: 28px;}
    .casexq-btn {margin-top: 40px;padding-top: 32px;}
    .casexqban-cont h2 {font-size: 28px;}
    .casexqban-cont h2::before {width: 58px;height: 3px;top: -18px;}
    .casexq-bar-cont h2 {font-size: 22px;padding-bottom: 16px;margin-bottom: 24px;}
    .casexq-btn a.casexq-btn-prev span, .casexq-btn a.casexq-btn-next span{width: 240px;}
    .indLetter{font-size: 162px;letter-spacing: 0.2em;top: 40px;}
    .pro {padding: 100px 0 88px;}
    .pro-menu {margin-top: 28px;}
    .pro-menu a {margin-right: 40px;}
    .pro-list {margin-top: 40px;}
    .pro-title h2 {font-size: 28px;}
    .pro-link-img img {max-height: 220px;margin-top: -40px;}
    .pro-link-img {height: 330px;}
    .pro-link-cont h2 {font-size: 20px;}
    .pro-link-cont {margin: -36px auto 0;height: 68px;}
    .commonNav a {height: 52px;}
    .proxq-colu-big-img img {max-height: 280px;}
    .proxq-colu-big {height: 406px;}
    .proxq-colu-loop{width: 400px;}
    .proxq-colu-small .equip-min{height: 70px;}
    .proxq-colu-cont {padding: 32px 28px;width: calc(100% - 412px);min-height: 488px;}
    .proxq-colu-title h2 {font-size: 24px;padding-bottom: 12px;margin-bottom: 12px;}
    .proxq-colu-title p {line-height: 28px;}
    .proxq-colu-title p::before{top: 11px;}
    .proxq-colu-icon {margin-top: 28px;}
    .proxq-menu-link {height: 54px;padding: 0 28px;}
    .proxq-mix-content {padding: 36px 28px;min-height: 746px;}
    .proxq-mix-det-tiem li h6 {font-size: 16px;height: 48px;padding: 0 14px;}
    .proxq-mix-det-tiem li p {padding: 12px 14px;font-size: 14px;}
    .proxq-mix {padding: 50px 0 68px;}
    .proxq-colu-icon ul {margin-top: 12px;}
    .abologo-cont p {line-height: 22px;}
    .abocom {padding: 80px 0;}
    .abodev-course{padding: 0 100px;}
    .abokey .contain{width: 930px;}
    .abokey-img{width: 120px;}
    .abokey-cont {width: calc(100% - 120px);}
    .abologo-item .contain{width: 92%;}
    .relget {padding: 68px 0 60px;}
    .relonl {padding: 60px 0 68px;}
    .techban-cont h2 {font-size: 28px;}
    .techban-cont {top: 26%;}
    .tech {padding: 68px 0;}
    .tech-mix-info p{font-size: 16px;}
    .tech-mix-info {padding: 14px 0;}
    .tech-mix-desc {margin-top: 28px;}
    .tech-hr-info-title h2{font-size: 18px;}
    .tech-hr-info {padding-top: 32px;}
    .tech-hr-info-one{margin-top: 28px;}
    .tech-hr-info-img {margin-top: 24px;}
    .tech-hr-list {margin-top: 32px;}
    .tech-hr-desc {margin-top: 32px;}
    .tech-hr-desc {margin-top: 28px;}
    .tech-mix-desc h3 {font-size: 16px;line-height: 28px;}
    .tech-mix-desc h6 {line-height: 26px;padding-left: 20px;}
    .tech-mix-desc h6::before{top: 9px;}
    .tech-db-line {margin-top: 28px;}
    .tech-db-cont h2 {font-size: 22px;}
    .tech-db-cont {margin-top: 28px;}
    .tech-fw-list li{width: 50%;}
    .tech-fw-title {margin-top: 28px;}
    .tech-fw-list li {margin-top: 26px;}
    .tech-fw-img {margin-top: 32px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .indLetter {font-size: 154px;letter-spacing: 0.1em;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .case-more a{width: 168px;height: 42px;}
    .case-link{width: 47.5%;}
    .commonBan img{min-height: 168px;}
    .casexq-bar-cont{padding: 32px 24px 24px;}
    .casexq-bar-cont h2 {font-size: 20px;padding-bottom: 14px;margin-bottom: 18px;}
    .casexq-bar-cont p {line-height: 28px;}
    .casexq-mix {padding: 24px;}
    .pro-link{width: 46%;}
    .indLetter{font-size: 128px;}
    .proxq-colu-loop{width: 100%;}
    .proxq-colu-prev, .proxq-colu-next{opacity: 1;}
    .proxq-colu-cont{width: 100%;margin-top: 12px;min-height: auto;}
    .proxq-mix-content{width: 100%;min-height: auto;}
    .proxq-mix-hot{width: 100%;margin-top: 24px;}
    .proxq-mix-title {border: 1px solid #f3f3f3;}
    .proxq-mix-link{width: 48%;margin-top: 0;margin-top: 12px !important;}
    .proxq-mix-link:nth-child(2n+1){float: left;}
    .proxq-mix-link:nth-child(2n){float: right;}
    .proxq-mix-title{padding: 20px 28px;}
    .abologo-mix {padding: 48px 0;/* margin-top: -48px; */}
    .abologo{padding: 0 4%;}
    .abologo-logo{width: 280px;}
    .abologo-cont {width: calc(100% - 280px);}
    .abocom {padding: 68px 0;}
    .abocom-num li h6 {font-size: 44px;}
    .abocor {padding: 60px 0 68px;}
    .abocor-pp{display: none;}
    .abodev-course {padding: 0;}
    .abodev {padding: 68px 0;}
    .abokey .contain{width: calc(92% + 24px);}
    .abokey-item{width: 100%;}
    .abokey-item:last-child{margin-top: 24px;}
    .abokey-cont-desc .scrollBar{height: auto;}
    .abokey {padding: 68px 0 40px;}
    .tech-menu-link a::before{width: 3px;}
    .tech-menu-title {padding: 0 20px;}
    .tech-menu-link a {padding: 0 20px;}
    .tech-menu{width: 242px;}
    .tech-mix {width: calc(100% - 264px);padding: 36px 26px 42px;}
    .techban.commonBan img {min-height: 220px;}
    .tech-hr-list li{width: 50%;}
    .tech-hr-desc ul{margin-left: 0;}
    .tech-hr-desc li{width: 100%;margin-left: 0;}
    .tech-td-list li {width: 100%;margin-top: 24px;padding: 0;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .case {padding: 40px 0;}
    .case-ul {margin: -20px 0 0 0;}
    .case-link{width: 100%;margin: 20px 0 0 0;}
    .case-cont {padding: 20px 20px 24px;}
    .case-more {margin-top: 32px;}
    .casexqban-cont h2 {font-size: 22px;}
    .casexqban-cont h2::before {width: 40px;height: 2px;top: -12px;}
    .casexq {padding: 40px 0 44px;}
    .casexq-bar-cont, .casexq-bar-img{width: 100%;}
    .casexq-bar-cont{padding: 24px 20px;}
    .casexq-bar-cont p {line-height: 26px;}
    .casexq-bar-cont h2 {margin-bottom: 16px;}
    .casexq-mix{padding: 24px 20px;}
    .casexq-mix-cont img {margin-top: 16px;}
    .casexq-btn {margin-top: 28px;padding-top: 20px;position: relative;padding-bottom: 40px;}
    .casexq-btn a{width: 100%;}
    .casexq-btn a.casexq-btn-list{width: auto;position: absolute;left: 50%;bottom: 0;margin-left: -26px;}
    .casexq-btn a.casexq-btn-next span{background: url("../images/pages/casexqArr.png") no-repeat left center;padding-left: 24px;padding-right: 0;}
    .casexq-btn a.casexq-btn-next:hover span{background-image: url('../images/pages/casexqArrH.png');}
    .casexq-btn a.casexq-btn-prev span, .casexq-btn a.casexq-btn-next span{width: 100%;text-align: left;}
    .indLetter{display: none;}
    .pro-title h2 {font-size: 24px;}
    .pro{padding: 44px 0;}
    .pro-link-img {height: 240px;}
    .pro-link-img img {max-height: 136px;margin-top: -32px;}
    .pro-link-cont h2 {font-size: 16px;}
    .pro-link-cont p {font-size: 14px;}
    .pro-link-cont{margin: -28px auto 0;height: 52px;}
    .pro-link{margin-top: 24px;}
    .pro-ul{margin-top: -24px;}
    .pro-list {margin-top: 32px;}
    .pro .case-more {margin-top: 32px;}
    .pro-menu {margin-top: 20px;}
    .pro-menu a{background: #e1e1e1;margin: 2px 2px;font-size: 16px;padding: 2px 5px;}
    .pro-menu a.active, .pro-menu a:hover {color: #fff;background: #2a3e86;}
    .commonNav a::after{margin: 0 6px;}
    .commonNav a {height: 44px;}
    .proxq-colu-big-img img{max-height: 240px;}
    .proxq-colu-big {height: 320px;}
    .proxq-colu {padding: 40px 0;}
    .proxq-colu-prev, .proxq-colu-next{width: 40px;height: 40px;margin-top: -20px;background-size: 28px auto;}
    .proxq-colu-cont{padding: 24px 20px;}
    .proxq-colu-icon {margin-top: 24px;}
    .proxq-colu-more {margin-top: 28px;}
    .proxq-menu-link{height: 46px;padding: 0 20px;}
    .proxq-mix {padding: 36px 0 42px;}
    .proxq-mix-content {padding: 24px 20px;}
    .proxq-mix-title h2{font-size: 20px;}
    .proxq-mix-title {padding: 16px 20px;}
    .proxq-mix-link-img img{max-height: 136px;}
    .proxq-mix-link-img{height: 220px;}
    .proxq-mix-link-cont h2{font-size: 16px;}
    .proxq-mix-link-cont p{font-size: 14px;}
    .proxq-mix-link-cont{padding: 8px 0;}
    .proxq-mix-det-tiem li{width: 100%;}
    .proxq-mix-det-tiem::after{display: none;}
    .abologo-mix {padding: 40px 0;/* margin-top: -32px; */}
    .abologo-logo{width: 100%;}
    .abologo-cont{width: 100%;margin-top: 24px;}
    .abologo-item {padding: 32px 0;}
    .abologo-cont h2, .abologo-cont h4{line-height: 32px;}
    .abologo-run {height: 240px;bottom: 42px;}
    .about-title h2 {font-size: 26px;}
    .abocom-desc {margin-top: 20px;}
    .abocom {padding: 40px 0;}
    .abocom-num li{width: 50%;margin-top: 10px;}
    .abocom-num li h6 {font-size: 36px;}
    .abocom-num li p{font-size: 16px;}
    .abocom-num {margin-top: 12px;}
    .abocor{padding: 40px 0;}
    .abocor-mix{margin-top: 28px;padding: 8px;}
    .abocor-mix-cont h2 {font-size: 16px;}
    .abocor-mix-cont p {font-size: 14px;}
    .abocor-mix-cont {width: 88%;bottom: 24px;left: 6%;}
    .abodev{padding: 40px 0;}
    .abodev-course .equip-min.cur{font-size: 32px;}
    .abodev-course .equip-min{height: 68px;padding-bottom: 34px;}
    .abodev-course{margin-top: 32px;}
    .abodev-mix {margin-top: 28px;padding: 0 42px;}
    .abokey {padding: 40px 0 20px;}
    .abokey-loop {margin-top: 20px;}
    .abokey-img{width: 100%;text-align: center;}
    .abokey-img img{width: auto;max-width: 100%;}
    .abokey-cont{width: 100%;margin-top: 20px;}
    .abokey-item {padding: 24px 0;}
    .abokey-cont{padding: 0 20px;}
    .abokey .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 6px !important;}
    .relget {padding: 40px 0;}
    .relonl {padding: 40px 0;}
    .reltitle h2 {font-size: 26px;}
    .reltitle p{font-size: 16px;}
    .relget-list li{width: 50%;margin-top: 20px;}
    .relget-list li:first-child{margin-top: 0;width: 100%;}
    .relget-list li p{line-height: 22px;}
    .relget-list li h2 {margin: 12px 0 4px;font-size: 18px;}
    .relget-list {margin-top: 28px;}
    .relonl-form {margin-top: 28px;}
    .relonl-form li:first-child{width: 100%;}
    .relonl-form li:first-child input{width: 100%;margin-top: 12px;}
    .relonl-form li:first-child input:first-child{margin-top: 0;}
    .relonl-form li{margin-top: 12px;}
    .relonl-form li:last-child{margin-top: 12px;display: block;}
    .relonl-form-code{width: 100%;}
    .relonl-form li input, .relonl-form li textarea{padding: 0 12px;}
    .relonl-form li textarea {padding: 8px 12px !important;height: 100px !important;}
    .relonl-form li button{width: 100%;margin-top: 12px;}
    .techban-cont h2 {font-size: 22px;}
    .techban-cont p {font-size: 13px;line-height: 16px;margin-top: 8px;}
    .tech {padding: 40px 0;}
    .tech-menu{width: 100%;}
    .tech-menu-title h2 {font-size: 22px;}
    .tech-menu-title{height: 50px;}
    .tech-menu-link a{height: 42px;}
    .tech-mix{width: 100%;margin-top: 20px;padding: 24px 20px;}
    .tech-mix-title h2{font-size: 22px;}
    .tech-mix-title h2::after{margin-top: 10px;}
    .tech-mix-desc {margin-top: 20px;}
    .tech-mix-desc p {line-height: 22px;}
    .tech-hr-info {padding-top: 24px;}
    .tech-hr-info-one {margin-top: 24px;}
    .tech-hr-list li p {font-size: 13px;min-height: 32px;}
    .tech-hr-info-img {margin-top: 20px;}
    .tech-hr-list {margin-top: 24px;}
    .tech-hr-list li{height: 120px;}
    .tech-hr-desc li p{margin-top: 4px;}
    .tech-hr-desc {margin-top: 24px;}
    .tech-db-line{margin-top: 20px;}
    .tech-db-cont {margin-top: 24px;}
    .tech-db-cont h2 {font-size: 20px;}
    .tech-db-cont p {line-height: 22px;}
    .tech-td-list li {margin-top: 20px;}
    .tech-fw-title {margin-top: 22px;}
    .tech-fw-title h2{font-size: 18px;}
    .tech-fw-list li{width: 50%;padding: 0;margin-top: 20px;}
    .tech-fw-img {margin-top: 24px;}
    .tech-fw-img img.pc{display: none;}
    .tech-fw-img img.mb{display: block;}
    .tech-menu-link{display: none;}
    .tech-menu-title{position: relative;user-select: none;}
    .tech-menu-title::after{content: "";position: absolute;right: 20px;top: 50%;margin-top: -10px;width: 20px;height: 20px;background: url('../images/pages/menuArr.svg') no-repeat center/100% 100%;}
    .tech-menu-title.active::after{transform: rotate(180deg);}
}