.banner .wrap{padding-bottom: 50%;} .banner .wrap .slide-inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .banner .wrap .text{position: absolute;left: 5.2%;width: 42%;z-index: 2;top: 24%;} .banner .wrap .text .cn{font-size: 2rem;line-height: 1.2;} .banner .wrap .text *{display: block;} .banner .wrap .text .cn2{font-size: 1.4rem;} .banner .wrap .text .en{text-transform: uppercase;width: 60%;line-height: 1.1rem;margin-top: 0.66rem;} .banner .wrap .pic { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;} .bannerpagination{position: absolute;bottom: 1rem !important;z-index: 3;text-align: center;} .bannerpagination .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50%;box-sizing: border-box;background: none;border: 1px solid #fff;margin: 0 6px;opacity: 1;} .bannerpagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;} .wap_banner_sc{display: none;} .showingTTB{animation: clipTTB 5s ease-in-out 0.1s;-webkit-animation: clipTTB 5s ease-in-out 0.1s;} @keyframes clipTTB{ 0%{clip-path: polygon(0 0,0 0,100% 0,100% 0);} 100%{clip-path: polygon(0 0,0 100%,100% 100%,100% 0);} } @-webkit-keyframes clipTTB{ 0%{-webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0);} 100%{-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);} } /* 统一大标题 */ .idxTitleAll .cn{line-height: 2.1rem;} .idxTitleAll .en{line-height: 1.1rem;padding-bottom: 0.1rem;text-transform: uppercase;} /* 发展历史 */ .idxOne{background-image: url(../images/idxOnebg.png);padding: 3.2rem 0 0;box-sizing: border-box;} .idxOne > .w90{position: absolute;left: 50%;top: 3.2rem;transform: translateX(-50%);} .idxOne .lookVideo{border: 1px solid #222;padding: 0.4rem 0.66rem;line-height: 0.8rem;display: inline-block;} .idxOne .lookVideo span{background: url(../images/videoico.svg) left center no-repeat;padding-left: 1.2rem;background-size: 0.8rem;display: inline-block;} .idxOne .lookVideo:hover {background: #FABE00;border-color:#FABE00 ;} .idxOne .lookVideo:hover span{filter: brightness(0) invert(1);} .idxOne .bgLine{margin-top: 4.8rem;} .idxOne .bgLine .item{position: absolute;transform: translateY(1rem);opacity: 0;} .idxOne .bgLine .item:nth-child(1){left: 18%;top:72%;transition: 0.3s 1.5s ease-in-out;} .idxOne .bgLine .item:nth-child(2){left:40%;top: 45%;transition: 0.3s 2s ease-in-out;} .idxOne .bgLine .item:nth-child(3){left:69.5%;top:47%;transition: 0.3s 2.5s ease-in-out;} /* .idxOne .bgLine .item:nth-child(3) a{flex-direction: row-reverse;} .idxOne .bgLine .item:nth-child(3) a .cn{margin: 0 0.3rem 0 0;} */ .idxOne .bgLine .item a{display: flex;align-items: center;line-height: 1.2rem;padding: 0.3rem;} .idxOne .bgLine .item a *{transition: 0.3s;} .idxOne .bgLine .item a .title{width: 1.2rem;height: 1.2rem;} .idxOne .bgLine .item a .title .ico2{transform: scale(0);opacity: 0;} .idxOne .bgLine .item a .theafter{display: inline-flex;align-items: center;margin-left: 0.3rem;opacity: 0;visibility: hidden;} /* .idxOne .bgLine .item a .theafter .en{display: none;} */ .idxOne .bgLine .item.active a {background: #FABE00;border-radius: 1.1rem;} .idxOne .bgLine .item.active a .title{margin-right: 0.4rem;} .idxOne .bgLine .item.active a .title .ico2{opacity: 1;transform: translate(-50%,-50%) scale(1);} .idxOne .bgLine .item.active a .theafter{opacity: 1;visibility: visible;} .idxOne .bgLine{background: url(../images/idxOneline.png) center top no-repeat;width: 100%;padding-bottom: 36.6%;clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);background-size: cover;} .idxOne .bgLine.show{animation: clipLTR 3s ease-in-out forwards;-webkit-animation: clipLTR 3s ease-in-out forwards;} .idxOne .bgLine.show .item{transform: translateY(0);opacity: 1;} .showclipLTR{animation: clipLTR 3s ease-in-out forwards;-webkit-animation: clipLTR 3s ease-in-out forwards;} @keyframes clipLTR{ 0%{clip-path: polygon(0 0,0 0,0 100%,0 100%);} 100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);} } @-webkit-keyframes clipLTR{ 0%{-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);} 100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);} } .idxOne .wrap{position: absolute;left: 40.8%;top:57%;width: 33%;overflow: hidden;} .idxOne .wrap dl{display: flex;line-height: 1.1rem;margin-bottom: 0.2rem;} .idxOne .wrap dl dt{width: 2.3rem;} .idxOne .wrap dl dd{width: calc(100% - 2.3rem);} .idxOne .wrap .swiper-slide > div{margin: 0.3rem 0;} .idxOne .wrap .idxmoreAll{border: none;display: inline-block;width: auto;} .idxTwo{--clip1: 6.5%; --clip2: 5%; --radius: 30px; clip-path: inset(var(--clip1) var(--clip2) round var(--radius));} /* 市场分布 */ .idxThree{background-image: url(../images/idxthreebg.png);} .idxThree::after{background: url(../images/tree.png) center bottom no-repeat;width: 212px; height: 128px;right: 0;bottom: 0;background-size: 100%;} .idxThree .left{width: 33%;position:relative;z-index: 2;} .idxThree .left .textAll{line-height: 1.33;} .idxThree .left .textAll i{color: #BE5329;} .idxThree .left ul{border-left: 1px solid #ccc;padding-left: 0.66rem;margin-bottom: 0.5rem;} .idxThree .left ul li{margin-top: 1.4rem;} .idxThree .left ul li:first-child{margin-top: 0;} .idxThree .left ul li .shuzi{display: flex;align-items: flex-end;gap: 0.3rem;height: 1.3rem;margin-top: 0.3rem;} .idxThree .left ul li .shuzi i{font-weight: bold;font-family: "Songti SC";line-height: 1.3rem;height: 1.3rem;} .idxThree .left .idxmoreAll{margin-top: 1.8rem;} .idxThree .right{width: 71.4%;position: absolute;right: 5%;} .idxThree .right .tabs{display: flex;align-items: center;justify-content: end;} .idxThree .right .tabs a:nth-child(1)::after{content: '/';margin: 0 0.5rem;color: rgba(34,34,34,0.4);} .idxThree .right .tabs a {color: rgba(34,34,34,0.4);} .idxThree .right .tabs a.active{color: #222;} .idxThree .right .swiper-slide:nth-child(1){display: inline-flex;justify-content: flex-end;} .idxThree .right .cnMap{width: 71.4%;margin-right: 7%;} .idxThree .right .cnMap .box{height: 100%;width: 100%;position: absolute;left:0;top: 0;z-index: 2;} .idxThree .right .cnMap .box .item{position: absolute;width: 0.533rem;height: 0.533rem;} .idxThree .right .cnMap .box i{display: block;width: 100%;height: 100%;position: relative;} .idxThree .right .cnMap .box i:after, .idxThree .right .cnMap .box i:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #FABE00;border-radius: 50%;opacity:1;transition: 0.5s;animation: scaleBtn 2s linear infinite;transform: scale(0.4);} .idxThree .right .cnMap .box i:before{animation: scaleBtn 2s linear infinite 1s;} @keyframes scaleBtn{ to{transform: scale(2);opacity: 0;} } .idxThree .right .cnMap .box .item:nth-child(1){left: 14.5%;top:28.5%}/* 新疆 */ .idxThree .right .cnMap .box .item:nth-child(2){left: 77%;top:12.5%}/* 黑龙江 */ .idxThree .right .cnMap .box .item:nth-child(3){left: 51%;top:33.5%}/* 内蒙古 */ .idxThree .right .cnMap .box .item:nth-child(4){left: 76%;top:24%}/* 吉林 */ .idxThree .right .cnMap .box .item:nth-child(5){left: 71%;top:30%}/* 辽宁 */ .idxThree .right .cnMap .box .item:nth-child(6){left: 62%;top:35%}/* 北京 */ .idxThree .right .cnMap .box .item:nth-child(7){left: 63.5%;top:39.5%}/* 天津 */ .idxThree .right .cnMap .box .item:nth-child(8){left: 60.5%;top:39.5%}/* 河北 */ .idxThree .right .cnMap .box .item:nth-child(9){left: 65%;top:46%}/* 山东 */ .idxThree .right .cnMap .box .item:nth-child(10){left: 56%;top:43%}/* 山西 */ .idxThree .right .cnMap .box .item:nth-child(11){left: 47.5%;top:43.5%}/* 宁夏 */ .idxThree .right .cnMap .box .item:nth-child(12){left: 43.5%;top:49.5%}/* 甘肃 */ .idxThree .right .cnMap .box .item:nth-child(13){left: 31.5%;top:45.5%}/* 青海 */ .idxThree .right .cnMap .box .item:nth-child(14){left: 15%;top:53.5%}/* 西藏 */ .idxThree .right .cnMap .box .item:nth-child(15){left: 41%;top:59.5%}/* 四川 */ .idxThree .right .cnMap .box .item:nth-child(16){left: 50.5%;top:53.5%}/* 陕西 */ .idxThree .right .cnMap .box .item:nth-child(17){left: 58%;top:53.5%}/* 河南 */ .idxThree .right .cnMap .box .item:nth-child(27){left: 55.5%;top:69.5%}/* 湖南 */ .idxThree .right .cnMap .box .item:nth-child(18){left: 49.5%;top:65.5%}/* 重庆 */ .idxThree .right .cnMap .box .item:nth-child(19){left: 64.5%;top:58.5%}/* 安徽 */ .idxThree .right .cnMap .box .item:nth-child(20){left: 68%;top:54.5%}/* 江苏 */ .idxThree .right .cnMap .box .item:nth-child(21){left: 71%;top:59.5%}/* 上海 */ .idxThree .right .cnMap .box .item:nth-child(22){left: 70%;top:65.5%}/* 浙江 */ .idxThree .right .cnMap .box .item:nth-child(23){left: 62.5%;top:69.5%}/* 江西 */ .idxThree .right .cnMap .box .item:nth-child(24){left: 48.5%;top:72%}/* 贵州 */ .idxThree .right .cnMap .box .item:nth-child(25){left: 37.5%;top:77.5%}/* 云南 */ .idxThree .right .cnMap .box .item:nth-child(26){left: 50.5%;top:81%}/* 广西 */ .idxThree .right .cnMap .box .item:nth-child(28){left: 59.5%;top:80.5%}/* 广东 */ .idxThree .right .cnMap .box .item:nth-child(29){left: 67.5%;top:73%}/* 福建 */ .idxThree .right .cnMap .box .item:nth-child(30){left: 52.5%;top:94%}/* 海南 */ .idxThree .right .cnMap .box .item:nth-child(31){left: 59%;top:87.5%}/* 澳门 */ .idxThree .right .cnMap .box .item:nth-child(32){left:61.6%;top:85%}/* 香港 */ .idxThree .right .cnMap .box .item:nth-child(33){left:73%;top:78%}/* 台湾 */ /* .idxThree .right .enmap{margin-top: 4.66rem;} */ .idxThree .right .enmap .line{position: absolute;width:70%;left: 9.8%;top: -38%;clip-path: circle(0% at center); animation: clipIn 1.5s ease-in-out infinite;} @keyframes clipIn { 0% { /* 初始状态：圆形剪裁区域为0%（完全隐藏） */ clip-path: circle(0% at center); } 100% { /* 结束状态：圆形剪裁区域扩大到100%（完全显示） */ clip-path: circle(100% at center); } } /* 动画定义 */ @keyframes fade { 0% { opacity: 0; transform: translateY(20px); } 10% { opacity: 1; transform: translateY(0); } 40% { opacity: 1; transform: translateY(0); } 50% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(-20px); } } .idxfour{background-image: url(../images/whbg.png);background-attachment: fixed; padding: 2.6rem 3.33rem 10rem 2.2rem;background-position: center top;} .idxfour .scene{position: absolute;left: 0;bottom: 0;} .idxfour .scene li:nth-child(1){width: 108%;left: -4% !important;} .idxfour .scene li:nth-child(2){top: 5% !important;} .idxfour .left, .idxfour .right{position: relative;z-index: 2;} .idxfour .left{width: 34.3%;position: relative;} .idxfour .left .tit1{position: absolute;left: -1rem;top: 0;} .idxfour .left .tit1 .shi{width: 61%;position: absolute;left: 18%; top: 4%; width: 70%;} .idxfour .left .tit3{display: block;margin-left: 3.6rem;margin-top: 1rem;} .idxfour .left .en{text-transform: uppercase;width: 80%;margin: 7.23rem 0 0 5.33rem;line-height: 1.1rem;opacity: 0.4;} .idxfour .left .cn{margin-left: 5.5rem;} .idxfour .left .cn .fz28{color: #FABE00;line-height: 1.33rem;margin-top: 0.5rem;margin-bottom: 0.5rem;} .idxfour .left .cn .fz18,.idxfour .right .cn .fz18{line-height: 1.7;} .idxfour .right{width: 33.8%;margin-top: 5.3rem;} .idxfour .right .cn{margin-left: 18.5%;} .idxfour .right .cn .fz28{line-height: 1.33rem;color: #BE5329;margin-bottom: 0.5rem;padding-top: 0.3rem;} .idxfour .left{animation: fade 8s infinite;} .idxfour .right{ animation: fade 8s infinite;animation-delay: 4s; opacity: 0; transform: translateY(20px);} /* 新增：鼠标移入.idxfour时暂停动画 */ .idxfour:hover .left, .idxfour:hover .right { animation-play-state: paused; /* 关键属性，暂停动画 */ } .idxfour .tree{ width: 444px; right: -118px; top: 0; position: absolute;} .idxfour .tree img{width: 100%;position: absolute;left: 0;clip-path: polygon(0 0,0 0,100% 0,100% 0);-webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0);} .idxfour .tree.show img:nth-child(1){animation: clipTTB 5s ease-in-out 0.1s forwards;-webkit-animation: clipTTB 5s ease-in-out 0.1s forwards;} .idxfour .tree.show img:nth-child(2){animation: clipTTB 5s ease-in-out 0.5s forwards;-webkit-animation: clipTTB 5s ease-in-out 0.5s forwards; } .idxfour .tree.show img:nth-child(3){animation: clipTTB 5s ease-in-out 0.7s forwards;-webkit-animation: clipTTB 5s ease-in-out 0.7s forwards;} .idxfour .tree.show img:nth-child(4){animation: clipTTB 5s ease-in-out 1s forwards;-webkit-animation: clipTTB 5s ease-in-out 1s forwards;} .showingTTB{animation: clipTTB 5s ease-in-out 0.1s;-webkit-animation: clipTTB 5s ease-in-out 0.1s;} @keyframes clipTTB{ 0%{clip-path: polygon(0 0,0 0,100% 0,100% 0);} 100%{clip-path: polygon(0 0,0 100%,100% 100%,100% 0);} } @-webkit-keyframes clipTTB{ 0%{-webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0);} 100%{-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);} } /* .textfilter{animation: textfilter 8s ease-in 0.1s;-webkit-animation: textfilter 8s ease-in 0.1s;} @keyframes textfilter{ 0%{--filter: 3;filter: blur(calc(var(--filter) * 1px))} 100%{--filter: 0;filter: blur(calc(var(--filter) * 1px))} } @-webkit-keyframes textfilter{ 0%{--filter: 3;filter: blur(calc(var(--filter) * 1px))} 100%{--filter: 0;filter: blur(calc(var(--filter) * 1px))} } */ .idxfive{background-image: url(../images/idxfivebg.png);} .idxfive .left{margin-left: 5%;width: 22%;} .idxfive .left .en{text-transform: uppercase;} .idxfive .left .cn{line-height: 1.2;margin-bottom: 0.66rem;} .idxfive .left .subtitle{line-height: 1.5;} .idxfive .left .bajiao img{height: 7.34rem;margin-left: -4.56rem;margin-bottom: 0.3rem;} .idxfive .left .tabs{margin-bottom: 2.66rem;} .idxfive .left .tabs .item{margin-top: 0.6rem;} .idxfive .left .tabs .item:first-child{margin-top: 0;} .idxfive .left .tabs .item a {display: flex;align-items: center;gap: 0.3rem;height: 1.33rem;} .idxfive .left .tabs .item a span::after{width: 0.66rem;height: 0.66rem;background: url(../images/fiveico.svg) center no-repeat;background-size: 100%;right: 0;top: 50%;transform: translateY(-50%) scale(0);} .idxfive .left .tabs .item a i{width: 0.66rem;height: 1px ;background: #222;} .idxfive .left .tabs .item a span{font-weight: bold;padding-right: 1rem;} .idxfive .left .tabs .item.active a span{font-size: 0.933rem;} .idxfive .left .tabs .item.active a span::after{transform: translateY(-50%) scale(1);} .idxfive .right{width: 72.6%;} .idxfive .right .insideImg > .swiper-wrapper > .swiper-slide{padding-bottom:3rem} .idxfive .right .insideImg > .swiper-wrapper > .swiper-slide.swiper-slide-active .smallimg{opacity: 1;} .idxfive .right .insideImg{width: 86%;float: right;padding-left: 2.33rem;margin-right:1rem} .idxfive .right .insideImg .picimg{width: 93.5%;padding-bottom: 24rem;border-radius: 1.33rem;} .idxfive .right .insideImg .picimg .text{position: absolute;left: 2rem;top: 2rem;} .idxfive .right .insideImg .picimg .text .title{line-height: 1.25;} .idxfive .right .insideImg .picimg .text .subtitle{line-height: 1.4;margin-bottom: 1.33rem;} .idxfive .right .insideImg .picimg .text .more,.idxsix .item .more{background: url(../images/more.svg) right center no-repeat;padding-right:1.33rem;filter: brightness(0) invert(1);background-size: 1.1rem;} .idxfive .right .insideImg .smallimg{width: 30%;position: absolute;left: -2.33rem;border-radius: 0.4rem;bottom: 1rem;overflow: hidden;padding-bottom: 18.6%;box-shadow: 12px 4px 20px rgba(0,0,0,0.4);opacity: 0;} .idxfive .right .insideImg .picimg:hover > img{transform: translate(-50%,-50%) scale(1.1);} .idxfive .right .insideImg .picimg:hover .more{padding-right: 2rem;color: #C89E30;background: url(../images/more_h.svg) right center no-repeat;filter: none;} .huajiao{position: absolute;right: -1rem;top: 6rem;width: 11.3%;z-index: 2;} .lajiao{position: absolute;right: 16.8%;bottom: 0.33rem;width: 12%;z-index: 2;} .insideImg .swiper-pagination{display: flex;justify-content: flex-end;padding-right: 10%;box-sizing: border-box;bottom: 4.33rem !important;gap: 0.4rem;} .insideImg .swiper-pagination span{width: 0.4rem;height: 0.4rem;background: #fff;} .insideImg .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;} .idxfive .right .insideImg.insideImg2 .picimg .text .title,.idxfive .right .insideImg.insideImg2 .picimg .text .subtitle{color:#222} .idxfive .right .insideImg.insideImg3 .picimg .text .title,.idxfive .right .insideImg.insideImg3 .picimg .text .subtitle{color:#222} .idxfive .right .insideImg.insideImg3 .picimg .text .more,.idxfive .right .insideImg.insideImg2 .picimg .text .more{filter: brightness(0) invert(0.2);} .idxfive .right .insideImg.insideImg3 .picimg:hover .text .more,.idxfive .right .insideImg.insideImg2 .picimg:hover .text .more{padding-right: 2rem;color: #C89E30;background: url(../images/more_h.svg) right center no-repeat;filter: none;} .idxsix{padding: 3.33rem 0 5.87rem;background-image: url(../images/idxsixbg.png);} /* .idxsix .theTitle{--filter: 3; filter: blur(calc(var(--filter) * 1px));} */ .idxsix .wrap{gap: 1.7%;position: relative;} .idxsix .item{padding: 1.6rem;border-radius: 1.33rem;position: relative;width: 26.7%;box-sizing: border-box;} .idxsix .item .intel{position: relative;z-index: 2;height: 12.17rem;} .idxsix .logoico{position: absolute;right: 0;width: 23%;bottom: 2.5rem;} .idxsix .item .intel > img{width: 2.11rem;margin-bottom: 0.66rem;} .idxsix .item .intel .fz36{line-height: 1.8rem;margin-bottom: 0.3rem;} .idxsix .item .intel .subtitle{line-height: 0.933rem;height: 2.799rem;} .idxsix .item .intel ul li a{display: block;line-height: 0.933rem;color: #fff;} .idxsix .item .intel ul li a:hover{text-decoration: underline;} .idxsix .item *{color: #fff;} .idxsix .item:nth-child(1) *{color: #000;} .idxsix .item:nth-child(1) .more{filter: brightness(0) invert(0);} .idxsix .item .more{position: absolute;bottom: 0;} .idxsix .item .more:hover{padding-right: 2rem;background-size: 1.5rem;} .idxsix .item > img{border-radius: 1.33rem;} .idxsix .item:hover > img{ box-shadow: 0px 20px 30px rgba(0,0,0,0.2);} .idxsix .item:hover .intel > img{transform: rotateY(180deg);} .idxsix .item:hover .intel .fz36{transform: translateY(-0.3rem);} /* .idxfive .cn,.idxfive .en,.idxfive .subtitle,.idxThree .idxTitleAll,.idxThree .left .textAll{--filter: 3;filter: blur(calc(var(--filter) * 1px));} */ /* scene 容器和底图 */ #scene-container { position: relative; height: 100%; /*transform: scale(1.2);*/ overflow: hidden; } #scene-fallback { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } #scene-view { position: relative; height: 100%; z-index: 2; opacity: 0; transition: opacity 0.6s ease; /* 渐变出现 */ } .cnMap {position: absolute;top: 1rem;right: 0;transform: scale(1) translate(0, 0);transition: opacity 1s ease, transform 1.5s ease;z-index: 3; } .enmap {margin-top: 5.2rem!important;opacity: 0;transform: scale(1) translate(0, 0);transition: opacity 1s ease, transform 1.5s ease; } /* 缩小淡出 */ .shrinkFade { transform: scale(0.2) translate(-25rem,-4rem); opacity: 0; } /* 放大淡入 */ .growFadeIn { transform: scale(1) translate(0, 0); opacity: 1; } /*弹窗*/ .Notice_pop {position: fixed;width: 100%;height: 100vh;left: 0;top: 0;z-index: 99;font-size: 16px;color: #222;line-height: 1.75;background: rgba(0,0,0,0.3);} .Notice_pop .wrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 1200px;max-height: 80vh; background: url(../images/noticebg.png) center bottom no-repeat;background-size: cover;border-radius: 20px;padding: 2rem;box-sizing: border-box;overflow: visible;} .Notice_pop .wrap h4{text-align:center;font-size: 1.2rem;line-height:1.6rem;font-weight:bold;} .Notice_pop .close{position:absolute;right:0.25rem;top:0.25rem;cursor:pointer} .Notice_pop .textAll{height: auto; max-height: calc(80vh - 8rem);overflow-y: auto;margin: 0.66rem 0;padding-right: 0.3rem;} .Notice_pop table{border:1px solid #dedede;border-collapse: collapse;width:100%;margin:0.66rem 0} .Notice_pop table td{border-collapse: collapse;text-align:center;line-height:2.3;border:1px solid #dedede;} .Notice_pop .textAll::-webkit-scrollbar{width: 4px; } .Notice_pop .textAll::-webkit-scrollbar-track{ background-color:#D8D8D8; } .Notice_pop .textAll::-webkit-scrollbar-thumb{ background-color: #FABE00; } @media screen and (max-width:1400px){ .idxOne .wrap{width: 34%;} .idxOne .wrap dl{margin-bottom: 0;} } @media screen and (max-width:1280px){ .idxThree .left{width: 40%;} .idxThree .left ul li{margin-top: 1rem;} .idxmoreAll{width: 120px;height: 38px;line-height: 38px;} .idxfour .left,.idxfour .right{width: 42%;} .idxfour .left .tit1{width: 4rem;} .idxfour .left .en{width: calc(100% - 2rem);margin-left: 2rem;} .idxfour .left .cn{margin-left: 2rem;} .idxfour .left .tit3{margin-left: 0rem;} .idxfour .right .tit2{width: 10rem;} .idxfour{padding: 2.6rem 3.33rem 7rem 2.2rem;} .idxfive .left .tabs{margin-bottom: 1.6rem;} .idxfive .left .bajiao img{height: 5rem;} .idxfive .right{width: 67%;} .idxfive .left{width: 27%;} .fz60,.banner .wrap .text .cn{font-size: 1.5rem;} .fz48{font-size: 1.2rem;} .idxOne .wrap{left: 40%;} .idxfive .right .insideImg{padding-left:1.8rem} .idxfive .right .insideImg .smallimg{left:-1.8rem} .idxsix .item{padding:0.6rem} } @media screen and (max-width:1080px){ .banner .wrap .text{width: 60%;} .fz60,.banner .wrap .text .cn{font-size: 1.2rem;} .fz48{font-size: 1rem;} .banner .wrap .text .cn2{font-size: 0.8rem;} .idxfive .left .bajiao img{height: 2rem;} .idxfive .right .insideImg .picimg{padding-bottom: 20rem;} .fz36{font-size: 0.8rem;} .idxsix .item{padding: 0.8rem;} .idxsix{padding: 1.8rem 0 2.87rem;} .idxOne .wrap{display: none;} .idxOne .bgLine .item.active a,.idxOne .bgLine .item a {background: none;border-radius:0;} .idxOne .bgLine .item.active a .title,.idxOne .bgLine .item a .title{margin-right: 0.4rem;} .idxOne .bgLine .item.active a .title .ico2,.idxOne .bgLine .item a .title .ico2{display: none;} .idxOne .bgLine .item.active a .theafter,.idxOne .bgLine .item a .theafter{opacity: 1;visibility: visible;} .idxOne .bgLine .item a{flex-wrap: wrap;} .idxOne .bgLine .item a .theafter{width: 100%;} .idxfive .right .insideImg{padding-left:1.4rem} .idxfive .right .insideImg .smallimg{left:-1.4rem} } @media screen and (max-width:760px){ .Notice_pop .wrap h4{font-size: 0.8rem;line-height: 1.2;} .banner .wrap .text{top: 11%;} .banner .wrap{padding-bottom: 180%;} .banner .wrap .text,.banner .wrap .text .en{ width: 95%; font-size: 0.6rem; line-height: 0.8rem;} .idxOne .bgLine .item a .theafter{display: none;} .idxfive .cn, .idxfive .en, .idxfive .subtitle, .idxThree .idxTitleAll, .idxThree .left .textAll { --filter: 0; filter: blur(calc(var(--filter) * 1px)); } .idxThree .left,.idxThree .right{width: 100%;} .idxThree .right{position: relative;right: auto;} .idxThree .left ul{display: flex;justify-content: space-between;gap: 5%} .idxThree .left ul li{margin-top: 0;} .idxThree .right .cnMap{width: 93%;} .idxThree .right .cnMap .box .item{width: 0.233rem;height: 0.233rem;} .idxThree .left ul li .shuzi i{height: 1rem;} .idxThree .right .tabs{justify-content: flex-start;margin-top: 1rem;} .padding100{padding: 1.5rem 0;} .idxOne{padding-top: 2.2rem;} .idxOne .bgLine .item:nth-child(1) {left: 10%;top: 81%; } .idxOne .bgLine .item:nth-child(2){top: 56%;} .idxOne .bgLine .item:nth-child(3){top: 76%;} .idxfive .left .tabs .item a span{padding-right:0;} .idxfive .left .tabs .item a span:after{display:none;} .idxfour .left, .idxfour .right,.idxfive .left,.idxfive .right{width: 100%;} .idxfour{padding: 1rem 1rem 2rem; display: flex; flex-direction: column-reverse;} .scene{display: none;} .idxThree::after{width: 106px;height: 64px;} .idxfour .tree{width: 222px;right:-59px ;} .idxfour .left .en{margin: 3rem 0 1rem 4rem;} .idxfour .left .cn{margin-left: 1rem;} .idxfour .right{margin-top: 1rem;} .idxfive .left .tabs{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;} .idxfive .idxmoreAll{display: none;} .idxfive .left .tabs .item{margin-top: 0;} .idxfive .left .bajiao{height: 1rem;} .idxfive .right .insideImg .picimg{padding-bottom: 65%;border-radius: 0.8rem;} .idxfive .left{margin-left: 0;padding: 0 5%;box-sizing: border-box;} .idxfive .right .insideImg .picimg .text{left: 1rem;top: 1rem;} .fz48{font-size: 0.8rem;} .fz28{font-size: 0.7rem;} .idxfive .right .insideImg{margin: 0 5%;padding-left: 0;width: 90%;} .insideImg .swiper-pagination{padding-right: 35%;bottom: 4rem !important;} .idxfive .right .insideImg .smallimg{left: 1rem;} .insideImg .swiper-pagination span{opacity: 0.6;} .insideImg .swiper-pagination span.swiper-pagination-bullet-active{transform: scale(1.1);opacity: 1;} .idxsix{padding-bottom: 1.5rem;} .idxsix .item{width: 48%;border-radius: 0.8rem;} .idxsix .item:nth-child(2){margin-left: 2%;} .idxsix .item:nth-child(3){width: 100%;margin-top: 0.5rem;} .idxsix .item .intel{height: 10rem;} .idxsix .item .intel > img{width: 1.5rem;} .idxsix .item .intel .fz36{line-height: 1.5;} .idxsix .item:nth-child(3) .intel{height: auto;padding-bottom: 1.5rem;} .idxThree .right .enmap{margin-top: 2rem;} .idxfour .left{animation: inherit;} .idxfour .right{ animation: inherit; opacity: 1; transform: translateY(0);} .enmap { margin-top: 3rem!important; margin-bottom: 2.5rem!important; } /* 缩小淡出 */ .shrinkFade { transform: scale(0.2) translate(-5rem,-5.5rem); } .wap_banner_sc{display: block;} .pc_banner_sc{display: none;} .Notice_pop .wrap{padding: 1rem;} }