@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{display: flex;flex-wrap: wrap;}
.paging-menu a{width: max(38px,0.5rem);height: max(38px,0.5rem);margin: 0 max(3px,0.05rem);font-size: max(14px,0.18rem);color: #000;transition: all .4s ease;border-radius: 50%;background-color: #f3f3f3;display: flex;align-items: center;justify-content: center;line-height: 1;}
.paging-menu a.prev, .paging-menu a.next{font-size: max(13px,0.16rem);}
.paging-menu a.next{transform: rotateY(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{background-color: #000;color: #fff;}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #648dff;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #648dff;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: #648dff !important;}
.search-link:hover h2{color: #648dff;}

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

/* 产品列表 */
.pro{width: 100%;}
.pro-head{width: 100%;}
.pro-list{width: 100%;}
.pro-list li{width: 100%;margin-top: max(14px,0.3rem);}
.pro-list li:first-child{margin-top: 0;}
.pro-link{display: block;width: 100%;position: relative;}
.pro-link img{width: 100%;height: 7.8rem;}
.pro-link .cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,4px);background: url("../images/pages/proSd.png") repeat-x left bottom/auto 84%;color: #fff;display: flex;flex-direction: column;justify-content: flex-end;}
.pro-link:hover img{transform: scale(1.08);}

/* 联系我们 */
.rel{background: #080809;padding-top: calc(1.5rem + max(80px,1.08rem));}
.rel-head{width: 100%;}
.rel-head .title{font-size: 1.35rem;}
.rel-head .text{max-width: max(790px,10.1rem);margin-left: auto;margin-right: auto;}
.rel-wrap{align-items: flex-end;}
.rel-main{width: 6.14rem;}
.rel-info .tags p{background: #648dff;padding: 0 max(10px,0.16rem);height: max(26px,0.36rem);}
.rel-info .text{width: 84%;}
.rel-list{width: 100%;}
.rel-list li{width: 100%;margin-top: max(4px,0.08rem);border: 1px solid #1f1f20;background: #141415;color: #fff;}
.rel-list li:first-child{margin-top: 0;}
.rel-list li .ico{height: max(20px,0.34rem);}
.rel-list li .ico img{max-height: 100%;}
.rel-form{width: calc(100% - 6.14rem);padding-left: 1.84rem;}
.rel-form ul{margin: min(-4px,-0.08rem) 0 0 min(-4px,-0.08rem);}
.rel-form li{width: calc(50% - max(4px,0.08rem));margin: max(4px,0.08rem) 0 0 max(4px,0.08rem);border: 1px solid #1f1f20;background: #141415;color: #fff;transition: border .4s ease;user-select: none;}
.rel-form li.long{width: calc(100% - max(4px,0.08rem));}
.rel-form li input, .rel-form li textarea{display: block;width: 100%;font-size: max(14px,0.16rem);color: #fff;background: transparent;}
.rel-form li textarea{height: max(70px,1rem);overflow: -moz-scrollbars-none;-ms-overflow-style: none;}
.rel-form li textarea::-webkit-scrollbar{width: 0;height: 0;}
.rel-form li:focus-within{border-color: #606060;}
.rel-form li.btn{border: none;background: transparent;margin-top: max(10px,0.24rem);}
.rel-form li button{width: 100%;height: max(36px,0.42rem);background: #648dff;color: #fff;font-size: max(16px,0.18rem);border: none;transition: box-shadow .4s ease;cursor: pointer;}
.rel-form li button i{transition: transform .4s ease;}
.rel-form li button:hover{box-shadow: 0 0 max(12px,0.24rem) rgba(100, 141, 255, 0.6);}
.rel-form li button:hover i{transform: scale(1.14);}

/* 新闻列表 */
.news{background: #fff;}
.news-head{width: 100%;}
.news-head-main{width: 100%;justify-content: space-between;align-items: center;border-top: 2px solid #353535;border-bottom: 2px solid #f2f2f2;}
.news-head-menu{align-items: center;flex-wrap: nowrap;}
.news-head-menu .hint{background: url("../images/pages/newsIcon.svg") no-repeat left center/max(18px,0.24rem) auto;padding-left: max(24px,0.34rem);margin-right: max(20px,0.58rem);}
.news-head-menu .menu a{position: relative;margin-right: max(14px,0.36rem);}
.news-head-menu .menu a::after{content: "";position: absolute;width: 100%;height: 1px;background: #000;bottom: -2px;left: 0;transform: scaleX(0);transition: transform .4s ease;}
.news-head-menu .menu a:hover::after{transform: scaleX(1);}
.news-head-menu .menu a.active::after{transform: scaleX(1);}
.news-head-search{display: block;position: relative;width: max(180px,3.4rem);}
.news-head-search input{width: 100%;height: max(38px,0.6rem);font-size: max(14px,0.16rem);font-family: "fmb";border-radius: max(19px,0.3rem);border: 2px solid #f2f2f2;padding: 0 max(42px,0.68rem) 0 max(14px,0.36rem);transition: border .4s ease;}
.news-head-search button{position: absolute;z-index: 2;top: 0;right: 0;width: max(42px,0.68rem);height: 100%;font-size: max(16px,0.24rem);color: #000;cursor: pointer;transition: color .4s ease;}
.news-head-search input:focus{border-color: #648dff;}
.news-head-search button:hover{color: #648dff;}
.news-list{width: 100%;}
.news-link{display: block;width: 100%;}
.news-link .img img{height: 4.2rem;width: 100%;}
.news-link .cont .title span{background: linear-gradient(to right, #000, #000) no-repeat right bottom;background-size: 0 2px;transition: background-size 1s;}
.news-link:hover .img img{transform: scale(1.08);}
.news-link:hover .cont .title span{background-position-x: left;background-size: 100% 2px;}

/* 新闻详情 */
.newsxq{background: #f6f7fb;}
.newsxq-head{width: 100%;}
.newsxq-main{width: 100%;background: #fff;}
.newsxq-content{max-width: 960px;margin: 0 auto;}
.newsxq-content img{height: auto !important;}
.newsxq-btn{max-width: 960px;margin-left: auto;margin-right: auto;border-top: 1px solid #e5e5e5;}
.newsxq-btn a{align-items: flex-start;}
.newsxq-btn a:first-child{margin-top: 0;}
.newsxq-btn a .img{width: max(120px,1.66rem);}
.newsxq-btn a .img img{width: 100%;height: max(70px,1.02rem);}
.newsxq-btn a .cont{width: calc(100% - max(120px,1.66rem));}
.newsxq-btn a .cont .text span{background: linear-gradient(to right, #000, #000) no-repeat right bottom;background-size: 0 2px;transition: background-size 1s;}
.newsxq-btn a:hover .img img{transform: scale(1.08);}
.newsxq-btn a:hover .cont .text span{background-position-x: left;background-size: 100% 2px;}

/* 关于我们 */
.aboBan{width: 100%;position: relative;position: fixed;height: 100vh;left: 0;top: 0;background: #fff;overflow: hidden;}
.aboBan img{width: 100%;height: 100%;transform: matrix(1.16, 0, 0, 1.16, 0, 0);animation: aboBanImg 3s cubic-bezier(0.22, 0.61, 0.36, 1) both;}
@keyframes aboBanImg{0%{transform: matrix(1.16, 0, 0, 1.16, 0, 0);}100%{transform: matrix(1, 0, 0, 1, 0, 0);}}
.aboBan-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,4px);color: #fff;display: flex;align-items: flex-end;padding: 0 0 max(12px,0.3rem) max(20px,0.5rem);}
.aboBan-cont .title{font-size: 2.4rem;line-height: 0.8;opacity: 0;animation: aboBanRun 1.2s cubic-bezier(0.22, 0.61, 0.36, 1) both .4s;}
@keyframes aboBanRun{0%{opacity: 0;transform: translateX(min(-120px,-2.4rem));filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
.aboSection{width: 100%;position: relative;z-index: 6;margin-top: 100vh;background: #fff;}
.abojs{width: 100%;}
.abojs .contain{padding: 0 0 max(40px,1.24rem) 0 max(12px,0.2rem);}
.abojs-wrap{width: 100%;align-items: flex-start;}
.abojs-img{width: 4.65rem;}
.abojs-img img{width: 100%;height: 5.6rem;}
.abojs-cont{width: calc(100% - 4.65rem);}
.abojs-cont .hint{align-items: center;}
.abojs-cont .hint i{color: #648dff;margin-right: max(4px,0.08rem);font-size: max(8px,0.14rem);}
.abojs-cont .text{line-height: 1.2;}
.abojs-cont .text p{display: inline;background: #ebebeb -webkit-linear-gradient(left, black, black) no-repeat 0 0;-webkit-text-fill-color: transparent;background-clip: text;-webkit-background-clip: text;background-size: 0 100%;transition: background-size 4s ease;}
.abocd{width: 100%;overflow: visible;background: #000;}
.abocd-sticky{width: 100%;position: sticky;left: 0;top: max(50px,0.6rem);height: 100vh;}
.abocd-items{width: 100%;position: sticky;top: max(50px,0.6rem);left: 0;padding: max(16px,0.28rem) max(20px,0.38rem) max(24px,0.48rem);background: #000;transform-origin: top center;margin-top: 1.6rem;}
.abocd-items:first-child{margin-top: 0;}
.abocd-items .line{position: absolute;width: 100%;left: 0;right: 0;top: 0;margin: 0 auto;background: #648dff;height: max(4px,0.1rem);}
.abocd-items .title{font-family: "fmb";font-size: max(20px,0.4rem);line-height: max(20px,0.4rem);color: #fff;transform-origin: left top;}
.abocd-items .img{width: 100%;margin-top: max(16px,0.28rem);height: calc(100vh - max(50px,0.6rem) - max(16px,0.28rem) - max(24px,0.48rem) - max(20px,0.4rem) - max(16px,0.28rem));position: relative;transform-origin: top center;}
.abocd-items .img img{width: 100%;height: 100%;}
.abocd-items .img .cont{position: absolute;left: 0;bottom: 0;z-index: 2;color: #fff;}
.abocd-items .img .cont .text{max-width: max(360px,6.2rem);}
.abocd-items:nth-child(2){top: calc(max(50px,0.6rem) + max(20px,0.4rem) + max(30px,0.4rem))}
.abocd-items:nth-child(2) .img{height: calc(100vh - max(50px,0.6rem) - max(16px,0.28rem) - max(24px,0.48rem) - max(20px,0.4rem) - max(16px,0.28rem) - max(20px,0.4rem) - max(30px,0.4rem));}
.abocd-items:nth-child(3){top: calc(max(50px,0.6rem) + (max(20px,0.4rem) + max(30px,0.4rem))*2)}
.abocd-items:nth-child(4){top: calc(max(50px,0.6rem) + (max(20px,0.4rem) + max(30px,0.4rem))*3)}
@media all and (min-width:1100px){
    .abocd-items{transform: scale(0.8);border-radius: 0.3rem;}
    .abocd-items .line{width: 0;}
    .abocd-items .title{transform: scale(16);}
    .abocd-items .img{transform: scale(0.8) translateY(100%);}
}
.aborw{width: 100%;overflow: visible;}
.aborw-run{width: 100%;overflow: hidden;white-space: nowrap;overflow: hidden;font-size: 0;display: flex;align-items: center;}
.aborw-run .wrap{white-space: nowrap;animation: 30s linear infinite aborwRun;}
@keyframes aborwRun{0%{transform: translate(0,0)}100%{transform: translate(-100%)}}
.aborw-run .text{font-size: 3rem;margin: 0 max(12px,0.4rem);color: #fff;text-shadow:-1px -1px 0 #648dff,  1px -1px 0 #648dff,-1px 1px 0 #648dff,1px 1px 0 #648dff;line-height: 1;text-transform: uppercase;opacity: 0.4;}
.aborw-main{width: 100%;}
.aborw-main .contain-1600{align-items: flex-start;}
.aborw-cont{width: max(380px,4.5rem);position: sticky;top: max(80px,1rem);left: 0;}
.aborw-cont .hint{align-items: center;}
.aborw-cont .hint i{color: #648dff;margin-right: max(4px,0.08rem);font-size: max(12px,0.14rem);}
.aborw-cont .text{line-height: 1.2;}
.aborw-list{width: calc(100% - max(380px,4.5rem));padding-left: 1.12rem;}
.aborw-list ul{margin: min(-3px,-0.06rem) 0 0 min(-3px,-0.06rem);}
.aborw-list li{position: relative;width: calc(50% - max(3px,0.06rem));margin: max(3px,0.06rem) 0 0 max(3px,0.06rem);padding: max(3px,0.05rem);border-radius: max(8px,0.20rem);overflow: hidden;}
.aborw-list li::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #648dff;transform-origin: bottom center;transform: scaleY(0);opacity: 0;transition: transform .6s ease, opacity .6s ease;}
.aborw-list li img{width: 100%;height: 6.2rem;position: relative;z-index: 2;border-radius: max(8px,0.20rem);overflow: hidden;}
.aborw-info{position: absolute;width: calc(100% - max(12px,0.2rem));height: auto;left: 0;right: 0;margin: 0 auto;bottom: max(6px,0.2rem);background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(max(6px,0.12rem));padding: max(12px,0.24rem) max(20px,0.48rem);border-radius: max(6px,0.10rem);color: #fff;text-align: center;transition: width .6s ease, bottom .6s ease;z-index: 4;}
.aborw-info .text{display: none;}
.aborw-list li:hover::after{transform: scaleY(1);opacity: 1;}
.abogd{width: 100%;}
.abogd img.bg{width: 100%;position: absolute;height: 100%;top: 0;left: 0;}
.abogd .contain-1440{position: relative;z-index: 4;}
.abogd-info{width: 100%;}
.abogd-info .link{justify-content: center;}

/* 产品一 */
.proy{width: 100%;background-color: #000;background-repeat: no-repeat;background-position: top max(30px,0.48rem) center;background-size: 100% auto;}
.proyBan{width: 100%;height: 100vh;padding-top: max(30px,0.48rem);overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;}
.proyBan .title{font-size: 3rem;line-height: 1;color: #fff;display: flex;justify-content: center;}
.proyBan .img{position: absolute;z-index: 4;width: 1px;height: 1px;opacity: 0;}
.proyBan .img img{max-width: none;}
.proyBan .img.img1 img{height: 5.92rem;}
.proyBan .img.img2 img{height: 6.02rem;}
.proyBan .img.img1{left: 35%;top: calc(max(80px,1.08rem) + 19%);}
.proyBan .img.img2{left: 49.3%;top: calc(max(80px,1.08rem) + 4%);}
.proyBan .img.img1{animation: proyBanT 1.2s ease both 0.8s;}
.proyBan .img.img2{animation: proyBanB 1.2s ease both 1.2s;}
@keyframes proyBanT{0%{opacity: 0;transform: translateY(max(100px,2.2rem));filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes proyBanB{0%{opacity: 0;transform: translateY(min(-100px,-2.2rem));filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.proyBan .title span{animation: proyBanWen 1.6s ease both;}
@keyframes proyBanWen{0%{opacity: 0;transform: scale(2);}100%{opacity: 1;transform: scale(1);}}
.proyHead .text{max-width: max(620px,9.6rem);margin-left: auto;margin-right: auto;}
.proyTd{width: 100%;}
.proyTd-list{width: 100%;}
.proyTd-list li{border: 1px solid #434343;background: #121212;color: #fff;text-align: center;transition: border .4s ease;}
.proyTd-list li .ico{width: max(50px,0.78rem);height: max(30px,0.42rem);margin: 0 auto;transition: transform .4s ease;}
.proyTd-list li .ico img{max-height: 100%;}
.proyTd-list li .text{max-width: 80%;margin-left: auto;margin-right: auto;}
.proyTd-list li:hover .ico{transform: translateY(min(-4px,-0.1rem));}
.proyTd-list li:hover{border-color: #afafaf;}
.proyYs{width: 100%;}
.proyYs-wrap{width: 100%;position: relative;margin-top: max(36px,1.2rem);}
.proyYs-letter{position: absolute;width: 100%;height: 100%;top: 0;left: 0;color: #363637;font-size: 4.5rem;pointer-events: none;line-height: 0.8;}
.proyYs-list{position: relative;z-index: 4;}
.proyYs-list li{border-radius: max(8px,0.20rem);overflow: hidden;flex: 1;margin-right: max(20px,0.6rem);position: relative;}
.proyYs-list li:last-child{margin-right: 0;}
.proyYs-list li img{width: 100%;}
@media all and (min-width:1100px) {
    .proyYs.len3 .proyYs-list li:nth-child(1){transform: translateX(calc(100% + max(20px,0.6rem))) rotate(-10deg);}
    .proyYs.len3 .proyYs-list li:nth-child(2){z-index: 2;}
    .proyYs.len3 .proyYs-list li:nth-child(3){transform: translateX(calc(-100% - max(20px,0.6rem))) rotate(10deg);}
    .proyYs.len4 .proyYs-letter{font-size: 3.5rem;}
    .proyYs.len4 .proyYs-wrap{margin-top: max(34px,1rem);}
    .proyYs.len4 .proyYs-list li{margin-right: max(16px,0.5rem);}
    .proyYs.len4 .proyYs-list li:nth-child(1){transform: translateX(calc(162% + max(12px,0.3rem))) rotate(-10deg);}
    .proyYs.len4 .proyYs-list li:nth-child(2){transform: translateX(calc(50% + max(12px,0.3rem))) rotate(0deg);}
    .proyYs.len4 .proyYs-list li:nth-child(3){transform: translateX(calc(-42% - max(12px,0.3rem))) rotate(10deg);}
    .proyYs.len4 .proyYs-list li:nth-child(4){transform: translateX(calc(-150% - max(12px,0.3rem))) rotate(20deg);}
    .proyYs.len5 .proyYs-letter{font-size: 2.5rem;}
    .proyYs.len5 .proyYs-wrap{margin-top: max(32px,0.8rem);}
    .proyYs.len5 .proyYs-list li{margin-right: max(14px,0.4rem);}
    .proyYs.len5 .proyYs-list li:nth-child(1){transform: translateX(calc(200% + max(14px,0.4rem))) rotate(-20deg);}
    .proyYs.len5 .proyYs-list li:nth-child(2){transform: translateX(calc(100% + max(14px,0.4rem))) rotate(-10deg);}
    .proyYs.len5 .proyYs-list li:nth-child(3){z-index: 2;}
    .proyYs.len5 .proyYs-list li:nth-child(4){transform: translateX(calc(-100% - max(14px,0.4rem))) rotate(10deg);}
    .proyYs.len5 .proyYs-list li:nth-child(5){transform: translateX(calc(-200% - max(14px,0.4rem))) rotate(20deg);}
    .proyYs.len6 .proyYs-letter{font-size: 2rem;}
    .proyYs.len6 .proyYs-wrap{margin-top: max(30px,0.7rem);}
    .proyYs.len6 .proyYs-list li{margin-right: max(12px,0.3rem);}
    .proyYs.len6 .proyYs-list li:nth-child(1){transform: translateX(calc(262% + max(12px,0.3rem))) rotate(-20deg);}
    .proyYs.len6 .proyYs-list li:nth-child(2){transform: translateX(calc(155% + max(12px,0.3rem))) rotate(-10deg);}
    .proyYs.len6 .proyYs-list li:nth-child(3){transform: translateX(calc(50% + max(12px,0.3rem))) rotate(0deg);}
    .proyYs.len6 .proyYs-list li:nth-child(4){transform: translateX(calc(-28% - max(12px,0.3rem))) rotate(10deg);}
    .proyYs.len6 .proyYs-list li:nth-child(5){transform: translateX(calc(-135% - max(12px,0.3rem))) rotate(20deg);}
    .proyYs.len6 .proyYs-list li:nth-child(6){transform: translateX(calc(-242% - max(12px,0.3rem))) rotate(30deg);}
    .proyYs .animated .proyYs-list li {transform: translateY(0) rotate(0) !important;transition: transform 1.6s cubic-bezier(0.22, 0.61, 0.36, 1) 1.2s;}
    .proyYs .animated .proyYs-letter{opacity: 0;transition: opacity 2s cubic-bezier(0.22, 0.61, 0.36, 1) 1.6s;}
}
.proySy{width: 100%;}
.proySy-img{width: 100%;}
.proySy-img img{width: 100%;}
.proyDt{width: 100%;height: 100vh;overflow: visible;}
.proyDt-sticky{position: sticky;width: 100%;top: max(50px,0.6rem);left: 0;overflow: hidden;height: calc(100vh - max(50px,0.6rem));}
.proyDt-bg{width: 100%;position: relative;transition: transform .6s;z-index: 2;}
.proyDt-bg img{width: 100%;height: 100%;}
.proyDt-wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;}
.proyDt-wrap .contain-1480{align-items: center;}
.proyDt-img, .proyCl-img{width: 8.68rem;height: 5.36rem;opacity: 0;}
.proyDt-img img, .proyCl-img img{width: 100%;height: 100%;}
.proyDt-cont, .proyCl-cont{width: calc(100% - 8.68rem);}
@media all and (min-width:1100px) {
    .proyDt-cont{opacity: 0;transform: translateY(max(100px,2rem));transition: opacity .6s, transform .6s;}
    .proyDt.on .proyDt-cont{opacity: 1;transform: translateY(0);transition: opacity 1s .4s, transform 1s .4s;}
}
.proyCl{width: 100%;}
.proyCl-wrap{display: flex;align-items: center;}
.proyCl-wrap .contain-1480{align-items: center;flex-direction:row-reverse;}
.proyCl-img{opacity: 1;}
.proyTp{overflow: visible;}
.proyTp-img{width: 77.08%;margin-left: auto;margin-right: auto;transform-origin: top center;}
.proyTp-img img{width: 100%;}
.proyDd{width: 100%;}
.proyYs-wrap{width: 100%;}
.proyDd-list{width: 100%;position: relative;z-index: 4;padding: 0 0.68rem;}
.proyDd-list ul{align-items: flex-start;}
.proyDd-list li{border-radius: max(11px,0.30rem);overflow: hidden;flex: 1;margin-right: max(20px,0.7rem);position: relative;margin-top: 1.1rem;}
.proyDd-list li:last-child{margin-right: 0;}
.proyDd-list li:nth-child(2){margin-top: 0;z-index: 4;}
.proyDd-list li img{width: 100%;}
@media all and (min-width:1100px) {
    .proyDd-list li:nth-child(1){transform: translateX(calc(100% + max(20px,0.7rem))) translateY(-1.1rem);}
    .proyDd-list li:nth-child(3){transform: translateX(calc(-100% - max(20px,0.7rem))) translateY(-1.1rem);}
    .proyYs-wrap.animated .proyDd-list li {transform: translateX(0) translateY(0) !important;transition: transform 1.6s cubic-bezier(0.22, 0.61, 0.36, 1) 1.2s;}
}
.proyDd-run.run1{margin-top: -2.2rem;}
.proyDd-run{width: 100%;overflow: hidden;white-space: nowrap;overflow: hidden;font-size: 0;display: flex;align-items: center;user-select: none;}
.proyDd-run .wrap{white-space: nowrap;animation: 30s linear infinite proyDdRun;}
@keyframes proyDdRun{0%{transform: translate(0,0)}100%{transform: translate(-100%)}}
.proyDd-run .text{font-size: 3rem;margin: 0 max(12px,0.4rem);color: #363637;line-height: 0.88;text-transform: uppercase;}
.proyDd-run.run2{transform: rotateY(180deg);}
.proyDd-run.run2 .text{transform: rotateY(180deg);color: #000;text-shadow:-1px -1px 0 #363637,  1px -1px 0 #363637,-1px 1px 0 #363637,1px 1px 0 #363637;}
.proyXz{width: 100%;}
.proyXz-img{width: 100%;}
.proyXz-img img{width: 100%;}

/* 产品二 */
.proe{width: 100%;background: #000;}
.proeBan{width: 100%;position: relative;height: 100vh;background: #000;overflow: hidden;}
.proeBan img{width: 100%;height: 100%;transform: matrix(1.16, 0, 0, 1.16, 0, 0);animation: aboBanImg 3s cubic-bezier(0.22, 0.61, 0.36, 1) both;}
.proeBan-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,4px);color: #fff;display: flex;align-items: center;padding-top: 0.6rem;}
.proeBan-cont .title{font-size: 2.4rem;line-height: 0.8;opacity: 0;animation: aboBanRun 1.2s cubic-bezier(0.22, 0.61, 0.36, 1) both .4s;}
.proeBan-cont .text{animation: aboBanRun 1.2s cubic-bezier(0.22, 0.61, 0.36, 1) both .4s;padding-left: 0.12rem;}
.proeHead .text{max-width: max(620px,9.6rem);margin-left: auto;margin-right: auto;}
.proeDh{background: #000;overflow: visible;height: 100vh;}
.proeDh-sticky{position: sticky;width: 100%;left: 0;top: max(50px,0.6rem);overflow: hidden;height: calc(100vh - max(50px,0.6rem));overflow: hidden;}
.proeDh-wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;color: #fff;z-index: 4;transform: translate3d(0,0,4px);}
.proeDh-wrap .contain-1480{position: relative;z-index: 10;transform: translate3d(0,0,10px);}
.proeDh-img{width: 5.87rem;margin: 0 auto;}
.proeDh-img img{max-width: 6rem;max-height: 6rem;}
.proeDh-main{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;}
.proeDh-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.proeDh-cont li{position: absolute;width: 100%;height: 100%;top: 0;left: 0;color: #fff;opacity: 0;}
.proeDh-cont .cont{position: absolute;width: 5.8rem;display: flex;}
.proeDh-cont .cont .ico{width: max(40px,0.8rem);height: max(40px,0.8rem);}
.proeDh-cont .cont .ico img{width: 100;height: 100%;}
.proeDh-cont .cont .name{margin-top: max(24px,0.48rem);}
.proeDh-cont .cont .line{width: 100%;height: 2px;background: #404040;display: none;}
.proeDh-cont .cont.left{top: min(-30px,-0.6rem);left: 0;}
.proeDh-cont .cont.right{bottom: 0;right: 0;justify-content: flex-end;}
.proeDh-line{position: absolute;width: 5.8rem;height: 2px;opacity: 0;}
.proeDh-line.left{top: max(22px,0.44rem);left: 0;}
.proeDh-line.right{bottom: max(52px,1.02rem);right: 0;}
.proeDh-line i{width: 100%;height: 2px;background: #404040;display: block;transform: scaleX(0);}
.proeDh-line.left i{transform-origin: right center;}
.proeDh-line.right i{transform-origin: left center;}
.proeDh-line::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #404040;top: -2px;left: 0;}
.proeDh-line.left::before{left: auto;right: 0;}
.proeDh-letter{position: absolute;color: #fff;font-size: 3.2rem;white-space: nowrap;line-height: 1;top: 50%;margin-top: -1.6rem;left: -20%;transform: translateX(150%);}
@media all and (min-width:1100px) {
    .proeDh-line{transition: opacity .4s ease .4s;}
    .proeDh-line.on{opacity: 1;transition: opacity .4s ease;}
    .proeDh-line i{transition: transform 0.8s ease;}
    .proeDh-line.on i{transform: scale(1);transition: transform 0.8s ease .2s;}
    .proeDh-cont li{transition: opacity .4s;}
    .proeDh-cont li.on{opacity: 1;transition: opacity .4s ease 1s;}
    .proeDh-cont.start li{transition: opacity .4s;}
    .proeDh-cont.start li.on{transition: opacity .4s;}
}
.proeJs{background: #000;}
.proeJs-main{width: 77.08%;margin-left: auto;margin-right: auto;transform-origin: top center;position: relative;}
.proeJs-main img{width: 100%;}
.proeJs-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;background: rgba(0, 0, 0, 0.6);color: #fff;text-align: center;display: flex;align-items: center;opacity: 0;}
.proeJs-cont .limit{max-width: max(380px,7.4rem);margin: 0 auto;}
@media all and (min-width:1100px) {
    .proeJs-cont{transition: opacity .6s ease;}
    .proeJs-main.on .proeJs-cont{opacity: 1;transition: opacity .6s ease;}
    .proeJs-cont .title, .proeJs-cont .text{opacity: 0;transform: translateY(max(60px,1.2rem));transition: opacity .6s ease, transform .6s ease;}
    .proeJs-main.on .proeJs-cont .title{transition: opacity .8s ease .2s, transform .8s ease .2s;}
    .proeJs-main.on .proeJs-cont .text{transition: opacity .8s ease .5s, transform .8s ease .5s;}
    .proeJs-main.on .proeJs-cont .title, .proeJs-main.on .proeJs-cont .text{opacity: 1;transform: translateY(0);filter: blur(0);}
}
.proeCs{background: #000;overflow: visible;height: 100vh;}
.proeCs-sticky{position: sticky;height: calc(100vh - max(50px,0.6rem));top: max(50px,0.6rem);overflow: hidden;left: 0;width: 100%;}
.proeCs-main{position: absolute;width: 16rem;height: 100%;top: 0;right: 0;margin: 0 auto;left: 0;display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.proeCs-imgs{width: 64.5%;height: 100%;}
.proeCs-list{width: 35.5%;padding-right: max(30px,0.9rem);color: #fff;}
.proeCs-list .num{width: max(44px,1rem);height: max(44px,1rem);border-radius: 50%;border: 1px solid #fff;line-height: 1;opacity: 0.2;}
@media all and (min-width:1100px) {
    .proeCs-imgs .swiper-container{width: 100%;height: 100%;display: flex;align-items: center;}
    .proeCs-imgs .swiper-wrapper {position: relative;display: block;width: 100%;height: 71.7%;}
    .proeCs-imgs .swiper-slide {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .proeCs-imgs .swiper-slide .img{width: 100%;height: 100%;}
    .proeCs-imgs .swiper-slide img{width: 100%;height: 100%;}
    .proeCs-imgs .swiper-slide:nth-child(1){z-index: 10;}
    .proeCs-imgs .swiper-slide:nth-child(2){z-index: 9;}
    .proeCs-imgs .swiper-slide:nth-child(3){z-index: 8;}
    .proeCs-imgs .swiper-slide:nth-child(4){z-index: 7;}
    .proeCs-imgs .swiper-slide:nth-child(5){z-index: 6;}
    .proeCs-imgs .swiper-slide:nth-child(6){z-index: 5;}
    .proeCs-imgs .swiper-slide:nth-child(7){z-index: 4;}
    .proeCs-imgs .swiper-slide:nth-child(8){z-index: 3;}
    .proeCs-imgs .swiper-slide:nth-child(9){z-index: 2;}
    .proeCs-imgs .swiper-slide:nth-child(10){z-index: 1;}
    .proeCs-list .swiper-container{width: 100%;height: 100%;display: flex;align-items: center;}
    .proeCs-list .swiper-wrapper {position: relative;display: block;width: 100%;height: 71.7%;}
    .proeCs-list .swiper-slide{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;opacity: 0;transition: opacity .6s ease;}
    .proeCs-list .swiper-slide.active{opacity: 1;}
}
.proeCs-list .swiper-pagination{position: relative;bottom: 0;font-size: 0;text-align: center;display: none;}
.proeLg{background: #000;overflow: visible;height: 100vh;}
.proeLg-sticky{position: sticky;height: calc(100vh - max(50px,0.6rem));top: max(50px,0.6rem);overflow: hidden;left: 0;width: 100%;}
.proeLg-letter{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;}
.proeLg-run{width: 100%;overflow: hidden;white-space: nowrap;overflow: hidden;font-size: 0;display: flex;align-items: center;user-select: none;border-top: 1px solid #333334;border-bottom: 1px solid #333334;}
.proeLg-run .wrap{white-space: nowrap;animation: 30s linear infinite proeLgRun;}
@keyframes proeLgRun{0%{transform: translate(0,0)}100%{transform: translate(-100%)}}
.proeLg-run .text{font-size: 3.2rem;margin: 0 max(20px,0.6rem);color: #ddd;line-height: 1;text-transform: uppercase;}
.proeLg-main{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;mask-image: url("../images/pages/proe5_logo2.svg");mask-position: center center;mask-repeat: no-repeat;mask-size: 200px;}
.proeLg-main img{width: 100%;height: 100%;}
.proeLb{background: #000;}
.proeLb-head{width: 100%;}
.proeLb-head .text{max-width: max(620px,9.6rem);margin-left: auto;margin-right: auto;}
.proeLb-list{width: 100%;color: #fff;}
.proeLb-list li .img{width: 100%;}
.proeLb-list li .img img{width: 100%;} 
.proeLb-list li .text{text-align: center;}
.proeLb-info .text{color: #666;text-align: center;}
.proeLb-info .text a{text-decoration: underline;color: #648dff;margin-left: max(4px,0.08rem);}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
    .proeDh-letter {left: -26%;}
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .proyBan .img.img1 img {height: 5.4rem;}
    .proyBan .img.img2 img {height: 5.6rem;}
    .proyBan .title{font-size: 2.8rem;}
    .proeBan-cont .title{font-size: 2rem;}
    .proeDh-letter {font-size: 3rem;left: -26%;top: 54%;}
}

@media all and (max-width:1430px){
    /* 1360 */
}

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

@media all and (max-width:1270px){
    /* 1152 × (700) */
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .pro-link img{height: auto;min-height: 200px;}
    .rel {padding-top: 1.5rem;}
    .news-head-menu{width: 100%;}
    .news-head-search{width: 100%;margin-top: 16px;}
    .aboBan{height: 60vh;}
    .aboSection {margin-top: 60vh;}
    .abojs-cont .text p{background: none;color: #000;-webkit-text-fill-color:#000}
    .abocd{padding-bottom: 0.6rem;overflow: hidden;}
    .abocd-sticky{position: relative;height: auto !important;top: 0;}
    .abocd-items{position: relative;top: 0 !important;margin-top: 0.6rem;border-radius: 0 !important;}
    .abocd-items .img{height: 426px !important;}
    .aborw-cont{position: relative;top: 0;width: 100%;}
    .aborw-list{width: 100%;padding: 0;margin-top: 40px;}
    .aborw-list li img{height: 560px;}
    .proy{background-position: top center;}
    .proyBan {height: 550px;padding-top: 0;}
    .proyYs-wrap{padding-bottom: 1.5rem;}
    .proyYs-letter{align-items: flex-end;}
    .proyDt{width: 100%;height: auto;padding: max(34px,1rem) 0;}
    .proyDt-sticky{position: relative;top: 0;height: auto;}
    .proyDt-bg{display: none;}
    .proyDt-wrap{position: relative;}
    .proyDt-img{opacity: 1;}
    .proyTp-img{width: 100%;}
    .proyDd-run.run1 {margin-top: -3.4rem;}
    .proyTd-list li .text{max-width: none;}
    .proeBan{height: 500px;}
    .proeDh{height: auto;padding: 60px 0;}
    .proeDh-sticky{position: relative;height: auto;top: 0;}
    .proeDh-wrap{position: relative;}
    .proeDh-letter {font-size: 3rem;left: 0;top: 2.4rem;transform: none;text-align: center;width: 100%;}
    .proeDh-main{position: relative;margin-top: 40px;}
    .proeDh-cont{position: relative;display: flex;flex-wrap: wrap;}
    .proeDh-line{display: none;}
    .proeDh-cont li{position: relative;opacity: 1;width: 100%;display: flex;flex-wrap: wrap;margin-top: 40px;}
    .proeDh-cont li:first-child{margin-top: 0;}
    .proeDh-cont .cont{position: static;width: 50%;justify-content: flex-start !important;}
    .proeDh-cont .cont .limit{width: 100%;}
    .proeDh-cont .cont .line{display: block;margin-top: 16px;}
    .proeJs-main{width: 100%;}
    .proeJs-cont{opacity: 1;}
    .proeCs{height: auto;padding: 60px 0;}
    .proeCs-sticky{position: relative;height: auto;top: 0;}
    .proeCs-main{width: 92%;position: relative;flex-direction: row;}
    .proeCs-imgs{width: 100%;}
    .proeCs-imgs .img img{height: 630px;}
    .proeCs-list{width: 100%;padding: 0;margin-top: 30px;}
    .proeCs-list .swiper-pagination{display: block;margin-top: 30px;}
    .proeCs-list .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 16px !important;background: #fff;opacity: .2;}
    .proeCs-list .swiper-pagination-bullet-active{opacity: 1;background: #fff;}
    .proeCs-list .cont{margin-top: 20px;}
    .proeLg{height: auto;padding: 60px 0;}
    .proeLg-sticky{position: relative;height: auto;top: 0;}
    .proeLg-letter{position: relative;}
    .proeLg-main{position: relative;mask-image: none;margin-top: 60px;}
}

/* ------------------------手机端 360 适配-------------------------- */
@media all and (max-width:1000px){
    .rel-main{width: 100%;}
    .rel-form{width: 100%;padding: 0;margin-top: 28px;}
    .rel-info .title br{display: none;}
    .news-link .img img{height: 208px;}
    .aborw-list li img{height: 418px;}
    .proyBan{height: 400px;}
    .proeBan{height: 360px;}
    .proeCs-imgs .img img{height: 474px;}
}
@media all and (max-width:720px) {
    .pro-head .text{font-size: 22px;}
    .rel-form li {width: calc(100% - max(4px,0.08rem));}
    .news-head .title{font-size: 28px;}
    .news-head-menu{flex-wrap: wrap;}
    .news-head-menu .hint{width: 100%;margin-right: 0;}
    .news-head-menu .menu a{margin: 8px 14px 0 0;}
    .news-list ul{margin: -20px 0 0 !important;}
    .news-list li{width: 100% !important;margin: 20px 0 0 !important;}
    .news-link .img img{height: 200px;}
    .news-head-main{margin-top: 16px;padding: 20px 0;}
    .newsxq-main{padding: 16px;}
    .newsxq-btn a .img{display: none;}
    .newsxq-btn a .cont{width: 100%;padding: 0;}
    .aboBan-cont{padding: 0 4% 20px;}
    .aboBan-cont .title{font-size: 1.8rem;line-height: 0.9;}
    .aboBan{height: 84vh;}
    .aboSection {margin-top: 84vh;}
    .abojs{padding: 40px 0;}
    .abojs-img{width: 100%;}
    .abojs-img img{height: auto;}
    .abojs-cont{width: 100%;padding-left: 0;}
    .abocd-items .img {height: 200px !important;}
    .abocd-items{padding: 20px 4%;}
    .abocd-items .img .cont .text{font-size: 18px;}
    .abocd-items .img .cont{padding: 0 16px 14px;}
    .aborw-list {margin-top: 20px;}
    .aborw-list li img{height: 200px;}
    .aborw-info .text{display: none !important;}
    .aborw-info .hint{font-size: 12px;}
    .aborw-info{padding: 10px 12px;}
    .aborw-run .text {font-size: 2rem;}
    .proyBan .title {font-size: 1.6rem;}
    .proyBan {height: 300px;}
    .proyBan .img.img1 {left: 29%;top: 30%;}
    .proyBan .img.img2 {left: 52.3%;top: 16%;}
    .proyTd-list li{width: calc(100%/2 - max(8px,0.2rem)) !important;padding: 18px 12px;}
    .proyTd-list li .title{font-size: 13px;}
    .proyYs-list li{margin-right: 6px !important;}
    .proyYs-letter{font-size: 2.5rem;}
    .proyYs-wrap {padding-bottom: 1rem;}
    .proyDt-img, .proyCl-img{width: 100%;height: auto;}
    .proyDt-cont, .proyCl-cont{width: 100%;margin-top: 28px;padding: 0 !important;}
    .proyCl-wrap .contain-1480{flex-direction: row;}
    .proyDd-list li{margin-right: 6px !important;}
    .proyDd-list{padding: 0;}
    .proyDd-run .text{font-size: 2rem;}
    .proyDd-run.run1 {margin-top: -2.2rem;}
    .proeBan{height: 240px;}
    .proeBan-cont .title{font-size: 1.6rem;}
    .proeDh {padding: 40px 0 60px;}
    .proeDh-letter {font-size: 2rem;top: 3.4rem;}
    .proeDh-cont .cont .name, .proeDh-cont .cont .line{margin-top: 12px;}
    .proeDh-cont li{margin-top: 24px;}
    .proeDh-main{margin-top: 24px;}
    .proeJs-cont{background: transparent;position: relative;margin-bottom: 24px;}
    .proeJs-cont .title{font-size: 24px;}
    .proeCs{padding: 40px 0 20px;}
    .proeCs-imgs .img img{height: 224px;}
    .proeCs-list .cont {margin-top: 16px;}
    .proeCs-list .cont .title{font-size: 24px;}
    .proeCs-list {margin-top: 20px;}
    .proeCs-list .swiper-pagination{margin-top: 20px;}
    .proeCs-list .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 10px !important;}
    .proeLg{padding: 40px 0 0;}
    .proeLg-run .text{font-size: 2rem;}
    .proeLg-main {margin-top: 28px;}
    .proeLb-list ul{margin: -16px 0 0 -16px !important;}
    .proeLb-list li{width: calc(100%/2 - 16px) !important;margin: 16px 0 0 16px !important;}
}

/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}