@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 #d2d2d2;margin: 0 max(3px,0.05rem);font-size: max(14px,0.16rem);color: #555;transition: all .4s ease;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;line-height: 1;}
.paging-menu a.next{transform: rotateY(180deg);}
.paging-menu a:hover{border-color: #65006a;color: #65006a;}
.paging-menu a.active, .paging a.on{border-color: transparent;background: linear-gradient(135deg, #a03db7, #05549f);;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(38px,0.46rem);text-align: center;height: max(38px,0.46rem);border: 1px solid #d2d2d2;font-size: max(14px,0.16rem);color: #666;border-radius: 50%;transition: all .4s ease;padding: 0 6px;}
.paging-skip input:focus{border-color: #65006a;}
.paging-skip button{color: #555;font-size: max(14px,0.16rem);padding: 0 max(14px,0.18rem);border: 1px solid #d2d2d2;transition: all .4s ease;height: max(38px,0.46rem);background: #fff;cursor: pointer;border-radius: max(19px,0.23rem);position: relative;overflow: hidden;line-height: 1;}
.paging-skip button span{position: relative;z-index: 2;}
.paging-skip button::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to right, #05549f, #a03db7);z-index: 1;opacity: 0;transition: opacity .4s ease;}
.paging-skip button:hover:after{opacity: 1;}
.paging-skip button:hover{border-color: transparent;color: #fff;}
.paging-hint span{color: #65006a;}
@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: #65006a;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #65006a;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: #65006a !important;}
.search-link:hover h2{color: #65006a;}

/* 隐私协议 */
.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: #65006a;}
.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: #65006a;}
.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;}
}

/* 公共部分 */
.sonBan{width: 100%;position: relative;z-index: 99;transform: translate3d(0,0,20px);}
.sonBan .img{width: 100%;overflow: hidden;}
.sonBan .img img{width: 100%;min-height: 260px;transform: matrix(1.1, 0, 0, 1.1, 0, 0);animation: sonBanImgRun 3s ease both .2s;}
.sonBan-cont{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.12);top: 0;left: 0;z-index: 4;transform: translate3d(0,0,0px);display: flex;align-items: center;}
.sonBan-cont .title{opacity: 0;line-height: 1.24;animation: sonBanDown 1.4s ease both .4s;}
.sonBan-cont .text{opacity: 0;animation: sonBanDown 1.4s ease both .6s;}
@keyframes sonBanDown{0%{opacity: 0;transform: translateY(max(30px,1rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes sonBanImgRun{0%{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}100%{transform: matrix(1, 0, 0, 1, 0, 0);}}

.sonMenu{position: relative;width: 100%;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(max(6px,0.12rem));top: 0;left: 0;z-index: 99;transform: translate3d(0,0,99px);margin-top: min(-34px,-0.68rem);}
.sonMenu-scroll{display: flex;width: 100%;white-space: nowrap;}
.sonMenu a{height: max(34px,0.68rem);margin-right: max(20px,0.46rem);font-size: max(13px,0.16rem);color: #fff;display: flex;align-items: center;line-height: 1;position: relative;font-weight: 500;}
.sonMenu a:last-child{margin-right: 0;}
.sonMenu a::after{content: "";position: absolute;width: 100%;height: 2px;background: linear-gradient(to right, #a03db7, #05549f);bottom: 0;left: 0;transform: scaleX(0);transform-origin: bottom center;transition: transform .4s ease;}
.sonMenu a:hover::after{transform: scaleX(1);}
.sonMenu a.active::after{transform: scaleX(1);}
/* -- */
.sonPlace{align-items: center;}
.sonPlace a{transition: color .4s ease;display: flex;align-items: center;}
.sonPlace a::before{content: "";margin: 0 max(6px,0.12rem);width: 1px;height: 10px;background: #d2d2d2;pointer-events: none;}
.sonPlace a:first-child::before{display: none;}
.sonPlace a:last-child span{display: block;max-width: 6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sonPlace a:hover{color: #65006a;}
/* -- */
.sonBack{padding: max(20px,0.32rem) 0;}
.sonBack a{font-size: 12px;display: flex;align-items: center;transition: color .4s ease;position: relative;}
.sonBack a i{margin-right: max(4px,0.08rem);}
.sonBack a::after{content: "";position: absolute;width: 100%;height: 1px;background: linear-gradient(to right, #a03db7, #05549f);bottom: -1px;left: 0;transform: scaleX(0);transform-origin: bottom right;transition: transform .4s ease;}
.sonBack a:hover{color: #65006a;}
.sonBack a:hover::after{transform: scaleX(1);transform-origin: bottom left;}
@media all and (max-width:720px) {
    .sonMenu .contain{width: 100%;overflow-x: auto;}
    .sonMenu a{margin: 0;padding: 0 16px;}
    .sonMenu a::after{width: calc(100% - 28px);right: 0;margin: 0 auto;}
    .sonMenu a::before{content: "";position: absolute;width: 1px;height: 40%;top: 30%;right: 0;background: rgba(255,255,255,0.2);}
    .sonMenu a:last-child::before{display: none;}
    .sonBan-cont .title{font-size: 22px;}
    .sonBan-cont .text{font-size: 14px;}
    .sonPlace{display: none;}
}

/* 产品-列表 */
.proBan.sonBan .img img{height: 100vh;}
.proBan .sonBan-cont{text-align: center;align-items: flex-end;padding-bottom: max(90px,1.9rem);}
.pro{background: #e9eaec;overflow: visible;}
.pro-wrap{width: 100%;background: #fff;position: relative;z-index: 991;margin-top: min(-60px,-1.2rem);}
.pro-list{width: 100%;}
.pro-link{display: block;width: 100%;}
.pro-link-main{background: #f8f8f8;}
.pro-link-main .img{width: 100%;height: max(200px,4.2rem);padding: 10px 0;}
.pro-link-main .img img{max-height: 100%;}
.pro-link-main .cont .color{justify-content: center;}
.pro-link-main .cont .color i{font-style: normal;width: max(12px,0.24rem);height: max(12px,0.24rem);border-radius: 50%;margin-right: max(10px,0.2rem);border: 1px solid #dcdcdc;}
.pro-link-main .cont .color i:last-child{margin-right: 0;}
.pro-link:hover .pro-link-main .img img{transform: scale(1.08);}
.pro-link:hover .pro-link-cont .title{color: #65006a;}

/* 产品-详情 */
.proxq{background: #fff;}
.proxqma{background: #fff;}
.proxqma-imgs{width: 9.5rem;flex-direction: row-reverse;align-items: flex-start;}
.proxqma-imgs .gallery{width: calc(100% - max(100px,2rem));background: #f8f8f8;}
.proxqma-imgs .gallery .img{width: 100%;height: 7.2rem;padding: max(16px,0.36rem);}
.proxqma-imgs .gallery .img img{max-height: 100%;}
.proxqma-imgs .thumbs{width: max(100px,2rem);position: relative;user-select: none;padding-right: max(50px,0.9rem);}
.proxqma-imgs .thumbs .swiper-wrapper{height: 7.2rem;}
.proxqma-imgs .thumbs .thumbs-click{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #f8f8f8;cursor: pointer;position: relative;}
.proxqma-imgs .thumbs .thumbs-click::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(135deg,#a03db7, #05549f);opacity: 0;transition: opacity .4s ease;}
.proxqma-imgs .thumbs .thumbs-click::after{content: "";position: absolute;width: calc(100% - 2px);height: calc(100% - 2px);top: 1px;left: 1px;background: #f8f8f8;opacity: 1;}
.proxqma-imgs .thumbs .thumbs-click img{max-width: 80%;max-height: 80%;position: relative;z-index: 4;}
.proxqma-imgs .thumbs .thumbs-click.active::before{opacity: 1;}
@media all and (min-width:1100px) {.proxqma-imgs .thumbs .thumbs-click:hover::before{opacity: 1;}}
.proxqma-imgs .thumbs .swiper-pagination{font-size: 0;background: #eee;width: 1px;height: 100%;left: auto;right: max(36px,0.7rem);top: 0;}
.proxqma-imgs .thumbs .swiper-pagination span{background: #000;}
.proxqma-cont{width: calc(100% - 9.5rem);}
.proxqma-cont-intr, .proxqma-cont-color, .proxqma-cont-info{width: 100%;border-top: 1px solid #eee;}
.proxqma-cont-color .color i{font-style: normal;width: max(20px,0.4rem);height: max(20px,0.4rem);border-radius: 50%;margin-right: max(4px,0.1rem);border: 1px solid #dcdcdc;}
.proxqma-cont-color .color i:last-child{margin-right: 0;}
.proxqtp{background: #fff;}
.proxqtp .img{width: 100%;overflow: hidden;background:#f1f1f1;}
.proxqtp .img img{width: 100%;}
.proxqxj{background: #fff;}
.proxqxj .contain{width: 100%;padding: 0 max(20px,0.6rem);}
.proxqxj-loop{width: 100%;position: relative;}
.proxqxj-link{display: block;width: 100%;}
.proxqxj-link .img{width: 100%;}
.proxqxj-link .img img{width: 100%;height: 4.38rem;}
.proxqxj-btn{position: absolute;width: max(32px,0.4rem);height: max(32px,0.4rem);top: calc(4.38rem/2 - max(16px,0.2rem));cursor: pointer;background: rgba(0, 0, 0, 0.5);color: #fff;z-index: 4;font-size: max(18px,0.22rem);line-height: 1;transition: background .4s ease;}
.proxqxj-btn.prev{left: max(8px,0.12rem);}
.proxqxj-btn.next{right: max(8px,0.12rem);transform: rotateY(180deg);}
.proxqxj-btn:hover{background: #000;}
.proxqxg{background: #fff;}

/* 关于宾豪 */
.abo{background: #fff;}
.abojs{background: #fff url("../images/pages/abo1bg.jpg") no-repeat left top/18.02% auto;}
.abojs-wrap{width: 100%;align-items: flex-start;}
.abojs-imgs{width: 7.55rem;position: relative;cursor: pointer;}
.abojs-imgs img{width: 100%;height: 4.6rem;}
.abojs-imgs .play{position: absolute;width: max(40px,0.6rem);height: max(40px,0.6rem);border-radius: 50%;border: 2px solid #fff;top: 50%;left: 50%;margin: min(-20px,-0.3rem) 0 0 min(-20px,-0.3rem);color: #fff;line-height: 1;font-size: max(14px,0.18rem);}
.abojs-imgs:hover img{transform: scale(1.08);}
.abojs-imgs:hover .play{animation: abojsRun .8s ease-in-out both;}
@keyframes abojsRun{0%{transform: scale(1);}30%{transform: scale(.8);}50%{transform: scale(1);}70%{transform: scale(.9);}100%{transform: scale(1);}}
.abojs-cont{width: calc(100% - 7.55rem);}
.abojs-list{width: 100%;}
.abojs-list li{flex: 1;margin-right: max(20px,0.4rem);border-top: 1px solid #c2c2c3;color: #666;padding-top: max(14px,0.24rem);}
.abojs-list li:last-child{margin-right: 0;}
.abojs-list li .num .color{background: linear-gradient(to right, #a03db7, #05549f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.abowh{background-repeat: no-repeat;background-size: cover;padding-bottom: 2.8rem;}
.abowh-list{width: 100%;}
.abowh-list ul{margin: 0 0 0 min(-16px,-0.4rem);}
.abowh-list li{width: calc(25% - max(16px,0.4rem));margin: 0 0 0 max(16px,0.4rem);}
.abowh-link{background: rgba(0, 0, 0, 0.24);backdrop-filter: blur(max(6px,0.12rem));color: #fff;height: 100%;}
.abowh-link .cont .text{border-top: 1px solid rgba(255,255,255,0.5);}
.abowh-link .cont .title{min-height: max(48px,0.6rem);}
.abowh-link:hover{background: rgba(0, 0, 0, 0.4);}
.abowh-eng{position: absolute;left: var(--widDb);bottom: 0;font-size: 1.36rem;line-height: 0.72;mix-blend-mode: overlay;color: #fff;}
.abofz{background: #fff url("../images/pages/abo3bg.jpg") no-repeat left bottom/100% auto;}
.abofz-loop{width: 100%;position: relative;}
.abofz-loop .thumbs{max-width: 1296px;margin: 0 auto;position: relative;padding-top: 9px;user-select: none;}
.abofz-loop .thumbs::before{content: "";position: absolute;width: 8000px;left: -3023px;height: 9px;background: url("../images/pages/abo3Line.png") repeat-x left bottom/auto 100%;top: 1px;}
.abofz-loop .thumbs-click{cursor: pointer;padding-top: 12px;line-height: 1;position: relative;}
.abofz-loop .thumbs-click span{padding: 20px 0;position: relative;}
.abofz-loop .thumbs-click span::before,.abofz-loop .thumbs-click span::after{content: "";position: absolute;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #000;width: 0;height: 0;opacity: 0;transition: opacity .4s ease;left: 50%;margin-left: -7px;}
.abofz-loop .thumbs-click span::before{top: 0;transform: rotateX(180deg);}
.abofz-loop .thumbs-click span::after{bottom: 0;}
.abofz-loop .thumbs-click.active span::before,.abofz-loop .thumbs-click.active span::after{opacity: 1;}
.abofz-loop .thumbs-click::before{content: "";position: absolute;width: 100%;height: 1px;top: 0;left: 0;background: #000;opacity: 0;transform: scaleX(0);transition: opacity .4s ease,transform .4s ease;}
.abofz-loop .thumbs-click.active::before{opacity: 1;transform: scaleX(1);}
@media all and (min-width:1100px) {
    .abofz-loop .thumbs-click:hover span::before,.abofz-loop .thumbs-click:hover span::after{opacity: 1;}
}
/* -- */
.abofz-loop .gallery{position: relative;z-index: 4;}
.abofz-loop .gallery .swiper-container{overflow: visible;}
.abofz-main{width: 100%;}
.abofz-main .img{width: 8.2rem;padding-left: max(24px,0.5rem);position: relative;transform: perspective(2000px) rotateX(0deg) rotateY(-24deg) scale3d(1, 1, 1);transition: transform 1.6s;}
.abofz-main .img .kuai{position: absolute;background: #f2f2f2;width: calc(100% - max(24px,0.5rem));height: 100%;top: 0;left: 0;}
.abofz-main .img .pic{width: 100%;position: relative;z-index: 4;}
.abofz-main .img .pic img{width: 100%;height: 5.2rem;}
.abofz-main .cont{width: calc(100% - 8.2rem);position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.abofz-main .cont .year{font-size: 1.5rem;line-height: 1;margin-left: -1.4rem;opacity: 0;transform: translateX(-2rem);transition: transform 1s, opacity 1s;}
.abofz-main .cont .year p{background: linear-gradient(to right, #a03db7, #05549f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.abofz-main .cont .text{opacity: 0;transform: translateX(2rem);transition: transform 1s, opacity 1s;}
.abofz-main .cont .text p{position: relative;padding-left: max(16px,0.3rem);position: relative;}
.abofz-main .cont .text p::before{content: "";position: absolute;width: max(4px,0.08rem);height: max(4px,0.08rem);background: #666;left: 0;border-radius: 50%;top: 9px;}
/* -- */
.abofz-loop .gallery .swiper-slide-active .abofz-main .img{transform: perspective(2000px) rotateX(0) rotateY(24deg) scale3d(1, 1, 1);}
.abofz-loop .gallery .swiper-slide-active .abofz-main .cont .year{opacity: 1;transform: translateX(0);}
.abofz-loop .gallery .swiper-slide-active .abofz-main .cont .text{opacity: 1;transform: translateX(0);}
/* -- */
.abofz-letter{position: absolute;line-height: 0.8;right: 0.8rem;bottom: 0;color: rgba(102, 102, 102, 0.1);font-size: 1.8rem;}
.abory{background: #fff;}
.abory img.bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.abory .contain{position: relative;z-index: 4;}
.abory-wrap{width: 100%;}
.abory-cont{width: calc(100% - 9.89rem);}
.abory-info{width: 100%;border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);}
.abory-info .text{width: 100%;display: flex;}
.abory-info .text::before{content: "\e94a";font-family: "icon";margin-right: max(4px,0.1rem);}
.abory-info .text:first-child{margin-top: 0;}
.abory-imgs{width: 9.89rem;display: flex;align-items: flex-end;text-align: center;}
.abory-imgs .swiper-slide{height: auto;}
.abory-imgs .img{width: 100%;position: relative;opacity: 0;transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);display: flex;flex-direction: column;justify-content: flex-end;height: 100%;}
.abory-imgs .img .lm{display: flex;align-items: flex-end;justify-content: center;transform: translateY(0.14rem);height: 3rem;}
.abory-imgs .img .lm img{max-width: 88%;max-height: 100%;}
.abory-imgs .img .sd{width: 100%;height: 3.5rem;background: url("../images/pages/abo4z.png") no-repeat left top/100% auto;}
.abory-imgs .swiper-slide.swiper-slide-active{z-index: 4;}
.abory-imgs .swiper-slide.swiper-slide-active .img{z-index: 4;transform: translateY(0.6rem);opacity: 1;}
.abory-imgs .swiper-slide.p1 .img{transform: translateX(0.7rem);opacity: 1;}
.abory-imgs .swiper-slide.p2 .img{transform: translateX(0.7rem);}
.abory-imgs .swiper-slide.p3 .img{transform: translateX(0.7rem);}
.abory-imgs .swiper-slide.p4 .img{transform: translateX(0.7rem);}
.abory-imgs .swiper-slide.p5 .img{transform: translateX(0.7rem);}
.abory-imgs .swiper-slide.n1 .img{transform: translateX(-0.7rem);opacity: 1;}
.abory-imgs .swiper-slide.n2 .img{transform: translateX(-0.7rem);}
.abory-imgs .swiper-slide.n3 .img{transform: translateX(-0.7rem);}
.abory-imgs .swiper-slide.n4 .img{transform: translateX(-0.7rem);}
.abory-imgs .swiper-slide.n5 .img{transform: translateX(-0.7rem);}

.abotd{background: #fff url("../images/pages/abo5bg.jpg") no-repeat left bottom/100% auto;}
.abotd-head{width: 100%;justify-content: space-between;align-items: center;}
.abotd-btn>div{user-select: none;cursor: pointer;width: max(36px,0.7rem);height: max(36px,0.7rem);border-radius: 50%;border: 2px solid #dfdfdf;margin-right: max(8px,0.26rem);line-height: 1;font-size: max(14px,0.2rem);color: #000;transition: color .4s ease, border .4s ease;}
.abotd-btn>div:last-child{margin-right: 0;transform: rotate(180deg);}
.abotd-btn>div:hover{border-color: #65006a;color: #65006a;}
.abotd-loop{width: 100%;}
.abotd-loop .swiper-container{overflow: visible;}
.abotd-link{display: block;width: 100%;}
.abotd-link .img{width: 100%;}
.abotd-link .img img{width: 100%;height: 3.8rem;transition: transform .6s ease;}
.abotd-link:hover .img img{transform: scale(1.1);}
.abotd-loop .swiper-slide{height: auto;}
.abotd-loop .swiper-slide::after{content: "";position: absolute;width: 1px;height: 100%;top: 0;right: -39px;background: #dcdcdc;}
.abotd-loop .swiper-slide:last-child::after{display: none;}

/* 技术-精益生产 */
.techsc{background: #fff;}
.techsc .comTitle .text{max-width: max(712px,10.24rem);margin-left: auto;margin-right: auto;}
.techscxt{background: #fff;}
.techscxt-imgs{width: 100%;position: relative;}
.techscxt-imgs img{width: 100%;min-height: 200px;}
.techscxt-imgs .cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;display: flex;flex-direction: column;justify-content: flex-end;background: url("../images/pages/techsc1sd.png") repeat-x left bottom/auto 80.08%;}
.techscxt-imgs .cont .text{max-width: max(446px,5.6rem);}
.techsccj{background: #000;}
.techsccj-imgs{width: 100%;position: relative;height: 8.89rem;}
.techsccj-imgs img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);}
.techsccj-imgs img.active{opacity: 1;}
.techsccj-imgs::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);z-index: 4;}
.techsccj-main{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;color: #fff;}
.techsccj-main .contain{flex-direction: column;justify-content: space-between;height: 100%;display: flex;}
.techsccj-menu{width: 100%;}
.techsccj-menu li{background: rgba(255,255,255,0.2);user-select: none;cursor: pointer;transition: backdrop-filter .4s ease;}
.techsccj-menu li .num{line-height: 0.8;-webkit-text-stroke: 1px #fff;text-stroke: 1px #fff;color: transparent;opacity: 0.4;}
.techsccj-menu li .text{position: relative;z-index: 2;margin-top: min(-17px,-0.22rem);}
.techsccj-menu li.active{backdrop-filter: blur(max(4px,0.06rem));}
.techscjs{background: #fff;}
.techscjs .contain{width: 100%;padding: 0 10px;}
.techscjs-loop{width: 100%;}
.techscjs-link{display: block;width: 100%;}
.techscjs-link img{width: 100%;height: 4.4rem;transition: transform .6s ease;}
.techscjs-link:hover img{transform: scale(1.1);}
.techscjs-loop .swiper-pagination{position: relative;bottom: 0;font-size: 0;background: #d6d9e0;height: max(3px,0.05rem);border-radius: max(3px,0.05rem);width: max(140px,3.2rem);margin-left: auto;margin-right: auto;overflow: hidden;}
.techscjs-loop .swiper-pagination span{background: linear-gradient(to right, #a03db7, #05549f);}

/* 技术-研发实力 */
.techsl{background: #fff;}
.techsl .comTitle .text{max-width: max(712px,10.24rem);margin-left: auto;margin-right: auto;}
.techslgs{background: #f4f4f4;}
.techslgs .comTitle{position: relative;z-index: 4;}
.techslgs-main{width: 7.45rem;margin-left: auto;margin-right: auto;position: relative;}
.techslgs-main img.bg{width: 100%;}
.techslgs-img{width: 100%;}
.techslgs-circle{position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.techslgs-circle i{position: absolute;top: 50%;left: 50%;border: 1px dashed #a03db7;border-radius: 50%;}
.techslgs-circle i.line1{width: 8.6rem;height: 8.6rem;margin: -4.3rem 0 0 -4.3rem;opacity: 0.4;animation: techslgsRun 100s linear infinite;}
.techslgs-circle i.line2{width: 10.72rem;height: 10.72rem; margin: -5.36rem 0 0 -5.36rem;opacity: 0.3;animation: techslgsRun2 100s linear infinite;}
.techslgs-circle i.line3{width: 13.08rem;height: 13.08rem;margin: -6.54rem 0 0 -6.54rem;opacity: 0.2;animation: techslgsRun 100s linear infinite;}
@keyframes techslgsRun{0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes techslgsRun2{0%{transform: rotate(0);}100%{transform: rotate(-360deg);}}
.techslgs-cont{position: absolute;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: linear-gradient(to bottom,#e1c3e8,#b2cae1);top: 50%;left: 50%;margin: -1.25rem 0 0 -1.25rem;z-index: 4;display: flex;align-items: center;justify-content: center;}
.techslgs-cont .text{width: 2.04rem;height: 2.04rem;border-radius: 50%;background: linear-gradient(135deg,#a03db7, #05549f);font-size: max(14px, 0.18rem);}
.techslgs-wai{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;}
.techslgs-wai .text{width: 0.9rem;height: 0.9rem;border-radius: 50%;background: linear-gradient(135deg,#628ad7, #b271b1);position: absolute;line-height: 1;font-size: max(8px, 0.12rem);}
.techslgs-wai .text.t1{top: -1%;left: 44%;}
.techslgs-wai .text.t2{top: 22%;left: 82%;}
.techslgs-wai .text.t3{top: 66%;left: 82%;}
.techslgs-wai .text.t4{top: 88%;left: 44%;}
.techslgs-wai .text.t5{top: 66%;left: 6%;}
.techslgs-wai .text.t6{top: 22%;left: 6%;}
.techslgs-nei{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;}
.techslgs-nei .text{width: 1.1rem;height: 1.1rem;border-radius: 50%;background: linear-gradient(135deg,#a03db7, #05549f);position: absolute;line-height: 1;flex-direction: column;font-size: max(8px, 0.12rem);}
.techslgs-nei .text .ico{height: max(16px,0.34rem);}
.techslgs-nei .text .ico img{max-height: 100%;}
.techslgs-nei .text .xx{margin-top: max(5px,0.1rem);}
.techslgs-nei .text.t1{top: 13%;left: 43%;}
.techslgs-nei .text.t2{top: 23%;left: 65%;}
.techslgs-nei .text.t3{top: 50%;left: 74%;}
.techslgs-nei .text.t4{top: 72%;left: 58%;}
.techslgs-nei .text.t5{top: 72%;left: 30%;}
.techslgs-nei .text.t6{top: 50%;left: 12%;}
.techslgs-nei .text.t7{top: 23%;left: 20%;}
.techsldt{background: #fff;overflow: visible;}
.techsldt-list{width: 100%;}
.techsldt-list li{position: sticky;top: max(90px,1.2rem);border-radius: max(8px,0.2rem);overflow: hidden;background: #fff;border: max(5px,0.1rem) solid #f7f7f7;}
.techsldt-list li .img{width: 100%;overflow: hidden;}
.techsldt-list li .img img{width: 100%;height: 3rem;transition: transform .6s ease;}
.techsldt-list li .cont{align-items: flex-start;justify-content: space-between;}
.techsldt-list li .cont .ico{width: max(32px,0.5rem);height: max(32px,0.5rem);text-align: right;}
.techsldt-list li .cont .ico img{max-height: 100%;}
.techsldt-list li .cont .left{width: 70%;}
.techsldt-list li:hover .img img{transform: scale(1.06);}
.techsljs{background: #fff;}
.techsljs img.bg{width: 100%;min-height: 200px;}
.techsljs-main{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;display: flex;align-items: center;color: #fff;background: rgba(0, 0, 0, 0.3);}

/* 技术-质量管理 */
.techgl{background: #fff;}
.techgl .comTitle .text{max-width: max(1020px,13.2rem);margin-left: auto;margin-right: auto;}
.techglsy{background: #fff;}
.techglsy-list{width: 100%;}
.techglsy-list ul{margin: min(-12px,-0.2rem) 0 0 min(-12px,-0.2rem);}
.techglsy-list li{width: calc(58.2% - max(12px,0.2rem));margin: min(12px,0.2rem) 0 0 min(12px,0.2rem);}
.techglsy-list li:nth-child(2), .techglsy-list li:nth-child(3), .techglsy-list li:nth-child(6), .techglsy-list li:nth-child(7), .techglsy-list li:nth-child(10), .techglsy-list li:nth-child(11){width: calc(41.8% - max(12px,0.2rem));}
.techglsy-link{width: 100%;position: relative;}
.techglsy-link img{width: 100%;height: 4.02rem;transition: transform .6s ease;}
.techglsy-link .cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.2);color: #fff;}
.techglsy-link .cont .title, .techglsy-link .cont .text{max-width: max(290px,3.3rem);}
.techglsy-link:hover img{transform: scale(1.06);}
.techglpz{background: #000;}
.techglpz img.bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.techglpz::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, 0.4);}
.techglpz .contain{position: relative;z-index: 2;color: #fff;}
.techglpz-list li{display: flex;flex-wrap: wrap;align-items: flex-start;}
.techglpz-list li .ico{width: max(52px,0.96rem);height: max(52px,0.96rem);background: rgba(255,255,255,0.2);backdrop-filter: blur(max(4px,0.06rem));}
.techglpz-list li .ico img{max-width: 70%;max-height: 70%;}
.techglpz-list li .cont{width: calc(100% - max(52px,0.96rem));}
.techglpz-list li .cont .text p::before{content: "\e735";font-family: "icon";font-size: max(6px,0.08rem);margin-right: max(6px,0.12rem);transform: translateY(-3px);display: inline-block;}
.techglrz{background: #fff;}
.techglrz-link{display: block;width: 100%;background: #eeeff0;height: 100%;}
.techglrz-link .img{width: 100%;overflow: hidden;}
.techglrz-link .img img{width: 100%;height: 2.84rem;transform-origin: bottom center;}
.techglrz-link:hover .img img{transform: scale(1.06);}

/* 可持续发展 */
.deve{background: #fff;}
.deve .comTitle .text{max-width: max(980px,12.6rem);margin-left: auto;margin-right: auto;}
.devegc{background: #fff;}
.devegc-img{width: 100%;}
.devegc-img img{width: 100%;}
.devecl{background: #050a07;overflow: visible;height: 100vh;}
.devecl-sticky{position: sticky;top: max(70px,0.9rem);width: 100%;left: 0;height: calc(100vh - max(70px,0.9rem));overflow: hidden;}
.devecl-bg{width: 100%;height: 100%;}
.devecl-circle{width: 12.8rem;height: 12.8rem;position: absolute;border-radius: 50%;left: 0;right: 0;margin: 0 auto;top: -5rem;z-index: 1;transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);}
.devecl-main{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.devecl-main .contain{padding-right: 1.1rem;height: 100%;}
.devecl-wrap{position: relative;align-items: flex-start;width: 100%;height: 100%;}
.devecl-cont{color: #fff;width: calc(100% - 6.4rem);padding-right: 0.8rem;}
.devecl-cont .title{font-size: 1.8rem;}
.devecl-list{width: 6.4rem;position: absolute;right: 0;bottom: 1rem;}
.devecl-items{min-height: 4rem;background: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;text-align: center;overflow: visible;right: 0;bottom: 0;transition: opacity 1s cubic-bezier(.38, 0, 0, 1), transform 1s cubic-bezier(.38, 0, 0, 1);opacity: 0;transform: translateY(3rem);width: 100%;}
.devecl-items .ico{position: absolute;width: max(68px,1.6rem);height: max(68px,1.6rem);background: #2caa00;left: 0;right: 0;margin: 0 auto;top: min(-28px,-0.7rem);border-radius: 50%;z-index: 1;}
.devecl-items .ico img{max-width: 60%;max-height: 60%;}
.devecl-items.out .ico, .devecl-items.out .title, .devecl-items.out .text{transition: opacity 1s cubic-bezier(.38, 0, 0, 1);}
.devecl-items:nth-child(2){bottom: max(12px,0.2rem);right: max(12px,0.2rem);}
.devecl-items:nth-child(3){bottom: max(24px,0.4rem);right: max(24px,0.4rem);}
.devecl-items:nth-child(4){bottom: max(36px,0.6rem);right: max(36px,0.6rem);}
.devecl-items:nth-child(5){bottom: max(48px,0.8rem);right: max(48px,0.8rem);}
.devecl-items:nth-child(6){bottom: max(60px,1rem);right: max(60px,1rem);}
.devecl-items.active{opacity: 1;transform: translateY(0);}
.devecl-items.active.out{opacity: 0.5;}
.devecl-items.active.out .ico, .devecl-items.active.out .title, .devecl-items.active.out .text{opacity: 0;}
.devezj{background: #f8f8f8;}
.devezj-main{box-shadow: 0px 0px max(14px,0.3rem) 0px rgba(0, 28, 51, 0.05);color: #2a3a55;background: #fff;}
.devezj-main img{height: auto !important;}
.devezj-bg{width: 100%;}
.devezj-bg img{width: 100%;}
.devedt{background: #fff;}
.devedt-head{width: 100%;}
.devedt-menu{width: 100%;justify-content: center;}
.devedt-menu-limit{background: #eee;padding: max(4px,0.06rem);border-radius: max(22px,0.28rem);}
.devedt-menu .link{height: max(34px,0.44rem);border-radius: max(17px,0.22rem);line-height: 1;padding: 0 max(18px,0.32rem);user-select: none;cursor: pointer;transition: color .4s ease;position: relative;overflow: hidden;}
.devedt-menu .link span{position: relative;z-index: 2;}
.devedt-menu .link::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to right, #a03db7, #05549f);z-index: 1;opacity: 0;transition: opacity .4s ease;}
.devedt-menu .link:hover{color: #65006a;}
.devedt-menu .link.active::after{opacity: 1;}
.devedt-menu .link.active{color: #fff;}
.devedt-main{background: #f5f5f5;overflow: hidden;}
.devedt-main .items{visibility: hidden;height: 0;overflow: hidden;pointer-events: none;position: relative;}
.devedt-main .items.active{visibility: visible;height: auto;pointer-events: auto;overflow: visible;}
.devedt-link{width: 100%;background: #fff;}
.devedt-link .img{width: 2.3rem;overflow: hidden;}
.devedt-link .img img{width: 100%;height: max(150px,2.9rem);}
.devedt-link .right{width: calc(100% - 2.3rem);flex-direction: column;justify-content: space-between;}
.devedt-link .btn{height: max(34px,0.44rem);border-radius: max(17px,0.22rem);line-height: 1;padding: 0 max(16px,0.26rem);border: 1px solid #000;position: relative;overflow: hidden;transition: color .4s ease,border .4s ease;}
.devedt-link .btn::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to right, #a03db7, #05549f);z-index: 1;opacity: 0;transition: opacity .4s ease;}
.devedt-link .btn i, .devedt-link .btn span{position: relative;z-index: 2;}
.devedt-link .btn i{font-size: max(16px,0.2rem);margin-right: max(6px,0.1rem);}
.devedt-link .btn:hover::after{opacity: 1;}
.devedt-link .btn:hover{color: #fff;border-color: transparent;}
.devedt-link:hover .img img{transform: scale(1.1);}
.devedt-main .items .swiper-pagination{position: relative;bottom: 0;font-size: 0;background: #b8b8b8;margin-top: max(12px,0.18rem);height: 2px;border-radius: 0;width: 100%;overflow: hidden;}
.devedt-main .items .swiper-pagination span{background: linear-gradient(to right, #a03db7, #05549f);}
.devedt-main .items .anbtn{width: max(40px,0.6rem);height: max(40px,0.6rem);background: linear-gradient(135deg, #a03db7, #05549f);position: absolute;overflow: hidden;border-radius: 50%;color: #fff;top: 50%;margin-top: min(-20px,-0.3rem);cursor: pointer;z-index: 4;font-size: max(14px,0.2rem);line-height: 1;}
.devedt-main .items .anbtn.prev{left: min(-56px,-0.84rem);transform: rotate(0deg);}
.devedt-main .items .anbtn.next{right: min(-56px,-0.84rem);transform: rotateY(180deg);}
.devedt-main .items .anbtn i{position: relative;z-index: 4;font-weight: normal;}
.devedt-main .items .anbtn::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(135deg,#05549f, #a03db7);transition: opacity .4s ease;opacity: 0;}
.devedt-main .items .anbtn:hover::after{opacity: 1;}
.devedt-main .contain{opacity: 0;}
.devedt-main.animated .contain{animation: devedtRun 1s ease both .3s;}
@keyframes devedtRun{0%{opacity: 0;transform: translateY(100px);}100%{opacity: 1;transform: translateY(0);}}

/* 联系-方式 */
.relfs{background: #fff;}
.relfsfw{background: #fff;}
.relfsfw-main{width: 100%;background: #f4f4f4;align-items: center;}
.relfsfw-main .img{width: 7.73rem;height: 100%;}
.relfsfw-main .img img{width: 100%;height: 6.02rem;}
.relfsfw-main .list{width: calc(100% - 7.73rem);}
.relfsfw-main .list li{width: 100%;border-bottom: 1px solid #dcdcdc;}
.relfsfw-main .list li:last-child{border-bottom: none;}
.relfsfw-main .list li .ico{width: max(36px,0.5rem);height: max(36px,0.5rem);background: linear-gradient(to right, #a03db7, #05549f);border-radius: 50%;color: #fff;font-size: max(16px,0.24rem);line-height: 1;}
.relfsfw-main .list li .cont{width: calc(100% - max(36px,0.5rem));}
.relfsbd{background: #f4f4f4;}
.relfsbd-form{width: 100%;background: #fff;}
.relfsbd-form-limit{max-width: 1146px;margin: 0 auto;}
.relfsbd-form ul{margin: min(-14px,-0.28rem) 0 0 min(-12px,-0.22rem);}
.relfsbd-form li{width: calc(50% - max(12px,0.22rem));margin: max(14px,0.28rem) 0 0 max(12px,0.22rem);}
.relfsbd-form li.long{width: calc(100% - max(12px,0.22rem));}
.relfsbd-form li .hint span{color: #ff0e0e;}
.relfsbd-form li .ipt, .relfsbd-form li .customCode{width: 100%;margin-top: max(6px,0.1rem);}
.relfsbd-form li .ipt input, .relfsbd-form li .ipt textarea, .relfsbd-form li .customCode .input input{width: 100%;border: 1px solid #e5e5e5;border-radius: max(4px,0.1rem);padding: 0 max(12px,0.2rem);height: max(40px,0.6rem);line-height: 1;font-size: 14px;color: #000;background: transparent;transition: border .4s ease;display: block;}
.relfsbd-form li .ipt input:focus, .relfsbd-form li .ipt textarea:focus, .relfsbd-form li .customCode .input input:focus{border-color: #888;}
.relfsbd-form li .ipt textarea{height: max(90px,1.2rem);padding: max(10px,0.18rem) max(12px,0.2rem);}
.relfsbd-form li .text a{transition: color .4s ease;}
.relfsbd-form li .text a:hover{color: #65006a;}
.relfsbd-form li .customCode{position: relative;width: 100%;}
.relfsbd-form li .customCode .input{width:100%;}
.relfsbd-form li .customCode .input input{padding-right: max(104px,1.5rem);}
.relfsbd-form li .customCode-auth{height: max(32px,0.48rem);margin: 0;width: max(86px,1.22rem);position: absolute;right: max(4px,0.08rem);top: 50%;z-index: 4;user-select: none;display: flex;align-items: center;justify-content: center;margin-top: min(-16px,-0.24rem);border-radius: max(4px,0.1rem);overflow: hidden;}
.relfsbd-form li .customCode-auth img{max-width: 100%;max-height: 100%;cursor: pointer;}

/* 联系-招聘 */
.relzp{background: #fff;}
.relzp .comTitle .text{max-width: max(980px,12.6rem);margin-left: auto;margin-right: auto;}
.relzpln{background: #fff;}
.relzpln .comTitle{max-width: max(800px,10.4rem);}
.relzpln .comTitle .text{max-width: none;}
.relzpln-list{width: 100%;}
.relzpln-list ul{margin: min(-12px,-0.22rem) 0 0 min(-12px,-0.22rem);align-items: flex-start;}
.relzpln-list li{width: calc(25% - max(12px,0.22rem));margin: max(12px,0.22rem) 0 0 max(12px,0.22rem);overflow: hidden;}
.relzpln-list li:nth-child(2n){margin-top: 1.24rem;border-top-right-radius: 2rem;}
.relzpln-list li img{width: 100%;height: 5.4rem;transition: transform .6s ease;}
.relzpln-list li:hover img{transform: scale(1.1);}
.relzpxy{background: #fff;}
.relzpxy img.bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.relzpxy .contain{position: relative;z-index: 4;}
.relzpxy-wrap{justify-content: flex-end;}
.relzpxy-cont{width: max(450px,5.84rem);background: rgba(255,255,255,.7);backdrop-filter: blur(max(6px,0.08rem));}
.relzphd{background: #fff;}
.relzphd-loop{width: 7.54rem;margin-left: auto;margin-right: auto;}
.relzphd-loop .swiper-container{overflow: visible;}
.relzphd-link{display: block;width: 100%;position: relative;}
.relzphd-link img{width: 100%;height: 4.8rem;}
.relzphd-link .cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,4px);background: rgba(0, 0, 0, 0.2) url("../images/pages/relzp3sd.png") repeat-x left bottom/auto 83.2%;display: flex;flex-direction: column;justify-content: flex-end;text-align: center;}
.relzphd-link:hover img{transform: scale(1.06);}
.relzphd-loop .swiper-pagination{position: relative;bottom: 0;font-size: 0;background: #d6d9e0;height: max(3px,0.05rem);border-radius: max(3px,0.05rem);width: max(140px,3.2rem);margin-left: auto;margin-right: auto;overflow: hidden;}
.relzphd-loop .swiper-pagination span{background: linear-gradient(to right, #a03db7, #05549f);}
.relzpgh{background: #fff;}
.relzpgh-list{width: 100%;}
.relzpgh-list ul{display: flex;}
.relzpgh-list li{flex: 1 1 0%;margin-right: max(6px,0.1rem);transition: flex 0.6s;position: relative;}
.relzpgh-list li:last-child{margin-right: 0;}
.relzpgh-link{display: block;border-radius: max(8px, 0.2rem);overflow: hidden;position: relative;height: 100%;width: 100%;}
.relzpgh-link .img{width: 100%;}
.relzpgh-link .img img{width: 100%;height: 6.4rem;}
.relzpgh-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0, 0.3);z-index: 2;transform: translate3d(0,0,2px);}
.relzpgh-main{position: absolute;width: 100%;height: 100%;z-index: 3;transform: translate3d(0,0,4px);left: 0;bottom: 0;color: #fff;display: flex;flex-direction: column;justify-content: flex-end;}
.relzpgh-main .cont{width: max(410px,5.3rem);opacity: 0;transform: translateY(max(14px,0.3rem));transition: transform .4s linear, opacity .4s linear;}
.relzpgh-main .ico{width: max(42px,0.9rem);height: max(42px,0.9rem);border-radius: 50%;background: #fff;position: absolute;left: 50%;top: 50%;margin-top: min(-21px,-0.45rem);margin-left: min(-21px,-0.45rem);transition: left .6s linear, margin-left .6s linear;}
.relzpgh-main .ico img{max-width: 70%;max-height: 70%;}
@media all and (min-width:1000px){
    .relzpgh-list li.active{flex: 4.3 1 0%;}
    .relzpgh-list li.active .ico{left: max(14px,0.36rem);margin-left: 0;}
    .relzpgh-list li.active .cont{opacity: 1;transform: translateY(0);transition: transform .4s linear .5s, opacity .4s linear .5s;}
}
.relzpgw{background: #fff;}
.relzpgw-wrap{width: 100%;background: #f4f4f4;margin-top: max(50px,1.14rem);}
.relzpgw-shai{align-items: center;justify-content: center;overflow: visible;background: #fff;box-shadow: 0px 0px max(14px,0.3rem) 0px rgba(0, 0, 0, 0.05);height: max(60px,1rem);margin-top: min(-30px,-0.5rem);}
.relzpgw-shai .isSelect{width: max(260px,4.18rem);margin-right: max(12px,0.2rem);}
.relzpgw-shai .isSelect:last-of-type{margin-right: 0;}
.relzpgw-shai .hint{margin-right: max(20px,0.38rem);}
.relzpgw-shai .isSelect label{color: #333;height: max(36px,0.5rem);padding: 0 max(12px,0.24rem);font-size: max(14px,0.16rem);}
.relzpgw-shai .customSelect-name{background: #f4f4f4;border-radius: max(18px,0.25rem);color: #333;font-size: max(14px,0.16rem);height: max(36px,0.5rem);padding: 0 max(12px,0.24rem);border-color: #f4f4f4;}
.relzpgw-shai .customSelect.hasInput .customSelect-name {background: #fff;}
.relzpgw-shai .customSelect-name::after{color: #545455;right: max(12px,0.24rem);content: "\e736";font-size: max(8px,0.1rem);transform: rotate(90deg);}
.relzpgw-shai .customSelect input{background: transparent;color: #333;font-size: max(14px,0.16rem);height: max(36px,0.50rem);padding: 0 max(30px,0.5rem) 0 max(12px,0.24rem);border-radius: max(18px,0.25rem);}
.relzpgw-shai .customSelect-drop{border-radius: max(18px,0.25rem);}
.relzpgw-shai .customSelect-drop .scroll{max-height: max(136px,1.84rem);}
.relzpgw-shai .customSelect-drop .select{height: max(34px,0.46rem);font-size: max(14px,0.16rem);color: #666;padding: 0 max(12px,0.2rem);}
.relzpgw-shai .customSelect-drop .select:hover{color: #65006a;}
.relzpgw-shai .customSelect-name.noRadius{border-color: #999;}
.relzpgw-shai .customSelect-name.noRadius::after{transform: rotate(-90deg);}
.relzpgw-list{width: 100%;}
.relzpgw-list li{width: 100%;background: #fff;margin-top: max(10px,0.2rem);border-radius: max(8px,0.2rem);overflow: hidden;display: none;}
.relzpgw-list li:first-child{margin-top: 0;}
.relzpgw-menu{width: 100%;user-select: none;cursor: pointer;padding: max(6px,0.16rem) max(18px,0.4rem);align-items: center;transition: color .4s ease,background .4s ease;}
.relzpgw-menu .ico{width: max(36px,0.6rem);height: max(36px,0.6rem);display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #a03db7, #05549f);position: relative;overflow: hidden;border-radius: 50%;color: #fff;font-size: max(14px,0.2rem);}
.relzpgw-menu .ico i{position: relative;z-index: 4;transform: rotate(180deg);font-weight: normal;transition: color .4s ease;}
.relzpgw-menu .ico::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;transition: opacity .4s ease;opacity: 0;}
.relzpgw-menu .text{width: 9.1rem;padding-right: max(30px,0.6rem);}
.relzpgw-menu .name{flex: 1;padding-right: max(30px,0.6rem);}
.relzpgw-menu:hover .name{color: #65006a;}
.relzpgw-menu.active{background: #65006a;}
.relzpgw-menu.active .text{color: #fff;}
.relzpgw-menu.active .name{color: #fff;}
.relzpgw-menu.active .ico::after{opacity: 1;}
.relzpgw-menu.active .ico i{transform: rotate(90deg);color: #65006a;}
.relzpgw-cont{width: 100%;padding: max(24px,0.48rem) max(18px,0.4rem) max(28px,0.6rem);display: none;}
.relzpgw-cont h6{font-size: 1.25em;color: #000;line-height: 2;}
.relzpgw-cont .btn{height: max(36px,0.5rem);border-radius: max(18px,0.25rem);line-height: 1;padding: 0 max(20px,0.4rem);user-select: none;cursor: pointer;transition: color .4s ease;position: relative;overflow: hidden;color: #fff;background: linear-gradient(to right, #a03db7, #05549f);font-size: max(14px,0.16rem);line-height: 1;}
.relzpgw-cont .btn span{position: relative;z-index: 2;}
.relzpgw-cont .btn::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to right, #05549f, #a03db7);z-index: 1;opacity: 0;transition: opacity .4s ease;}
.relzpgw-cont .btn:hover:after{opacity: 1;}
.relzpgw-btn{justify-content: center;display: flex;}
.relzpgw-btn.no{display: none;}

/* 资讯-列表 */
.news{background: #fff;}
.newsma{width: 100%;}
.newsma-link, .newslb-link{display: block;width: 100%;}
.newsma-link .img, .newslb-link .img{width: 100%;overflow: hidden;}
.newsma-link .img img{width: 100%;height: 5.97rem;}
.newslb-link .img img{width: 100%;height: 3.95rem;}
.newsma-link .cont .time, .newslb-link .cont .time{display: flex;align-items: center;}
.newsma-link .cont .time i, .newslb-link .cont .time i{margin-right: max(6px,0.1rem);}
.newsma-link:hover .img img, .newslb-link:hover .img img{transform: scale(1.06);}
.newsma-link:hover .cont .title, .newslb-link:hover .cont .title{color: #65006a;}

/* 资讯-详情 */
.newsxq{background: #fff;padding-top: max(32px,0.5rem);}
.newsxq-wrap{justify-content: space-between;align-items: flex-start;}
.newsxq-left{width: 66.6%;}
.newsxq-title{border-bottom: 2px solid #1a1a1a;}
.newsxq-data span{display: block;padding: max(6px,0.12rem) max(12px,0.2rem);border: 1px solid #e5e5e5;border-radius: max(24px,0.4rem);margin-left: max(6px,0.1rem);}
.newsxq-data span:first-child{margin-left: 0;}
.newsxq-content{width: 100%;}
.newsxq-content img, .newsxq-content video{height: auto !important;}
.newsxq-menu{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.newsxq-menu-link{padding: max(12px,0.26rem) max(12px,0.26rem) max(12px,0.26rem) max(6px,0.12rem);border-top: 1px solid #e5e5e5;align-items: center;}
.newsxq-menu-link .title{width: max(54px,1.5rem);}
.newsxq-menu-link .text{width: calc(100% - max(54px,1.5rem));transition: color .4s ease;}
.newsxq-menu-link:first-child{border-top: none;}
.newsxq-menu-link:hover .text{color: #65006a;}
.newsxq-back{width: 100%;justify-content: center;}
.newsxq-back a{display: flex;align-items: center;height: max(40px,0.56rem);border-radius: max(20px,0.28rem);padding: 0 max(26px,0.46rem);background: linear-gradient(to right,#a03db7, #05549f);color: #fff;line-height: 1;margin-right: max(10px,0.2rem);transition: box-shadow .4s ease;position: relative;overflow: hidden;}
.newsxq-back a:last-child{margin-right: 0;}
.newsxq-back a span{margin-left: max(10px,0.18rem);font-size: max(14px,0.16rem);position: relative;z-index: 2;}
.newsxq-back a img{width: 22px;transition: transform .4s ease;position: relative;z-index: 2;}
.newsxq-back a::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right,#05549f, #a03db7);transition: opacity .4s ease;opacity: 0;}
.newsxq-back a:hover::after{opacity: 1;}
.newsxq-back a:hover img{transform: translateX(min(-5px,-0.1rem));}
.newsxq-right{width: 26.8%;}
.newsxq-hot-item{border-bottom: 1px solid #f2f2f2;}
.newsxq-hot-item .img{width: 100%;overflow: hidden;display: none;}
.newsxq-hot-item .img img{width: 100%;transition: transform .6s;}
.newsxq-hot-item .title{transition: color .4s;}
.newsxq-hot-item:first-child .img{display: block;}
.newsxq-hot-item:first-child .title{margin-top: max(12px,0.24rem);}
.newsxq-hot-item:hover .title{color: #65006a;}
.newsxq-hot-item:hover .img img{transform: scale(1.06);}

/* 宾豪董事长 */
.abods{width: 100%;}
.abods .contain{width: 12.8rem;}
.abods-main{width: 100%;position: relative;align-items: flex-start;}
.abods-main .cont{width: calc(100% - 5.48rem);padding-right: max(40px, 0.88rem);}
.abods-main .cont .comTitle{position: relative;}
.abods-main .cont .comTitle::before{content: "";position: absolute;background: #f9f9f9;top: min(-36px,-1.2rem);height: calc(100% + max(36px,1.2rem));left: -1.33rem;width: 100vw;border-top-left-radius: 2rem;border-bottom-left-radius: 2rem;}
.abods-main .cont .comTitle .hint, .abods-main .cont .comTitle .title{position: relative;z-index: 4;}
.abods-main .img{width: 5.48rem;box-shadow: 0px 0px max(12px,0.3rem) 0px rgba(0, 0, 0, 0.2);position: relative;z-index: 4;border-top-left-radius: 0;border-bottom-right-radius: 0;}
.abods-main .img img{width: 100%;}
.abods-list{width: 100%;}
.abods-list .items{width: 100%;}
.abods-list .title{position: relative;padding-left: max(12px,0.26rem);}
.abods-list .title::before{content: "";position: absolute;background: linear-gradient(to bottom,#a03db7, #05549f);left: 0;width: max(4px,0.1rem);height: 100%;top: 0;left: 0;}
.abods-list .text{border-top: max(2px,0.04rem) solid #e8e8e8;}



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

@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .proxqma-imgs .gallery .img,.proxqma-imgs .thumbs .swiper-wrapper{height: 6.6rem;}
    .proxqma-imgs .thumbs {padding-right: max(40px,0.7rem);}
    .proxqma-imgs .thumbs .swiper-pagination {right: max(26px,0.5rem);}
    .abowh-eng {line-height: 0.74;}
    .abofz-loop .thumbs{max-width: 1188px;}
    .abofz-loop .thumbs-click span {padding: 16px 0;}
    .abofz-main .cont .year {margin-left: -1.32rem;}
    .abotd-loop .swiper-slide::after{right: -28px;}
    .devecl-circle {width: 11.4rem;height: 11.4rem;top: -4rem;}
}

@media all and (max-width:1430px){
    /* 1360 */
    .abofz-loop .thumbs{max-width: 972px;}
}

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

@media all and (max-width:1270px){
    /* 1152 × (700) */
    .abotd-loop .swiper-slide::after{right: -18px;}
    .abofz-loop .thumbs{max-width: 756px;}
    .relzpgh-main .cont{width: 360px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .pro{padding-left: 4%;padding-right: 4%;}
    .proBan.sonBan .img img {height: auto;}
    .proxqxj .contain{padding: 0 4%;}
    .techscjs .contain{padding: 0 4%;}
    .devecl{height: auto !important;}
    .devecl-sticky{position: relative;top: 0;height: auto;padding-bottom: 60px;}
    .devecl-circle{display: none;}
    .devecl-bg{position: absolute;top: 0;left: 0;}
    .devecl-main .contain{padding: 0;}
    .devecl-main{position: relative;height: auto;}
    .devecl-cont{width: 100%;padding: 0;}
    .devecl-list{width: 100%;position: relative;margin-top: 40px;bottom: 0;}
    .devecl-items{position: relative;opacity: 1;transform: none;transition: none;bottom: 0 !important;right: 0 !important;margin-top: 24px;}
    .devecl-items:first-child{margin-top: 0;}
    .devecl-items .ico{position: relative;top: 0;margin-bottom: 12px;}
    .devedt-main .items .anbtn{display: none;}
    .abods .contain{width: 92%;}
}

/* ------------------------手机端 360 适配-------------------------- */
@media all and (max-width:1000px){
    .pro-list ul{margin: -20px 0 0 -20px !important;}
    .pro-list li{margin: 20px 0 0 20px !important;width: calc(50% - 20px) !important;}
    .proxqma-imgs{width: 100%;}
    .proxqma-cont{width: 100%;padding: 0;margin-top: 20px;}
    .proxqxj-link .img img{height: 346px;}
    .proxqxj-btn {top: calc(346px/2 - max(16px,0.2rem));}
    .abojs-cont{width: 100%;padding: 0;}
    .abojs-imgs{width: 100%;margin-top: 30px;}
    .abojs-imgs img{height: auto;}
    .abojs-list ul{margin: -20px 0 0 -20px;}
    .abojs-list li{flex: none;width: calc(50% - 20px);margin: 20px 0 0 20px;}
    .abowh-list ul{margin: -20px 0 0 -20px;}
    .abowh-list li{width: calc(50% - 20px);margin: 20px 0 0 20px;}
    .abofz-loop .thumbs{max-width: 540px;}
    .abotd-loop .swiper-slide::after{display: none;}
    .abotd-loop .swiper-container{overflow: hidden;}
    .abotd-link .img img{height: 332px;}
    .techsccj-imgs{height: 360px;}
    .techscjs-link img{height: 246px;}
    .techslgs-circle{display: none;}
    .techslgs-main{width: 100%;}
    .techslgs-main img.bg{display: none;}
    .techslgs-cont{position: relative;width: 100%;height: auto;padding: 20px;border-radius: 8px;margin: 0;top: 0;left: 0;}
    .techslgs-cont .text{width: 100%;border-radius: 8px;}
    .techslgs-wai{position: relative;margin-top: 16px;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .techslgs-wai .text{width: 60px;height: 60px;position: relative;top: 0 !important;left: 0 !important;}
    .techslgs-nei{position: relative;margin-top: 16px;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .techslgs-nei .text{width: 80px;height: 80px;position: relative;top: 0 !important;left: 0 !important;}
    .techsldt-list li .img img{height: 134px;}
    .techglsy-link img{height: 182px;}
    .techglrz-link .img img{height: 132px;}
    .devedt-link .img{width: 120px;}
    .devedt-link .right{width: calc(100% - 120px);}
    .devezj-main{padding: 30px;}
    .relfsfw-main .img{width: 100%;}
    .relfsfw-main .img img{height: auto;}
    .relfsfw-main .list{width: 100%;padding: 20px;}
    .relzpln-list li img{height: 246px;}
    .relzphd-loop{width: 500px;}
    .relzphd-link img{height: 318px;}
    .relzpgh-list ul{flex-wrap: wrap;margin: min(-8px,-0.2rem) 0 0 min(-8px,-0.2rem);}
    .relzpgh-list li{flex: none !important;width: calc(50% - max(8px,0.2rem));margin: max(8px,0.2rem) 0 0 max(8px,0.2rem);}
    .relzpgh-main .cont{opacity: 1;text-align: center;transform: none;margin-top: 12px;width: 100%;}
    .relzpgh-main .ico{position: relative;margin: 0 auto;left: 0;top: 0;right: 0;}
    .relzpgh-link .img img{height: 320px;}
    .relzpgw-menu .name{flex: none;width: 100%;padding: 0 0 4px;}
    .relzpgw-menu .text {width: auto;font-size: 12px;margin-right: 14px;}
    .relzpgw-menu .text:last-of-type{margin-right: 0;}
    .relzpgw-menu .ico{display: none;}
    .relzpgw-menu{padding: 12px 14px;}
    .relzpgw-cont{padding: 16px 14px 20px;font-size: 12px;line-height: 20px;}
    .newsma-link .img img{height: 274px;}
    .newslb-link .img img{height: 180px;}
    .newsxq-left{width: 100%;}
    .newsxq-right{width: 100%;margin-top: 28px;}
    .abods-main .img{width: 300px;}
    .abods-main .cont{width: calc(100% - 300px);}
}
@media all and (max-width:720px){
    .pro-wrap {margin-top: -24px;}
    .pro-list{margin-top: 10px;}
    .proBan .sonBan-cont{padding-bottom: 40px;}
    .pro-list ul{margin: -16px 0 0 !important;}
    .pro-list li{margin: 16px 0 0 !important;width: 100% !important;}
    .proxqxg .pro-list {margin-top: 18px;}
    .proxqma-imgs .thumbs{width: 80px;}
    .proxqma-imgs .gallery{width: calc(100% - 80px);}
    .proxqma-imgs .thumbs {padding-right: 20px;}
    .proxqma-imgs .thumbs .swiper-pagination {right: 12px;}
    .proxqxj-link .img img{height: 330px;}
    .proxqxj-btn {top: calc(330px/2 - max(16px,0.2rem));}
    .proxqma-imgs .gallery .img,.proxqma-imgs .thumbs .swiper-wrapper{height: 220px;}
    .abojs-imgs {margin-top: 18px;}
    .abojs-list ul{margin: -16px 0 0 -16px;}
    .abojs-list li{flex: none;width: calc(50% - 16px);margin: 16px 0 0 16px;}
    .abowh-list ul{margin: -10px 0 0 -10px;}
    .abowh-list li{width: calc(50% - 10px);margin: 10px 0 0 10px;}
    .abowh-link .cont .title{font-size: 14px;line-height: 20px;min-height: 40px;}
    .abofz-loop .thumbs {max-width: 324px;}
    .abofz-loop .thumbs-click {padding-top: 8px;}
    .abofz-loop .thumbs-click span::before, .abofz-loop .thumbs-click span::after {border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #000;margin-left: -5px;}
    .abofz-loop .thumbs-click span {padding: 12px 0;}
    .abofz-main .img{width: 100%;}
    .abofz-main .cont{width: 100%;padding: 20px 0 0;}
    .abofz-main .cont .year {margin-left: 0;}
    .abofz-loop{padding-bottom: 2rem;}
    .abory-cont{width: 100%;padding: 0;}
    .abory-imgs{width: 330px;margin: 32px auto 0;}
    .abory-imgs .img .sd{height: 106px;}
    .abory-imgs .img .lm{height: 110px;}
    .abotd-link .img img{height: 320px;}
    .techscxt-imgs .cont{background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.8) 100%);}
    .techsccj-menu li .text{font-size: 12px;margin-top: -14px;}
    .techsccj-imgs {height: auto;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .techsccj-main{position: relative;}
    .techsccj-menu ul{margin: -10px 0 0 -10px !important;}
    .techsccj-menu li{width: calc(50% - 10px) !important;margin: 10px 0 0 10px !important;}
    .techscjs-link img{height: 236px;}
    .techsccj-menu{margin-top: 60px;}
    .techslgs-cont{padding: 10px;}
    .techslgs-wai .text{width: 54px;height: 54px;font-size: 7px;}
    .techslgs-nei .text{width: 46px;height: 46px;font-size: 8px;}
    .techslgs-nei .text .ico{height: 14px;}
    .techsldt-list ul{margin: -12px 0 0 !important;}
    .techsldt-list li{width: 100% !important;margin: 12px 0 0 !important;top: 76px;}
    .techsldt-list li .img img{height: 130px;}
    .techsldt-list li .cont .left{width: calc(100% - 60px);}
    .techsldt-list li .cont{padding: 20px 16px;}
    .techsljs img.bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;min-height: auto;}
    .techsljs-main{position: relative;padding: 60px 0;}
    .techsljs-main .text{line-height: 26px;}
    .techglsy-list li {width: calc(100% - max(12px,0.2rem)) !important;}
    .techglpz-list li{width: calc(100% - max(18px,0.5rem)) !important;}
    .techglrz-list li{width: calc(100% - max(18px,0.48rem)) !important;}
    .techglrz-link .img img{height: 194px;}
    .devecl-main{padding-top: 24px;}
    .devecl-list {margin-top: 20px;}
    .devecl-items {margin-top: 16px;}
    .devecl-sticky {padding-bottom: 40px;}
    .devezj-main{padding: 20px;}
    @keyframes devedtRun{0%{opacity: 0;}100%{opacity: 1;}}
    .relfsfw-main .list{padding: 12px 16px;}
    .relfsfw-main .list li .cont .text{font-size: 14px;}
    .relfsbd-form{padding: 20px;}
    .relfsbd-form ul{margin: -14px 0 0;}
    .relfsbd-form li{width: 100% !important;margin: 14px 0 0 !important;}
    .relzpln-list li {width: calc(50% - max(12px,0.22rem));border-radius: 8px !important;margin: max(12px, 0.22rem) 0 0 max(12px, 0.22rem) !important;}
    .relzpln-list li img{height: 232px;}
    .relzpxy-cont{width: 100%;}
    .relzphd-loop{width: 100%;}
    .relzphd-loop .swiper-container{overflow: hidden;}
    .relzphd-link img{height: 210px;}
    .relzpgh-list li {width: calc(100% - max(8px,0.2rem));}
    .relzpgh-link .img img{height: 280px;}
    .relzpgw-shai{height: auto;padding: 18px 14px;}
    .relzpgw-shai .hint{width: 70px;margin: 0;}
    .relzpgw-shai .sel{width: calc(100% - 70px);}
    .relzpgw-shai .isSelect{width: 100%;margin: 10px 0 0;}
    .relzpgw-shai .isSelect:first-child{margin-top: 0;}
    .relzpgw-shai{margin-top: -60px;}
    .relzpgw-wrap{margin-top: 84px;}
    .newsma ul{margin: -16px 0 0 !important;}
    .newsma li{width: 100% !important;margin: 16px 0 0 !important;}
    .newsma-link .img img{height: 264px;}
    .newslb ul{margin: -16px 0 0 -10px !important;}
    .newslb li{width: calc(50% - 10px) !important;margin: 16px 0 0 10px !important;}
    .newslb-link .img img{height: 128px;}
    .newsxq-wrap{margin-top: 0;}
    .abods-main .cont .comTitle::before{display: none;}
    .abods-main{padding-top: 0;}
    .abods-main .cont .comTitle{padding: 0;}
    .abods-main .cont .text{margin-top: 12px;}
    .abods-main .img{width: 100%;margin-top: 24px;}
    .abods-main .cont{width: 100%;padding: 0;}
}