*{margin: 0; padding: 0;} /*effict*/ .Scale-img {overflow: hidden; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative;} .imgbox em, .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;} .imgbox img{ width:100%;height:100%;object-fit: cover;transition: all ease 0.3s;} .itemhover{transition: all ease 0.3s;} .activehover{box-shadow: 0px 3px 18px 0px rgba(var(--rgb-hover),0.2) !important;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);} .nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;} body {--background-cover: no-repeat center center / cover;--white-color__rgb: 255, 255, 255; --background-contain: no-repeat center center / contain;font-weight: normal; --color:#26b9d7; --color2:#004e97;--white:#fff; --txt-color-222: #222; --black:#333; --grey:#666; --grey2:#999; --green:#006034; --orange:#cf3f1a; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:109,15,242; --rgb-green:0,96,52;--rgb-orange:207,63,26; --rgb:29,172,201,.5;--radius: .1rem;} .index-title{margin-bottom: var(--padMar50);} .index-title .title{display: inline-block;position: relative;z-index:1;} .index-title .title span{position: relative;z-index: 3; font-size: var(--font-size40); color: var(--txt-color-222); font-weight:700;} .index-title .title:after{position: absolute; content: '';z-index: 1; background: url(../images/Floor003220-mark.svg) no-repeat center center;width: 0.12rem;height: 0.41rem;right: -0.17rem;top: -0.1em;background-size: contain;} .index-title .title + .sub-tit{margin-top: var(--padMar50);} .index-title .sub-tit{font-size: var(--font-size36); font-weight: 500;} .index-title .title + .desc{margin-top: calc(25 / 18 * 1em);} .index-title .desc{font-weight: 100;font-size: var(--font-size16);color: var(--txt-color-222);} @media (max-width:1024px) { .index-title .title span{font-size: var(--font-size36);} .index-title .sub-tit{font-size: var(--font-size20); } .index-title .desc{font-size: var(--font-size16);font-weight: normal;} } .column-name{font-weight: 700; font-size: var(--font-size32); margin-bottom: calc(40 / 32 * 1em);color:var(--black);} .center{text-align: center;} .lm-title{margin-bottom:0.4rem; line-height: 1;} .lm-title.center{text-align: center;} .lm-title .cn{font-size:var(--font-size42);color: var(--black);font-weight: 500;} .lm-title.center .cn::after{margin: .2rem auto 0 ;} .lm-title.white .cn {color: #fff;} .lm-title.white .cn::after{ background-color: #fff;} @media(max-width:1024px){ .column-name{ margin-bottom: calc(20 / 32 * 1em);font-size:var(--font-size24);} .lm-title{margin-bottom:0.3rem;} .lm-title .cn{font-size:var(--font-size32);} .lm-title .desc{font-size:var(--font-size16);} } /*Top003075 */ .Top003075 .white{ background:var(--white); color: var(--black);} .Top003075white{background:var(--white) !important;} .Top003075white menu li span a{color: var(--black) !important;} .Top003075 .white .top-right dt{color: var(--black) !important;} .Top003075 .white .open-sbox{background: url("../images/Top003075-search1.png") no-repeat left center !important;} .Top003075 .white .open-sbox{color: var(--black) !important;} .Top003075{position: fixed; left: 0; top: 0; width: 100%; background:var(--color2); z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .Top003075 .auto{max-width: 1300px; margin: 0 auto; font-size:var(--font-size16); transition: padding 0.3s; position: relative;} .Top003075 menu li.aon span a{color:var(--white);} .Top003075 menu li .sub{display: none;} .Top003075 menu li .sub dl{position: relative;} .Top003075 menu li .sub dt {line-height: 1.4;padding:0.5em 0;} .Top003075 menu li .sub dt:hover{background:var(--color)} .Top003075 menu li .sub dt a:hover{} .Top003075 .logo{display: table;} .Top003075 .logo img{height:33px;} .Top003075 .logo a{display: table-cell; vertical-align: middle;} .Top003075 .top-right{position: absolute;right: 0; top: 0;height: 100%;} .Top003075 .top-right dl{display: table; height: 100%;} .Top003075 .top-right dl > *{display: table-cell; vertical-align: middle;} .Top003075 .top-right dt{padding-right: 16px;color: var(--white);} .Top003075 .top-right dt a{border-radius: 2px;border: solid 1px #dddbdb;width: 26px;line-height: 24px;text-align: center;display: inline-block; margin-left: 7px;font-size:var(--font-size14);color: #777; background: #fff;} .Top003075 .top-right dt a.on{color: var(--color);background: var(--white);border-color: var(--white); font-size: 14px;} .Top003075 .top-search{padding: 0px; overflow: hidden;} .Top003075 .top-search > *{ float: left;} .Top003075 .top-search .text{width: 0;overflow: hidden;padding: 0; transition: width 0.3s;} .Top003075 .top-search .btn-area{position: relative; line-height: 44px;} .Top003075 #TopBtn{position: absolute; left: 0; top:0;height: 100%; width: 100%;z-index: 10;display: none;} .Top003075 .open-sbox{color: #fff;display: block;background: url("../images/Top003075-search.png") no-repeat left center;width:19px;height: 44px;} .search-show .Top003075 #TopBtn{display: block;} .search-show .Top003075 .top-search .text{padding: 0 10px; border-radius: 5px;} .search-show .top-search .btn-area{padding-left: 10px;} @media(min-width:1025px){ .Top003075{height: 90px;z-index: 999;} .search-show .Top003075 .auto{padding-right: 12.5vw;} .search-show .Top003075 .top-search .text{width:12vw;} .Top003075 .logo{position: absolute; left: 0; top: 0;height:90px;} .Top003075 menu{display: table; margin: 0 auto;} .Top003075 menu li{float: left;position: relative;} .Top003075 menu li:not(:last-child){margin-right: 1.6vw;} .Top003075 menu li span{display: block;line-height: 90px;font-size:16px; color: var(--white);} .Top003075 menu li span a{color: var(--white);} .Top003075 menu li .sub{position: absolute; top: 100%; left: 50%; width:180px;margin-left: -90px;background:rgba(0,78,151,0.9); text-align: center; padding: 0 0; border-radius: 0 0 5px 5px;} .Top003075 menu li .sub dt a{color: #fff;} } @media(min-width:1025px) and (max-width:1500px){ .Top003075 menu li:not(:last-child){margin-right: 2.13vw;} .Top003075 menu{padding-right:10px;} } @media(min-width:1025px) and (max-width:1366px){ .search-show .Top003075 .top-right dt{font-size: 0;padding-right:12px;} .search-show .Top003075 .top-right dt a{font-size:16px;} } @media(min-width:1025px) and (max-width:1280px){ .Top003075 .top-right dt{font-size: 0;} .Top003075 .top-right dt a{font-size:14px;} .search-show .Top003075 .top-right dt{opacity: 0;} } @media(max-width:1300px){ .Top003075 .logo{ left:2%;} .Top003075 .top-right{ right:2%;} .search-show .Top003075 .top-search .text{ width:16vw;} } @media(max-width:1024px){ .Top003075 menu li .sub dt:hover{background:none;} .Top003075, .Top003075 .logo{height:60px;} .Top003075 .logo img{max-height:.3rem;} .Top003075 menu{position:fixed; left:-100%;opacity:0; top:60px;bottom: 0;overflow: auto;background: #fff; z-index: 99; width: 200px;box-shadow: 0 10px 10px rgba(0,0,0,0.1); padding: 20px 0;transition: 0.5s;} .menu-show .Top003075 menu{left: 0;opacity: 1; } .Top003075 menu li span{display: block;position: relative;line-height: 40px;padding: 0 40px 0 20px; border-bottom: 1px solid rgba(0,0,0,0.05);} .Top003075 menu li.aon span a{color: var(--color);} .Top003075 .has-sub span .op:before, .Top003075 .has-sub span .op:after{background: #ccc;} .Top003075 .open-menu span{position:relative;display: block; width: 30px; height: 30px; margin: 0 auto;} .Top003075 .top-right dt{font-size: 0; padding-right:0;} .Top003075 .top-right dt a{margin-left:5px;} .Top003075 menu li .sub{padding: 20px 30px;background: #f1f5fa;} .Top003075 .top-search{padding-left: 10px; padding-right: 10px;} .Top003075 .open-sbox{font-size: 0; width: 25px; height: 44px;background-position: center center;} .search-show .Top003075 .top-search .text{width:23vw;} } @media(max-width:640px){ .search-show .Top003075 .logo{opacity: 0.2} .search-show .Top003075 .top-search .text{width:40vw;} } /*Banner003212 */ .Banner003212{--black:#000;--white:#fff;--white-opacity-50:rgba(255,255,255,0.5);} .Banner003212 .Ispic{height: 90vh;} .Banner003212 .controls{position: absolute;z-index: 1;right: 0;padding-top: 0.42rem;} .Banner003212 .controls .pages{z-index: 2; display: block;align-items: center; margin-bottom: 0.04rem;width:100%;text-align:center;} .Banner003212 .controls .pages span{display: inline-block;width: 0.15rem; height: 0.15rem;border-radius: 50%;background-color: var(--white); opacity: 0.3; cursor: pointer;} .Banner003212 .controls .pages span + span{margin-left: 0.14rem;} .Banner003212 .controls .pages span.swiper-pagination-bullet-active{opacity: 1;} .Banner003212 .txt{position: absolute;left: 0; top: 0; height: 100%;width: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;align-items: center;z-index:10;color: var(--white);} .Banner003212 .txt h3{margin: 0;font-size: 0.6rem;line-height:1.5;transition-delay: 0.5s;} .Banner003212 .txt :where(h3){opacity: 0;transform: translateX(1rem);transition: 0.5s;} .Banner003212 .swiper-slide-active .txt :where(h3){ opacity: 1;transform: translateX(0);} .Banner003212 .box2 .txt{text-align: right; margin-top: -1.2rem;} .mouse{position: absolute; bottom: calc(29 / 960 * 100%); width: 0.24rem; left: 50%;margin-left: -0.12rem; height: 0.4rem; border-radius: 0.12rem; border: solid 2px #e9e9e9;z-index: 10;} .mouse:after{width: 2px;height: 0.08rem;background-color: var(--white);border-radius: 1px; position: absolute; content: ''; left: 50%;margin-left: -1px; top: 0.07rem; animation: mouse 1s infinite;} @keyframes mouse { 0%{transform: translateY(0); opacity: 0;} 100%{transform: translateY(0.1rem);opacity: 1;} } @media (min-width:1025px) { .Banner003212 .controls{bottom: calc(30 / 960 * 100vh); width: 100%; } .menu-show .Banner003212 .controls{right: -3.6rem;} } @media (max-width:1024px) { .Banner003212{position: relative;z-index: 1;} .Banner003212 .controls{bottom: calc(57 / 960 * 100%); padding-top: 0.2rem;padding-right: 0.2rem;} .Banner003212 .controls .num{font-size: var(--font-size20);} .Banner003212 .controls .num .cur{font-size: var(--font-size36);} } @media(max-width:768px){ .Banner003212 .txt h3{font-size: 0.26rem;line-height:1.6;} .Banner003212 .box2 .txt{margin-top: -.4rem;} } /*Floor003114 */ .Floor003114{padding:var(--padMar100) 0;background: url(../images/Floor003114-bg.jpg) no-repeat center center;background-size: cover;overflow: hidden;font-size: 16px;} .Floor003114 .auto{max-width: 1300px; margin: 0 auto;} .Floor003114 .slider { position: relative; /* 必须加，让箭头绝对定位生效 */ } .Floor003114 .btn { position: absolute; right: 0; bottom: 0; z-index: 2; display: flex; } /* 继承你网站原有箭头样式，保持统一 */ .Floor003114 .controls { text-align: center; margin-top: 30px; } .Floor003114 .controls .arrows{ display: flex; align-items: center; justify-content: center; /* 底部居中 */ margin: 0 auto; } .Floor003114 .controls .arrows a{ display: block; width: 0.55rem; height: 0.55rem; border-radius: 50%; border: solid 1px #c4c4c4; background-position: center center; background-repeat: no-repeat; background-size: auto 0.18rem; cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative; } .Floor003114 .controls .arrows a + a{ margin-left: 0.26rem; } .Floor003114 .controls .arrows a.prev{ background-image: url(../images/arrow-color.svg); transform:rotateY(180deg); } .Floor003114 .controls .arrows a.next{ background-image: url(../images/arrow-color.svg); } .Floor003114 .controls .arrows a:hover{ border-color:var(--color); /* background-color: var(--color);*/ } .Floor003114 .controls .arrows a.prev:hover{ background-image: url(../images/arrow-white.svg); } .Floor003114 .controls .arrows a.next:hover{ background-image: url(../images/arrow-white.svg); } .Floor003114 .btn{position: absolute;right: 0;bottom: 0;} /*.Floor003114 .slick-arrow{width: 88px;height: 50px;margin-left: 15px;background: url(../images/Floor003114-btnbg.svg) no-repeat;background-size: 100% 100%;position: relative;} .Floor003114 .slick-arrow:before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: url(../images/Floor003114-prev.svg) no-repeat center center; background-size: 34px auto;}*/ .Floor003114 .slick-next{background-image: url(../images/Floor003114-btnbg-hover.svg)} .Floor003114 .slick-next:before{background-image: url(../images/Floor003114-next.svg)} .Floor003114 .slider{width: 100%;overflow: hidden;} /* .Floor003114 .slider .ul{padding-right: 9.591%;} */ .Floor003114 .slider .slick-list{overflow: inherit;} .Floor003114 .slick-slide:not(.slick-active){opacity: 0.5;} .Floor003114 ul{margin:0 -20px;} .Floor003114 .slick-slide a{display: block;margin:0 20px;padding-bottom: 1px;} .Floor003114 .pic{background: url(../images/Floor003114-imgbg.svg) no-repeat;background-size: 100% 100%;position: relative;border-radius: var(--radius);} .Floor003114 .pic:before{position: absolute;content: '';left: 50%;transform: translateX(-50%);height: 3px;background-color: var(--color);top: 0;transition:width 0.3s; width: 0;} .Floor003114 .slick-slide.slick-active a:hover .pic:before{width: 100%;} .Floor003114 .pic .Ispic{margin: 0 auto;padding-bottom: 80.852%; border-radius: 0.15rem;background-size:contain;} .Floor003114 .tit{border-bottom: 1px solid #d1d1d1;line-height: 4.625em;width: 72.341%;position: relative;} .Floor003114 .tit aside{padding: 0 1.1875em;color: #333;font-size: var(--font-size16);} .Floor003114 .slick-slide.slick-active a:hover .tit aside{color: var(--color);} .Floor003114 .tit:before{position: absolute;content: '';width: 27px; height: 3px; background-color: var(--color); left: 1.1875em; bottom: -2px;} @media (max-width:640px) { .Floor003114{font-size: 3.5vw;} .Floor003114 .slider .ul{padding-right: 18%;} .Floor003114 .slick-arrow{width: 60px;height: 42px;} .Floor003114 .slick-slide a{margin-right: 5vw;} } /*Floor003220 */ .Floor003220{padding: var(--padMar90) 0 var(--padMar80) 0; overflow: hidden;} .Floor003220 .swiperCon{overflow: hidden;position: relative;z-index: 1; } /*.Floor003220 .swiperCon:after{position: absolute;content: ''; width: 6rem;height: 100%;opacity: 0.7;z-index: 10;pointer-events: none;top: 0;} .Floor003220 .swiperCon:before{position: absolute;content: ''; width: 3rem;height: 100%;opacity: 0.7;z-index: 10;pointer-events: none;top: 0;} .Floor003220 .swiperCon:before{left: 0;background: linear-gradient(to right,rgba(var(--rgb-white),1) 50%,rgba(var(--rgb-white),0) 100%); } .Floor003220 .swiperCon:after{right: 0;background: linear-gradient(to right,rgba(var(--rgb-white),0) 20.625%,rgba(var(--rgb-white),1) 100%); }*/ .Floor003220 .swiper{overflow: initial;} .Floor003220 .swiper-wrapper{height: auto;} .Floor003220 .swiper-slide a{display: block;} .Floor003220 .pic{overflow: hidden;border-radius: 0.15rem;} .Floor003220 .pic .Ispic{padding-bottom:calc(310 / 462 * 100%); transition: 0.5s ease-in-out;} .Floor003220 .swiper-slide a:hover .Ispic{transform: scale(1.05);} .Floor003220 .txt{margin-top: 0.4rem;} .Floor003220 .tit{font-size:var(--font-size16);line-height: 1.8; margin-bottom: 1em;} .Floor003220 .txt time{color: #999; font-size: var(--font-size18);} .homeBox{ margin-top: var(--padMar70);position: relative;} .Floor003220 .controls{display: flex;align-items: center;} .homemore{text-align:right;position: absolute;right:0;top:0} .homemore span{ display:inline-block; width:120px; line-height:40px; text-align:center; color:var(--color); background:none; font-size:var(--font-size16); border-radius: var(--radius); border: 1px solid var(--color);} .Floor003220 .controls .pages{flex: 1;height: 2px;background-color: #eee;position: relative;display: none;} .Floor003220 .controls .pages span{height: 5px;top: -2px;background-color: var(--color);border-radius: 5px;} .Floor003220 .controls .arrows{display: flex;align-items: center;justify-content: flex-end;margin:0 auto;} .Floor003220 .controls .arrows a{display: block;width: 0.55rem; height: 0.55rem;border-radius: 50%;border: solid 1px #c4c4c4; background-position: center center; background-repeat: no-repeat; background-size: auto 0.18rem; cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative; } .Floor003220 .controls .arrows a + a{margin-left: 0.26rem;} .Floor003220 .controls .arrows a.prev{background-image: url(../images/arrow-color.svg);left: auto;transform:rotateY(180deg);} .Floor003220 .controls .arrows a.next{background-image: url(../images/arrow-color.svg);right: auto;} .Floor003220 .controls .arrows a:hover{border-color:var(--color)} .Floor003220 .controls .arrows a.prev:hover{background-image: url(../images/arrow-white.svg);} .Floor003220 .controls .arrows a.next:hover{background-image: url(../images/arrow-white.svg);} @media (min-width:1025px) { .Floor003220 .swiper{ width: calc(100% + 1.6rem);max-width:1300px;} } @media (max-width:1300px) { .Floor003220 .swiper{ width:calc(100% + 1.6rem);max-width:100%;} .Floor003220 .controls{ max-width:90%; margin:0 auto; margin-top:.5rem; position:relative;} } @media (max-width:1024px) { .Floor003220 .swiperCon{padding: 0 var(--padMar160);} .Floor003220 .swiperCon:before{width: var(--padMar160);} } /*Bottom003215 */ .Bottom003215{position: relative;z-index: 1;background-color: rgb(51, 51, 51);font-weight: 100; padding-top: var(--padMar80);} .Bottom003215 .auto{max-width:1300px; margin: 0 auto;} .Bottom003215, .Bottom003215 a:not(:hover){color: var(--white);} .Bottom003215 .contact{margin-bottom: 0.42rem;} .Bottom003215 .contact li [class*=ico-]{background-color: #f5f9ff;width: 0.6rem; height: 0.6rem;background-repeat: no-repeat; background-position: center center; background-size: auto calc(27 / 60 * 100%);border-radius: 50%; margin-right: 0.2rem;flex-shrink: 0;} .Bottom003215 .contact li .ico-tel{background-image: url(../images/Bottom003215-phone.png);} .Bottom003215 .contact li .ico-email{background-image: url(../images/Bottom003215-email.png);background-size: auto calc(22 / 60 * 100%);} .Bottom003215 .contact li .ico-add{background-image: url(../images/Bottom003215-add.png);background-size: auto calc(26 / 60 * 100%);} .Bottom003215 .contact li .tit{flex: 1; font-size: var(--font-size14);} .Bottom003215 .contact li p{margin: 0; font-size: var(--font-size16); font-weight: 500; margin-top: 0.14rem;} .Bottom003215 .f-mid{border-top:1px solid rgba(245, 249, 255, 0.1);border-bottom: 1px solid rgba(245, 249, 255, 0.1); padding: 0.5rem 0;} .Bottom003215 .f-mid nav dl{margin-right: .38rem;min-width: .85rem;} .Bottom003215 .f-mid nav dl:last-child{margin-right: 0;} .Bottom003215 .f-mid nav dt{font-weight:700; margin-bottom: 1em; font-size: var(--font-size16);} .Bottom003215 .f-mid nav dd{line-height: calc(20 / 16); font-size: var(--font-size14); padding: calc(6 / 16 * 1em) 0; opacity:.7} .Bottom003215 .f-mid nav dd:hover{opacity:1;} .Bottom003215 .code{margin-bottom: 0.49rem;} .Bottom003215 .code dt{text-align: center; width: calc(143 / 340 * 100%);} .Bottom003215 .code dt .img{border-radius: 0.1rem;background-color: var(--white);margin-bottom: 0.18rem; overflow: hidden;max-width:1.6rem;} .Bottom003215 .code dt p{margin: 0;font-size: var(--font-size16);} .Bottom003215 .share .tit{font-size: var(--font-size16); margin-bottom: 0.25rem;} .Bottom003215 .share li{position: relative;z-index: 20;} .Bottom003215 .share li a{display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 0.36rem; height: 0.36rem;background-color: rgba(255,255,255,0.1); transition: 0.3s; cursor: pointer;} .Bottom003215 .share li a:before{display: block;opacity: 0.6; content: '';background-position: center center;background-repeat: no-repeat; background-size: contain;transition: 0.3s;} .Bottom003215 .share li a.ico-wx:before{background-image: url(../images/Bottom003215-share-wx.svg);width: 0.17rem;height: 0.14rem;} .Bottom003215 .share li a.ico-sina:before{background-image: url(../images/Bottom003215-share-sina.svg);width: 0.18rem;height: 0.14rem;} .Bottom003215 .share li a.ico-linkin:before{background-image: url(../images/Bottom003215-share-linkin.svg);width: 0.14rem;height: 0.14rem;} .Bottom003215 .share li a.ico-douyin:before{background-image: url(../images/Bottom003215-share-douyin.svg);width: 0.13rem;height: 0.16rem;} .Bottom003215 .share li a:hover{background-color: var(--hover-color);} .Bottom003215 .share li a:hover:before{opacity: 1;} .Bottom003215 .share li figure{position: absolute; bottom: calc(100% + 0.1rem);left: 50%;margin-left: -0.7rem; width: 1.4rem; visibility: hidden; transform: translateY(-0.3rem); opacity: 0; transition: 0.3s;} .Bottom003215 .share li.show figure{opacity: 1; transform: translateY(0); visibility: visible;} .Bottom003215 .share li figure img{border-radius: 0.1rem;} .Bottom003215 .share li figure:after{position: absolute; content: '';border: 5px solid transparent;border-top-color: var(--white); left: 50%;margin-left: -5px;top: 100%;} .Bottom003215 .share li + li{margin-left: 0.1rem;} .Bottom003215 .f-bottom{padding: 0.3rem 0; text-align: center; display: block;font-size:var(--font-size14);} .Bottom003215 .other nav a{margin-right: 0.27rem;display: inline-block;} @media (min-width:1025px) { .Bottom003215 .f-mid .left{width: calc(300 / 1300 * 100%);} .Bottom003215 .f-mid .right{width: calc(930 / 1300 * 100%);} } @media (max-width:1280px) { .Bottom003215 .f-mid nav dl{ margin-right:.4rem;} } @media (max-width:1024px) { .Bottom003215 .contact li + li{margin-top: 0.2rem;} .Bottom003215 .code{max-width: 3.2rem; margin: 0 auto;} .Bottom003215 .f-mid nav{display: none;} .Bottom003215 .f-mid .left{display: flex;flex-direction: column-reverse;} .Bottom003215 .share{display: flex;flex-direction: column;align-items: center; margin-bottom: 0.5rem;} .Bottom003215 .f-bottom{text-align: center;} .Bottom003215 .other{justify-content: center;margin-top: 0.1rem;flex-wrap: wrap;} } @media (max-width:640px) { .Bottom003215 .contact ul{ flex-wrap:wrap;} .Bottom003215 .contact li .tit{ font-size:var(--font-size16);} .Bottom003215 .contact li p{ margin-top:.1rem;} } /*Banner003144 */ .Banner003144 .pc{background-position: center center; background-repeat: no-repeat; height:15em; background-size: cover;} @media (min-width:1025px) { .Banner003144 .wap{display: none;} } @media (max-width:1024px) { .Banner003144 .pc{display: none;} } .Homeglobal{padding:var(--padMar100) 0; background:#f6f8fa;} .Homeglobal .info{font-size: var(--font-size16); color: var(--black); line-height: 1.8; max-width: 100%; max-width: 1200px; margin: 0 auto; text-align: center;margin-bottom: 0.4rem; } .Homeglobal .info p{ margin: 0.08rem 0; } .Homeglobal .subtit{font-size: var(--font-size30);color: var(--black); } .Homeglobal .left .item:not(:last-child){ margin-bottom: 0.8rem;} .Homeglobal .left li:not(:last-child){ margin-bottom: 0.3rem;} .Homeglobal .left li .inner{ display: flex; flex-wrap: wrap; justify-content: space-between;margin-bottom: .15rem} .Homeglobal .left li .it{ float: left; width: 48%; } .Homeglobal .left li .tit1{display: flex;align-items: center;} .Homeglobal .left li .counter{font-size:var(--font-size40);color:var(--color);font-weight: 700; line-height: 1.3; font-family: Barlow;} .Homeglobal .left li .unit{font-size:var(--font-size16);color:var(--color);margin-left: .12rem } .Homeglobal .left li .tit2{font-size:var(--font-size16);color:var(--grey2); } .Homeglobal .right{ position: relative;} @media(max-width:1300px){ .Homeglobal .left li .unit{font-size:var(--font-size14)} .Homeglobal .left li .counter{font-size:var(--font-size40)} } .Homeglobal .map-box{ position: absolute; margin: auto; width:100%; top: 0%; left: 0; right: 0;height: 100%;} .Homeglobal .map-box .map{width: 100%;height: 100%;} .Homeglobal .map li {position: absolute;cursor: pointer;} .Homeglobal .map li i{display: block;width: 0.1rem; height:0.1rem; border-radius: 50%; background: var(--color);position: relative; z-index: 4;} .Homeglobal .map li i:before, .Homeglobal .map li i:after{position: absolute; content: '';border-radius: 50%;background:var(--color); opacity: 0.4; animation: scale 3s infinite;-webkit-animation: scale 3s infinite;} .Homeglobal .map li i:before{left: -0.08rem; top: -0.08rem; bottom: -0.08rem;right: -0.08rem; animation-delay: 0.3s;} .Homeglobal .map li .city{ display: flex;align-items: center;} .Homeglobal .map li .city aside{ margin-left: 0.15rem; font-size:var(--font-size16);color:#333;} .Homeglobal .map li .popInfo {background: #fff;width: 4.2rem;padding: 0.15rem; border-radius: var(--radius); position: absolute;left: 0.3rem;top: 0;line-height: 1.8;opacity: 0;z-index: -1;visibility: hidden;transition: all 0.5s;-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);box-shadow: 0 15px 38px rgba(0,0,0,0.18); } .Homeglobal .map li:hover {z-index: 100;} .Homeglobal .map li:hover .popInfo {top: -0.3rem;opacity: 1;visibility: visible;z-index: 10;} .Homeglobal .map li:hover .popInfo .tit{font-size: var(--font-size18); color: var(--color); line-height: 1.5; margin-bottom: 0.1rem;} .Homeglobal .map li:hover .popInfo p{ display: block; padding-left:0;position: relative;color:#333; margin: 0; } /*.Homeglobal .map li:hover .popInfo p::before{content:"";display: block;width:0.05rem;height:0.05rem;border-radius: 50%;background: var(--color);position: absolute;left:0;top:0.12rem;}*/ /* 方案1 */ .Homeglobal .cbox{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.24rem; position: relative;} .Homeglobal .city{ position: relative;} .Homeglobal .city aside{font-size: var(--font-size24);color: var(--black); cursor: pointer; } .Homeglobal .cbox .city .cityinfo {background: #fff;width: 4rem;padding: 0.15rem; border-radius: var(--radius); position: absolute;left: 0.6rem;top: 0;line-height: 1.8;opacity: 0;z-index: -1;visibility: hidden;transition: all 0.5s; display: flex; flex-wrap: wrap; } .Homeglobal .cbox .city:hover {z-index: 100;} .Homeglobal .cbox .city:hover .cityinfo {top: -0.3rem;opacity: 1;visibility: visible;z-index: 10;} .Homeglobal .cbox .city:hover .cityinfo .tit{font-size: var(--font-size18); color: var(--color); line-height: 1.2; margin-bottom: 0.1rem;} .Homeglobal .cbox .city:hover .cityinfo p{ /* width: calc(20% - 0.1rem); */ display: block; padding-left:0.15rem;position: relative;color:#333; margin: 0; } .Homeglobal .cbox .city:hover .cityinfo p:not(:last-child){ margin-right: 0.12rem;} .Homeglobal .cbox .city:hover .cityinfo p::before{content:"";display: block;width:0.05rem;height:0.05rem;border-radius: 50%;background: var(--color);position: absolute;left:0;top:0.12rem;} .Homeglobal .map li .popInfo{display: none;} .Homeglobal .cbox .city .cityinfo .plist{ width: 31%;} .Homeglobal .cbox .city .cityinfo .plist:not(:last-child){ margin-bottom: 0.12rem;} .Homeglobal .cbox .city .cityinfo2{width: 6rem;} /* 方案2 */ .Homeglobal2 .subtit{margin-bottom: 0.24rem;} .Homeglobal2 .map li .popInfo{display: flex; flex-wrap: wrap;} .Homeglobal2 .map li:hover .popInfo p{ margin-right: 0.1rem;} @media(min-width:1025px){ .Homeglobal .flex{display: flex;justify-content: space-between} .Homeglobal .left{width: 30%;flex: 0 0 auto;padding-right: 0.4rem} .Homeglobal .right{flex:1;} } @media(max-width:1024px){ .Homeglobal .flex{ flex-wrap:wrap;} .Homeglobal .left{ width:100%; margin-bottom:.5rem; } .Homeglobal .left li:not(:last-child){margin-bottom: 0.15rem;} .Homeglobal .left .item:not(:last-child){ margin-bottom:.5rem;} .Homeglobal .map li .popInfo{ width:max-content; max-width:3.2rem;} } @media(max-width:640px){ .Homeglobal .Hometitle .p{margin: 0.1rem 0 0.15rem;font-size: var(--font-size18);} .Homeglobal .Hometitle{margin-bottom: 0.2rem;} .Homeglobal .left li .counter{font-size: var(--font-size48);} .Homeglobal .map li .popInfo{ display:none;} } @keyframes scale{ 0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} 50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);} 100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);} } /*Menu003135 */ .Menu003135{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);} .Menu003135 .current{line-height:2.2;margin-top:20px; font-size: 0.875em; padding-left: 1.21428em;background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 1em auto;} .Menu003135 .current, .Menu003135 .current a:not(:hover){color: #999;} .Menu003135 .current span{color: #333;} .Menu003135 .nav-menu{margin-top:20px;} .Menu003135 .nav-menu li{float: left;font-size:var(--font-size15);line-height:2.2;} .Menu003135 .nav-menu li:not(:last-child){margin-right:2.222em;} .Menu003135 .nav-menu li a{display: block;position: relative;padding-bottom:20px;} .Menu003135 .nav-menu li a:hover, .Menu003135 .nav-menu li.aon a{color: var(--color);} .Menu003135 .nav-menu li.aon a:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height: 2px;background-color: var(--color);} @media (max-width:1024px) { .Menu003135 .current{display: none;} .Menu003135 .nav-menu li{line-height:3;} } /* .Menu002795 */ .Menu002795{padding:var(--padMar60) 0 0; border-bottom: 1px solid #eee;} .Menu002795 ul{ margin-bottom: 2%; text-align: center;} .Menu002795 li{ display: inline-block; margin: 0 1%; margin-bottom:1px;} .Menu002795 li a{ display:block; padding:0 40px; border-radius:50px; line-height:.4rem; border:1px solid #efefef; background:#efefef; font-size:15px;} .Menu002795 li:hover a, .Menu002795 li.aon a{ color:var(--color); background:#fff; border-color:var(--color);} .Menu002795 dl{ font-size: 0; text-align: center;} .Menu002795 dd{ display: inline-block; padding:0 40px;position:relative;} .Menu002795 dd::after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#dfdfdf;} .Menu002795 dd:last::after{ display:none;} .Menu002795 dd a{ display:block; position:relative; overflow:hidden; height:82px; font-size:18px; line-height:82px; text-transform: uppercase; } .Menu002795 dd a:after{ position:absolute; left:0; bottom:0;content:''; height:2px; width:100%;} .Menu002795 dd.aon a, .Menu002795 dd:hover a{ color:var(--color);} .Menu002795 dd.aon a:after, .Menu002795 dd:hover a:after{ background:var(--color);} @media(max-width: 930px){ .Menu002795 ul{ display:-webkit-flex; display:flex; justify-content:center; float:none; max-width:none; overflow:hidden; gap:.1rem; flex-wrap:wrap;} .Menu002795 li{text-align:center; max-width:calc(32% - .1rem); margin:0;} .Menu002795 li a{ padding:0 1em;} } @media(max-width:768px){ .Menu002795 dl{ text-align: justify; } .Menu002795 dd{ width:49%; text-align:center; padding:0;} .Menu002795 dd:nth-child(2n)::after{ display:none;} .Menu002795 dd a{ font-size: 16px; } } @media(max-width:640px){ .Menu002795 ul{ gap:.2rem .1rem;} .Menu002795 li{ max-width:100%; min-width:48%;} } /*荣誉*/ [class*=arrows-]{--btnwh:0.6rem;position: absolute;width: var(--btnwh); height: var(--btnwh);top: 50%;margin-top: calc(var(--btnwh) / -2);cursor: pointer;z-index: 10;border-radius: 50%; background: #fff;transition: 0.5s;border: 1px solid #c4c4c4;} [class*=arrows-]:not(.swiper-button-disabled):hover{border-color:var(--color);} [class*=arrows-]:not(.swiper-button-lock){display: flex;align-items: center;justify-content: center; } [class*=arrows-]:before{display: block; content: ''; width: 0.1rem; height: 0.13rem; background: url(../images/arrow-color.svg) center no-repeat;} [class*=arrows-]:hover:before{background: url(../images/arrow-white.svg) center no-repeat;} [class*=arrows-].swiper-button-disabled{cursor: default;background-color: #edf2f7;} [class*=arrows-].swiper-button-disabled:before{background-image: url(../images/arrow-lighter.svg); cursor: default;} .arrows-prev:before{transform: rotateY(180deg);} .arrows-prev{left: 0;} .arrows-next{right: 0;} .about-honor{position:relative;--refh:0.65rem; padding:var(--padMar70) 0 var(--padMar60) 0;} .about-honor .swiper{padding-left: var(--padMar90);padding-right: var(--padMar90);} .about-honor:after, .about-honor:before{z-index: 2;position: absolute;content: '';width: 40%;top: 0;height: 100%;pointer-events: none} .about-honor:before{left: 0;background:linear-gradient(to right, rgb(251,252,253) var(--padMar90), rgba(var(--white-color__rgb), 0));} .about-honor:after{right: 0;background: linear-gradient(to right,rgba(var(--white-color__rgb),0),rgb(251 252 253) calc(100% - var(--padMar90)));} .about-honor .swiper-slide{width: 5.69rem; } .about-honor .pic-inner{overflow: hidden;position: relative;z-index: 1;padding: 0.38rem 0.38rem 0;} .products .pic-inner{border:1px solid #e1e1e1;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.05),10px 0 10px rgba(0,0,0,0.05),0 10px 10px rgba(0,0,0,0.05),-10px 0 10px rgba(0,0,0,0.05);border-radius:5px;padding: 0.05rem 0.05rem 0;;} .about-honor .vertical-item{padding: 0.38rem 0.88rem 0;} .about-honor .ying{position: absolute; top: calc(100% - var(--refh));left: 0.38rem;right:0.38rem; height: calc(100% - var(--refh)); } .about-honor .ying figure{height:calc(100% - 0.38rem);transform: rotateY(180deg);} .about-honor .ying figure, .about-honor .ying:before{opacity: 0.4;} .about-honor .ying:after { position: absolute; top: 0; height: -webkit-calc(var(--refh) + 2px); /* Safari 兼容性写法 */ height: calc(var(--refh) + 2px); content: ''; width: -webkit-calc(100% + 2px); /* Safari 兼容性写法 */ width: calc(100% + 2px); left: -1px; /* 为Safari提供具体颜色值作为备选 */ background: rgba(236, 240, 243, 0.8); background: -webkit-linear-gradient(to bottom, rgba(236, 240, 243, 0.7) 0%, rgb(236, 240, 243) 80%); /* Safari 线性渐变前缀 */ background: linear-gradient(to bottom, rgba(236, 240, 243, 0.7) 0%, rgb(236, 240, 243) 80%); z-index: 19; -webkit-transition: all 0.5s; /* Safari 过渡效果前缀 */ transition: all 0.5s; } .about-honor .pic{margin-bottom:var(--refh);position: relative;box-shadow: 0 0 0.38rem 0.02rem rgba(0, 0, 0, 0.2); -webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* Safari 3D倒影前缀 */} .products .pic{box-shadow: none; -webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* Safari 3D倒影前缀 */margin-bottom:0;padding-bottom: 0.05rem} .products .pic:before{border: 0;} .about-honor .ying{ display: none;-webkit-box-reflect:unset;} .about-honor .ying:before, .about-honor .pic:before{position: absolute; left: 0;top: 0;width: 100%;height: 100%;content:'';background: url(../images/kuang.png) no-repeat center center;background-size: 100% 100%;z-index: 10;} .about-honor .pic > figure{padding-bottom: calc(400 / 569 * 100%);} .about-honor .vertical-item .pic:before{background: url(../images/kuang1.png) no-repeat center center;background-size: 100% 100%;z-index: 10;} .about-honor .vertical-item .pic > figure{padding-bottom: calc(769 / 569 * 100%); background-color:rgba(var(--rgb-white),1); background-size:85%;} .about-honor .name{text-align: center;font-size: var(--font-size__24); font-weight: var(--font-weight__m); height: 0.6rem;display: flex;align-items: center;justify-content: center; } .about-honor .swiper-slide{ transition: all 0.5s;padding-top:10px;} .about-honor .swiper-slide:not(.swiper-slide-active) .name{opacity: 0;} .about-honor .controls{max-width: 8.8rem;position: absolute;left: 0;right: 0;margin: auto; bottom: var(--padding-margin__100);height: 0.6rem;z-index: 10;width: 70%;} .about-honor1 .pic:before{background:#fff; border: 1px solid #f1f1f1;z-index: -1;} .products .pic > figure{padding-bottom:calc(400 / 650 * 100%)} .about-honor .pic > figure{background-size:cover} @media (max-width:768px) { .about-honor .controls{width:92%} .about-honor .swiper-slide{width: 2.8rem;} .about-honor{--refh:0.4rem} .about-honor .name{font-size: var(--font-size__20); margin-top:calc(var(--padding-margin__30) * -1);position: relative;z-index: 3;} } /*RighInfo003241 */ .RighInfo003241{padding: var(--padMar60) 0;font-size: var(--font-size16);color: #000;} .RighInfo003241 .ad-img{margin-top: calc(40 / 16 * 1em);} .RighInfo003241 .number-data{display: flex;} .RighInfo003241 .number-data li{display: flex;justify-content: space-between;border-bottom: solid 1px #eee; padding:1.2em 0;position: relative;} .RighInfo003241 .number-data .ico{width: 0.45rem;flex-shrink: 0;position: absolute;right:0;} .RighInfo003241 .number-data .inner{flex: 1;} .RighInfo003241 .number-data .num{display: flex;align-items: flex-end; font-size: var(--font-size18);color:var(--color);} .RighInfo003241 .number-data .counter{font-size: calc(42 / 18 * 1em); font-weight: 700; line-height: 1; margin-right:0.3em;} .RighInfo003241 .number-data .num sub{font-size: 1em;} .RighInfo003241 .number-data p{margin: 0.5em 0 0;color: #666;font-size:var(--font-size14);} .RighInfo003241 .edit-info{line-height: 2;text-align: justify;color: #333;} .RighInfo003241 .video{position: relative; z-index: 1;} .RighInfo003241 .open-video{width:.7rem; height: .7rem;margin-left:-.35rem;border-radius: 50%;position: absolute;left: 50%; top:50%;z-index: 1;cursor: pointer;display: flex;align-items: center; justify-content: center; background-color:rgba(0,0,0,0.6); margin-top: -.35rem;} .RighInfo003241 .open-video:after{position: absolute; content: '';background-color:#000; width: 1.06rem; height: 1.06rem; left: 50%;top: 50%;margin: -0.53rem 0 0 -0.53rem; border-radius: 50%; animation: RighInfo003241video infinite 1s linear;} .RighInfo003241 .open-video:before{display: block;content: '';width:.25rem; height: .3rem;background: url(../images/play.png) no-repeat center center; background-size: contain;} @keyframes RighInfo003241video { 0%{transform: scale(1);opacity: 0.1;} 100%{transform: scale(1.5);opacity: 0;} } @media (min-width:1025px) { .RighInfo003241 .left{width: calc(1008 / 1440 * 100%);} .RighInfo003241 .right{width: calc(330 / 1440 * 100%);} .RighInfo003241 .number-data{min-height: 100%;flex-direction: column;justify-content: space-between;} } @media (max-width:1300px) { .RighInfo003241 .video{ margin-top: calc(40 / 16 * 1em);} .RighInfo003241 .video .img-block{min-height:2.5rem;object-fit:cover;} } @media (max-width:1024px) { .RighInfo003241 .number-data{flex-wrap: wrap;} .RighInfo003241 .number-data li{width: 45%;} .RighInfo003241 .number-data li:not(:nth-child(2n)){margin-right: 10%;} .RighInfo003241 .open-video{background-size: auto 30%;} } @media (max-width:640px) { .RighInfo003241 .number-data .ico{width: 0.3rem;} } /*Floor003203 */ .Floor003203{ background: url(../images/Floor003203-bg.png) no-repeat center center; background-size: cover;color: #fff; overflow: hidden; padding: 3% 0;} .Floor003203 .title{text-align: center; font-size: calc(44 / 16 * 1em); margin-bottom: calc(69 / 44 * 1em);} .Floor003203 .txt{padding-right: calc(69 / 1920 * 100vw);} .Floor003203 .txt .name{border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: calc(40 / 16 * 1em); padding-bottom: calc(40 / 16 * 1em);} .Floor003203 .txt .tit{font-size: 2em;padding-bottom: .1rem;} .Floor003203 .txt .post{font-family: 'HarmonyOS_Sans_SC_Light';} .Floor003203 .txt .desc{font-family: 'HarmonyOS_Sans_SC_Light'; line-height: calc(28 / 16 * 1em); margin-bottom: calc(80 / 16 * 1em);} .Floor003203 .more a{display: inline-block; padding: 0 calc(57 / 16 * 1em) 0 calc(20 / 16 * 1em); line-height: calc(56 / 16 * 1em);border: solid 2px #fff; border-radius: calc(60 / 16 * 1em);color: #fff; background: url(../images/Floor003203-more.svg) no-repeat right calc(21 / 16 * 1em) center; transition: 0.3s; background-size: auto calc(12 / 16 * 1em);} .Floor003203 .more a:hover{background-color: var(--color);border-color: var(--color); background-position: left calc(21 / 16 * 1em) center;padding: 0 calc(20 / 16 * 1em) 0 calc(57 / 16 * 1em); } .Floor003203 .pic .img{position: relative;} .Floor003203 a[class*=flipto-]{position: absolute;width: 1em; height: 1em; border: solid 2px #e3e3e3; top: 43%;margin-top: -0.5em; border-radius: 50%; background: url(../images/Floor003203-prev.svg) no-repeat center center; background-size: auto calc(12 / 60 * 1em);z-index: 10; transition: 0.3s; font-size: calc(60 / 16 * 1em); text-indent: -999em; overflow: hidden;} .Floor003203 a[class*=flipto-]:hover{background-color: var(--color);border-color: var(--color);} .Floor003203 a.flipto-next{background-image: url(../images/Floor003203-next.svg); right:-8%;} .Floor003203 a.flipto-prev{left: 5%;} @media (min-width:1025px) { .Floor003203 .ytable{width: calc(1110 / 1920 * 100vw);} .Floor003203 .flipster{ overflow: inherit;} .Floor003203 .pic{width: calc(754 / 1110 * 100%); } .Floor003203 .pic .img{width: calc(460 / 754 * 100%);} .Floor003203 .flip-item:not(.flip-current) .pic .img{margin: 0 auto;} .Floor003203 .flip-current .pic .img{float: right; margin-right: calc(54 / 754 * 100%);} .Floor003203 .flipster-carousel .flip-items{height: calc(525 / 1920 * 100vw)!important;} .Floor003203 .flip-current .pic .img:before{position: absolute;content: ''; left: -11px;right: -11px;top: -11px;bottom: -11px;z-index: 10; background: url(../images/Floor003203-quan.svg) no-repeat center center; background-size: 100% 100%;} .Floor003203 .flip-item:not(.flip-current) .txt{display: none;} } @media (max-width:1024px) { .Floor003203 .auto{padding: 3em 0;} .Floor003203 a[class*=flipto-]{top: 50%;} .Floor003203 a.flipto-next{right:0;} .Floor003203 a.flipto-prev{left: 0;} .Floor003203 .ytable, .Floor003203 .ytable-cell{display: block;} .Floor003203 .ytable{width: 60vw; margin: 0 auto;text-align: center;} .Floor003203 .pic{padding:1em 0;} .Floor003203 .pic .img:before{position: absolute;content: ''; left: -11px;right: -11px;top: -11px;bottom: -11px;z-index: 10; background: url(../images/Floor003203-quan.svg) no-repeat center center; background-size: 100% 100%;} .Floor003203 .title{margin-bottom: 0.5em; font-size: 2em;} .Floor003203 .txt .name{padding-bottom: 1em;margin-bottom: 1em;} .Floor003203 .txt .desc{margin-bottom: 2em;} } .VehicleSolu{position: relative;} .VehicleSolu .catelist{position: relative;} .VehicleSolu .category{font-size: var(--font-size40);color:var(--black); text-align: center; font-weight: 500; } .VehicleSolu .catelist:not(:first-child) .category{margin-top: 0.4rem;} .VehicleSolu .item{padding:var(--padMar100) 0;background: #fff;} .VehicleSolu .item:nth-child(2n){ background:#f6f8fa; } .VehicleSolu .tit{font-size: var(--font-size32);color:var(--black); margin-bottom: 0.24rem; position: relative; } .VehicleSolu .info { font-size: var(--font-size18); color: var(--grey); line-height: 1.8; margin:0; } .VehicleSolu .info p{ margin: 0.1rem 0;} .VehicleSolu .btn{ margin-top: 0.3rem;} .VehicleSolu .btn a{display: inline-flex;align-items: center;background-color: var(--white);border-radius: 3em;border: solid 2px var(--color);line-height: .52rem;padding-left: 0.3rem;padding-right: 0.04rem;position: relative;color:var(--black);} .VehicleSolu .btn a span{position:relative;display:block;z-index:2} .VehicleSolu .btn a:after, .VehicleSolu .btn a::before{width:0.44rem;height:0.44rem} .VehicleSolu .btn a:after{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:0.16rem auto;margin-left:0.36rem;position:relative;z-index:2} .VehicleSolu .btn a::before{position:absolute;content:'';right:0.04rem;border-radius:0.5rem;top:0.04rem;background-color:var(--color);z-index:1;transition:width 0.3s} .VehicleSolu .btn a:hover{color: var(--color); } .VehicleSolu .btn a:after{background-image:url(../images/Floor003203-more.svg);background-size:0.14rem auto;} .VehicleSolu .pic{/* box-shadow: 0 0.06rem 0.7rem rgba(0, 0, 0, 0.05); */ overflow: hidden;border-radius: var(--radius);} .VehicleSolu .pic img{ transition: 0.3s;} .VehicleSolu .pic:hover img{transform: scale(1.1);} @media (min-width:1025px) { .VehicleSolu .item .box{display: flex; justify-content: space-between; align-items: center;} .VehicleSolu .item:nth-child(2n) .box{ flex-direction: row-reverse;} .VehicleSolu .left{width: 47%;} .VehicleSolu .right{ width: 47%; } } @media (max-width:1024px) { .VehicleSolu .info{ margin-bottom:.3rem;} .VehicleSolu .left{ margin-bottom: .3rem;} .VehicleSolu .tit{ font-size:var(--font-size26); margin-bottom:.2rem;} } /*PicList002525 */ .PicList002525{ padding: var(--padMar60) 0;} .PicList002525 ul{ overflow:hidden;} .PicList002525 li{ float:left; position:relative; text-align:center; padding:2% 0; margin-top:-1px;} .PicList002525 li a, .PicList002525 li::after{ position:absolute;width:100%; height:100%; left:0; top:0; } .PicList002525 li::after{ content:''; border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2;} .PicList002525 li .Ispic{ padding-bottom:75%; background-size:cover;} .PicList002525 li a{ border:3px solid var(--color); opacity:0; z-index:5; transition:0.3s;} .PicList002525 li a:hover{ opacity:1;} .PicList002525 li p{ margin:0; color:#333; padding:10px 3% 0 3%;} .PicList002525 li span{ color:#999; padding-bottom:5px;} @keyframes PicList002525_more{ 0%{ transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @-webkit-keyframes PicList002525_more{ 0%{ transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @media(min-width:769px){ .PicList002525 li{width:25%;} .PicList002525 li:nth-child(4n)::after{ border-right:0;} } @media(max-width:768px){ .PicList002525 li{width:50%;} .PicList002525 li:nth-child(2n)::after{ border-right:0;} } /*Page002623 */ .Page002623{padding:1vw 0 0 0; text-align: center;font-size: 18px;position: relative;z-index: 10} .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page){display: none;} .Page002623 .Pages em{float: left;margin: 0 2vw; font-style: normal;} .Page002623 .Pages .p_page{display: table; margin: 0 auto;} .Page002623 .Pages a{float: left;margin: 0 .3vw;background: #f5f5f5; border-radius: 50%;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color: var(--color);border-radius: 50%; border: 1px solid var(--color); background: #fff;} .Page002623 .Pages .p_page > a{font-size: 0;position: relative;} .Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;} .Page002623 .Pages .p_page > a.a_prev:before{border-right-color: #000;border-right-width: 8px;} .Page002623 .Pages .p_page > a.a_next:before{border-left-color: #000;border-left-width: 8px; margin-left: -4px;} .Page002623 .Pages a.a_prev:hover:before{border-right-color: var(--color);} .Page002623 .Pages a.a_next:hover:before{border-left-color: var(--color);} @media(max-width:640px){ .Page002623{padding: 6vw 0 8vw 0;} .Page002623 .Pages em{display: none;} .Page002623 .Pages a{background-color: #eee;} } .framework{padding: var(--padMar60) 0;} .framework img{display: block; margin: 0 auto;} /*Floor003083 */ .Floor003083{margin-top:var(--padMar60);font-size: 16px;padding-bottom:var(--padMar60);} .Floor003083 .auto{position: relative; z-index: 2;} .Floor003083 .title{line-height: 1;font-family: 'SourceHanSansCN-Medium';font-size: 36px;color: #333;} .Floor003083 .slick-dots{text-align: center;} .Floor003083 .slick-dots li{display: inline-block;width: 8px; height: 8px; margin: 10px 0;position: relative;list-style: none; margin: 0 9px;} .Floor003083 .slick-dots li button{font-size: 0; width: 4px; height: 4px; background: rgba(0,0,0,0.2);border: 0;padding: 0; position: absolute; border-radius: 50%;} .Floor003083 .slick-dots li:not(.slick-active) button{left: 50%; top: 50%; margin: -2px 0 0 -2px;} .Floor003083 .slick-dots li.slick-active button{width: 100%; height: 100%; left: 0; top: 0;background: #0f55b0;} .Floor003083 .slider{margin: 0 -45px 0 -40px; padding-right: 5px;} .Floor003083 .slick-slide{overflow: hidden;padding: 40px; box-sizing:border-box;} .Floor003083 .slick-slide > div{float: left;height:140px; margin-left: -1px;border: 1px solid #f5f5f5;margin-top: -1px;} .Floor003083 .slick-slide a{position: relative; z-index: 3; display: block;padding: 0 10%;} .Floor003083 .slick-slide .Ispic{height:140px;background-size: contain;} .Floor003083 .slick-slide .url{position: relative;} .Floor003083 .slick-slide .url:before{position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; content: '';background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); opacity: 0;transition: 0.3s;} .Floor003083 .slick-slide .url:hover:before{opacity: 1;} .Floor003083 .slick-slide .url:hover{z-index: 4;} .Floor003083 .btn{padding-top:0;text-align: center;} .Floor003083 .btn .slick-arrow{width: 0.55rem; height: 0.55rem; border-radius: 50%; border: 1px solid #c4c4c4; margin: 0 10px;position: relative;background-position: center center;background-repeat: no-repeat;background-size: auto 0.18rem;} .Floor003083 .btn .slick-prev{background-image: url(../images/arrow-color.svg);transform:rotateY(180deg);} .Floor003083 .btn .slick-next{background-image: url(../images/arrow-color.svg);} .Floor003083 .btn .slick-arrow:hover{border-color:var(--color);} .Floor003083 .btn .slick-prev:hover{background-image: url(../images/arrow-white.svg);} .Floor003083 .btn .slick-next:hover{background-image: url(../images/arrow-white.svg);} @media(min-width:1025px){ .Floor003083 .slick-slide > div{width: 25%;} .Floor003083 .slick-slide > div:nth-child(4n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(min-width:751px) and (max-width:1024px){ .Floor003083 .slick-slide > div{width: 25%;} .Floor003083 .slick-slide > div:nth-child(4n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(min-width:641px) and (max-width:750px){ .Floor003083 .slick-slide > div{width: 33.333%;} .Floor003083 .slick-slide > div:nth-child(3n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(max-width:640px){ .Floor003083{font-size: 3vw;} .Floor003083 .title{font-size: 5vw} .Floor003083 .slider{margin:0; padding:0;} .Floor003083 .slick-slide{ padding:.2rem;} .Floor003083 .slick-slide > div{width: 50%;} .Floor003083 .slick-slide > div:nth-child(2n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } .Floor003083 .slick-slide .Ispic{height: 28vw;} } /*Floor003228 */ .Floor003228{font-family: 'Barlow';padding:var(--padMar60) 0;overflow: hidden;--hover-color:#2fc774;} .Floor003228 .swiper-wrapper{height: auto;} .Floor003228 .swiper{margin:0.48rem -0.2rem 0} .Floor003228 .swiper-slide{padding-top:0.31rem} .Floor003228 .swiper-slide a{margin:0 0.2rem;border-radius:var(--radius);background-color:#f4f6fa;padding:0 0.3rem 0.36rem;display:block;color:#333} .Floor003228 .swiper-slide a:hover .tit{color:var(--hover-color)} .Floor003228 .swiper-slide a:hover .pic img{transform:scale(1.15)} .Floor003228 .swiper-slide .pic{position:relative;top:-0.31rem;border-radius:var(--radius);overflow:hidden} .Floor003228 .swiper-slide .pic img{transition:0.3s} .Floor003228 .swiper-slide .tit{font-size:var(--font-size28);font-weight:600;line-height:1.28571429;margin-top:-0.1rem} .Floor003228 .swiper-slide .tit img{display: block; margin: 0 auto;} .Floor003228 .swiper-slide .tit p{margin:0} .Floor003228 .swiper-slide .ind-desc{margin:0.15rem 0 0.3rem 0} .Floor003228 .swiper-slide .line{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:0.26rem} .Floor003228 .swiper-slide .line::before, .Floor003228 .swiper-slide .line::after{display:block;content:''} .Floor003228 .swiper-slide .line::before{flex-shrink:0;width:0.07rem;height:0.07rem;border-radius:var(--radius);background-color:var(--hover-color)} .Floor003228 .swiper-slide .line:after{flex:1;height:1px;background-color:rgba(0,32,91,0.08)} .Floor003228 .pages:not(.swiper-pagination-lock){display: flex;justify-content: center; padding-top: 0.3rem;} .Floor003228 .pages span{width: 0.1rem; height: 0.1rem;margin: 0 .05rem;} .Floor003228 .pages span.swiper-pagination-bullet-active{background-color:var(--color);} @media (max-width:640px) { .Floor003228 .swiper{margin-top: 0;} } .Floor003228 .index-sub-tit span{display:inline-block;font-size:0.24rem;background:url(../images/Floor003228-mask.png) no-repeat right top;padding-top:0.09rem;padding-right:0.11rem;background-size:auto 1em;color:var(--hover-color);line-height:0.66666667} .Floor003228 .index-title{color:#00205b;font-weight:600;font-size:var(--font-size52);line-height:1.07692308;padding:0.1rem 0 0.4rem 0} @media (max-width:640px) { .Floor003228 .index-title{font-size: var(--font-size36);} } .Floor003228 .index-more a{display:inline-flex;align-items:center;background-color:#fff;border-radius:3em;border:solid 1px var(--hover-color);line-height:4.4375;padding-left:2em;padding-right:0.04rem;position:relative;font-size: var(--font-size16);} .Floor003228 .index-more a span{position:relative;display:block;z-index:2} .Floor003228 .index-more a:after, .Floor003228 .index-more a::before{width:0.63rem;height:0.63rem} .Floor003228 .index-more a:after{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/Floor003228-more.svg);background-size:auto 0.2rem;margin-left:0.7rem;position:relative;z-index:2} .Floor003228 .index-more a::before{position:absolute;content:'';right:0.04rem;border-radius:0.63rem;top:0.04rem;background-color:var(--hover-color);z-index:1;transition:width 0.3s} .Floor003228 .index-more a:hover{color:#fff} .Floor003228 .index-more a:hover:before{width:calc(100% - 0.08rem)} .Exhlist{padding: var(--padMar100) 0;} .Exhlist ul{ display: flex; flex-wrap: wrap;} .Exhlist li{float: left; margin-bottom:0.32rem;border-radius: 0.2rem;overflow: hidden;background-color: #f6f8fa;} .Exhlist li .pic{overflow: hidden;} .Exhlist li .imgbox{padding-bottom: 62.223%;transition: 0.3s;} .Exhlist li .txt{padding: 0.28rem;} .Exhlist li .tit{ font-size:var(--font-size22);color:var(--black);line-height: 1.5; height: 3em; margin-bottom: 0.12rem;} .Exhlist li .desc{font-size:var(--font-size16);line-height:1.8;color:var(--grey2); margin-bottom: 0.16rem;} .Exhlist li time{color: var(--grey3); font-weight: lighter; display: block;background: url(../images/more2.svg) no-repeat right center; background-size: 0.12rem auto;} .Exhlist li:hover .imgbox img{transform: scale(1.1);} .Exhlist li:hover{background-color: #ffffff;box-shadow: 0rem 0.03rem 0.5rem 0rem rgba(225, 228, 231, 0.6);} .Exhlist li:hover .tit{color: var(--hover-color);} .Exhlist li a:hover time{background-image: url(../images/more.svg);} @media (min-width:1025px) { .Exhlist li{width: 32%;} .Exhlist li:not(:nth-child(3n)){margin-right: 2%;} } @media (max-width:1024px) { .Exhlist li{width: 48%;} .Exhlist li:not(:nth-child(2n)){margin-right: 4%;} .Exhlist li:nth-child(2n+1){clear: left;} .Exhlist li .txt{padding: 1em;} } @media (max-width: 640px){ .Exhlist li{width: 100%;margin-right: 0% !important;} .Exhlist li .con .txt{margin-top: .2rem;width: 100%;padding-left: 0;} } /*PicList002149 */ .PicList002149{ padding:var(--padMar80) 0;} .PicList002149 .auto{ max-width:1300px;} .PicList002149 h3{ margin:0; font-size:var(--font-size20);} .PicList002149 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;} .PicList002149 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;border-radius: var(--radius);} .PicList002149 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;border-radius: var(--radius);} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol div{ padding:5% 10% 3% 5%;} .PicList002149 ol h3 a{ color:var(--color);} .PicList002149 ol time{ display:block; padding:3% 0;} .PicList002149 ol p{ margin:0 0 3% 0; height:78px;} .PicList002149 ol span{ display:inline-block; width:15%; line-height:40px; text-align:center; color:var(--color); background:none; font-size:var(--font-size16); border-radius: var(--radius); border: 1px solid var(--color);} .PicList002149 li{ border-radius: var(--radius);overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;} .PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;} .PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;} .PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:var(--font-size18);} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} .PicList002149 ol span{ width:auto; padding:0 1em;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li:after{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} } .RighInfo002973 {padding:var(--padMar80) 0; background:#f5f5f5;} .RighInfo002973 .news-details {padding:.5rem .8rem; background: #fff; border-radius: .15rem;} .RighInfo002973 .news-details .title {border-bottom: 1px solid #e8f1f7;padding-bottom: .3rem;text-align: center;padding-right: 0; margin-bottom: .3rem;} .RighInfo002973 .news-details .title h1 {font-size:var(--font-size28);margin: 0 0 .2rem 0; color: #333;line-height: 1.5;} .RighInfo002973 .news-details .title aside span {display: inline-block;vertical-align: middle;margin:0;line-height:1.2;font-size:.16rem;color: #999; background: url(../images/icon-time.svg) no-repeat left center; background-size: .2rem; padding-left: .3rem;} .RighInfo002973 .news-details .title .bshare-custom {display: inline-block;} .RighInfo002973 .bshare-custom a {background-position: center center;margin: 0 0 0 .15rem;} .RighInfo002973 .news-details .edit-info {line-height:1.8;color: #333;border-bottom: 1px solid #e8f1f7;padding: 0 0 .5rem 0;margin-bottom:.5rem;font-size: .16rem; } .RighInfo002973 .news-details .edit-info p{margin: 0 0 .1rem 0;text-indent: 2em;} .RighInfo002973 .news-details .edit-info img{margin: .2rem auto;} .RighInfo002973 .news-details .edit-info aside{font-size: var(--font-size14); color: #666;} .RighInfo002973 .news-details .edit-info .text {background: #f1f6ff;padding:.25rem .3rem;color:#333;border-radius:.1rem;} .RighInfo002973 .news-details .edit-info .img {margin:.2rem 0;} .RighInfo002973 .news-details .edit-info .img img {margin: 0 auto;display: flex;border-radius:.2rem;justify-content: center;} .RighInfo002973 .pn-page aside {padding:.1rem 0;} .RighInfo002973 .pn-page aside a {color: #666;font-size:.16rem;} .RighInfo002973 .pn-page aside a b {color:#333;} .RighInfo002973 .pn-page aside a:hover {color: var(--hover-color);} .RighInfo002973 .operating {overflow: hidden;line-height: 24px;} .RighInfo002973 .operating a:not(:last-child) {margin-right:.45rem;} @media(min-width:1025px) { .RighInfo002973 .pn-page {min-height: 24px;position: relative;padding-right:2.3rem;} .RighInfo002973 .pn-page .operating {position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .RighInfo002973 .operating a {float: left;color:var(--color);font-size:var(--font-size18); background: url(../images/return_color.svg) no-repeat right 20% center ; width:2rem; text-align: center; padding:.15rem .6rem .15rem .4rem; border-radius: 0.6rem; background-size: .2rem; border: 1px solid var(--color);} } @media(max-width:1024px) { .RighInfo002973 .operating {text-align: right;padding-bottom:.2rem;} .RighInfo002973 .operating a {display: inline-block;} } @media(max-width:640px) { .RighInfo002973 .news-details{ padding:.3rem;} .RighInfo002973 .news-details .title h1 {font-size: 6vw;} .RighInfo002973 {font-size: var(--font-size14);} } .ContactUs{padding: var(--padMar100) 0;} .ContactUs .item{width: 32%;background:#f8f8f8;color:#333333;margin-right:2%;margin-bottom:2%;float: left; list-style: none;transition: all ease 0.3s;display: block;} .ContactUs .item:nth-child(3n){margin-right: 0;} .ContactUs .item:hover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);box-shadow: 0 15px 38px rgba(0,0,0,0.18); -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);} .ContactUs .item:nth-child(3n+1){clear: both;} .ContactUs .tithead{line-height: 0.6rem;font-size: 0.2rem;color:var(--black);padding: 0 0.28rem;border-radius: var(--radius) var(--radius) 0 0; border-bottom: 1px solid #e6e3e3;} .ContactUs .info{padding: 0.2rem 0.3rem 0.2rem 0.3rem;line-height: 0.34rem;font-size: 0.18rem;} .ContactUs .info p{line-height: 0.35rem;font-size: .15rem; color: var(--black);} .ContactUs dl{border-bottom: 1px solid #e5e5e5;padding-bottom: 0.26rem;margin-bottom: 0.26rem;} .ContactUs dl:last-child{border-bottom: 0px;padding-bottom: 0;margin-bottom: 0;} .ContactUs .ti{font-size: 0.2rem;margin-bottom: 0.1rem;font-weight: bold;} @media(max-width:1024px){ .ContactUs .item{width: auto;float: none;} } @media(max-width:767px){ .ContactUs .tithead,.ContactUs .ti{line-height: 38px;font-size: 16px;} .ContactUs .info{font-size: 15px;line-height: 24px;} } /* 合作客户 */ .HomePartner{background-image: linear-gradient(to bottom,#f7fafd,#f2f7fb);position: relative;overflow: hidden;padding: var(--padMar60) 0;} .HomePartner #particles-js{position: absolute;width:100%;height:auto;position: absolute;top:0;left:0;} .HomePartner .HomeTit{position: relative;z-index:9;} .HomePartner .HomePartnerBox{margin-top:0.9rem;} .HomePartner .HomePartnerBox ul li{width:14.28%;float:left;height:2.1rem;padding-bottom:0.27rem;display: flex;align-items: center;justify-content: center;position: relative;z-index:99;margin-top:-0.5rem;position: relative;} .HomePartner .HomePartnerBox ul li::before{content:'';background: url(../images/lobg.png) no-repeat center center;background-size: 100%;width:100%;height:100%;position: absolute;top:0;left:0;transform: scale(1.05);} .HomePartner .HomePartnerBox ul::after{content:'';display: block;clear: both;} .HomePartner .HomePartnerBox ul li:nth-child(14n+8){margin-left:7%;} .HomePartner .HomePartnerBox ul li a{position: relative;z-index:9;text-align: center;} .HomePartner .HomePartnerBox ul li img{max-width:90%;max-height:80%;transition: all .3s;} .HomePartner .HomePartnerBox ul li:hover img{transform: scale(1.05);} @media(max-width:1024px){ .HomePartner .HomePartnerBox{margin-top:80px;} } @media(max-width:640px){ .HomePartner .HomePartnerBox{margin-top:30px;} .HomePartner .HomePartnerBox ul li{width: 20%;height:110px;margin-top:-40px; padding-bottom:10px;} .HomePartner .HomePartnerBox ul li::before{ background-size:contain;} .HomePartner .HomePartnerBox ul li:nth-child(14n+8){margin-left:0;} .HomePartner .HomePartnerBox ul li:nth-child(9n+6){margin-left:10%;} } .HomePartner .HomePartnerBox2{margin-top:0;} .HomePartner .HomePartnerBox2 .slick-track{padding-top:0.9rem;} .HomePartner .HomePartnerBox2 .slick-slide div{width:14.28%;float:left;height:2.1rem;padding-bottom:0.27rem;display: flex;align-items: center;justify-content: center; text-align: center; position: relative;z-index:99;margin-top:-0.5rem;position: relative;} .HomePartner .HomePartnerBox2 .slick-slide div aside{} .HomePartner .HomePartnerBox2 .slick-slide div::before{content:'';background: url(../images/lobg.png) no-repeat center center;background-size: 100%;width:100%;height:100%;position: absolute;top:0;left:0;transform: scale(1.05);} .HomePartner .HomePartnerBox2 .slick-slide::after{content:'';display: block;clear: both;} .HomePartner .HomePartnerBox2 .slick-slide div:nth-child(14n+8){margin-left:7%;} .HomePartner .HomePartnerBox2 .slick-slide div a{position: relative;z-index:9;text-align: center;} .HomePartner .HomePartnerBox2 .slick-slide div img{max-width:90%;max-height:80%;transition: all .3s;} .HomePartner .HomePartnerBox2 .slick-slide div:hover img{transform: scale(1.05);} @media(max-width:1024px){ .HomePartner .HomePartnerBox2{margin-top:80px;} } @media(max-width:640px){ .HomePartner .HomePartnerBox2{margin-top:30px;} .HomePartner .HomePartnerBox2 .slick-slide div{width: 20%;height:110px;margin-top:-40px; padding-bottom:10px;} .HomePartner .HomePartnerBox2 .slick-slide div::before{ background-size:contain;} .HomePartner .HomePartnerBox2 .slick-slide div:nth-child(14n+8){margin-left:0;} .HomePartner .HomePartnerBox2 .slick-slide div:nth-child(9n+6){margin-left:10%;} } .HomePartner .HomePartnerBox2 .btn{padding-top:0.1rem;text-align: center;} .HomePartner .HomePartnerBox2 .btn .slick-arrow{width: 0.55rem; height: 0.55rem; border-radius: 50%; border: 1px solid #c4c4c4; margin: 0 10px;position: relative;background-position: center center;background-repeat: no-repeat;background-size: auto 0.18rem;} .HomePartner .HomePartnerBox2 .btn .slick-prev{background-image: url(../images/arrow-color.svg);transform:rotateY(180deg);} .HomePartner .HomePartnerBox2 .btn .slick-next{background-image: url(../images/arrow-color.svg);} .HomePartner .HomePartnerBox2 .btn .slick-arrow:hover{border-color:var(--color);} .HomePartner .HomePartnerBox2 .btn .slick-prev:hover{background-image: url(../images/arrow-white.svg);} .HomePartner .HomePartnerBox2 .btn .slick-next:hover{background-image: url(../images/arrow-white.svg);} /*RighInfo002738 */ .RighInfo002738{padding:var(--padMar100) 0;} .RighInfo002738 .flip-content img{width: 8rem;height: 4.5rem;object-fit: cover;} .RighInfo002738 .flip-content h3{ font-size:var(--font-size24);} .RighInfo002738 .flip-content pre{ font-size:var(--font-size18);} .RighInfo002738 .flipto-prev, .RighInfo002738 .flipto-next{ font-size:0; display: block;width: 0.55rem;height: 0.55rem;border-radius: 50%;border: solid 1px #c4c4c4;background-position: center center;background-repeat: no-repeat;background-size: auto 0.18rem;cursor:pointer;transition: 0.3s;background-color: var(--white);position:absolute;top:50%;} .RighInfo002738 .flipto-prev{left:0; background-image: url(../images/arrow-color.svg);transform:rotateY(180deg);} .RighInfo002738 .flipto-next{right:0; background-image: url(../images/arrow-color.svg);} .RighInfo002738 .flipto-prev:hover{background-image: url(../images/arrow-white.svg); border-color:var(--color);} .RighInfo002738 .flipto-next:hover{background-image: url(../images/arrow-white.svg); border-color:var(--color);} @media (max-width: 768px) { .RighInfo002738{position:relative} .RighInfo002738 .flipster{width:100%;display:flex;justify-content:center;position:relative} .RighInfo002738 .flipster .ul{margin:0 auto} .RighInfo002738 .flipster li{transform-origin:center center} .RighInfo002738 .flip-content h3{white-space:normal;word-wrap:break-word;word-break:normal} .RighInfo002738 .flipto-prev, .RighInfo002738 .flipto-next{position:absolute;top:50%;width:0.6rem;height:0.6rem;z-index:10} .RighInfo002738 .flipto-prev{left:0.2rem} .RighInfo002738 .flipto-next{transform:translate(0);left:87%} .RighInfo002738 .auto_1300{box-sizing:border-box} } /*.RighInfo002254 为demo编号*/ .RighInfo002254{padding: var(--padMar80) 0;} .RighInfo002254 .slider-big{ border:1px solid #dcdcdc;border-radius: var(--radius);} .RighInfo002254 .slider-big li figure{ background-size:contain; } .RighInfo002254 .slider-list{ position: relative;} .RighInfo002254 .slider-list li figure{ border:1px solid #f2f2f2;border-radius: var(--radius);} .RighInfo002254 .slider-list li.slick-current figure{border-color: var(--color); } .RighInfo002254 .slider-list .slick-arrow{position:absolute; width:100%; height:40px;cursor:pointer; background-position: center;background-repeat: no-repeat; background-size: auto 50%;} .RighInfo002254 .slider-list .slick-prev{background-image:url(../images/RighInfo002254-btn_prev.png);} .RighInfo002254 .slider-list .slick-next{background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .slider-list .slick-disabled{cursor:default;} .RighInfo002254 .right_info{ float:right; width:39.2%;} .RighInfo002254 .right_info h1{ padding:7% 0; color:var(--color); font-size:26px;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info .line{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info .desc{font-size:16px; font-weight:normal;line-height: 1.6;color: #333;} .RighInfo002254 .right_info .introd{color: #333;line-height: 1.6} .RighInfo002254 .right_info .introd ul{padding-left:15px} .RighInfo002254 .right_info a.btn{ margin-top:10%;display:inline-block; border:1px solid #ddd; padding:10px 5%; color:var(--color); transition:0.4s;} .RighInfo002254 .right_info a.btn:hover{ border-color:var(--color); } .RighInfo002254 .right_info .introd span { /* 取消强制单行，恢复浏览器默认的自动换行逻辑 */ white-space: normal !important; /* 兼容老旧浏览器写法，允许长英文单词在边界处断开换行 */ word-wrap: break-word; /* 现代标准写法，超长无空格字符串也能正常折行 */ overflow-wrap: break-word; /* 兜底规则，极端长文本场景下也不会撑破容器 */ word-break: break-word; } .RighInfo002254 .tab{ padding:3% 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;border-radius: var(--radius) var(--radius) 0 0;} .RighInfo002254 .tab .h1_tab span.on{ background-color:var(--color); } .RighInfo002254 .tab .info{ padding-top:3%;} .RighInfo002254 .tab .info p{line-height: 2;} .RighInfo002254 .tab .info img{margin-top: .3rem;} .RighInfo002254 .video{position: relative; z-index: 1;} .RighInfo002254 .open-video{position: absolute; left: 0; top: 0; width: 100%; z-index: 10; height: 100%;background: url("../images/play2.png") no-repeat center center; background-size: .6rem;} .RighInfo002254 .video video{background: #000;} @media(max-width:1024px){ .RighInfo002254 .open-video{background-size: auto 30%;} } @media (min-width:641px) { /* 核心修改：给list_img添加sticky固定 + 关键属性 */ .RighInfo002254 .list_img{ float:left; width:55.6%; position: sticky; /* 粘性固定 */ top: 120px; /* 距离顶部20px固定，可根据导航高度调整 */ align-self: flex-start; /* 防止被拉伸，保证固定生效 */ height: fit-content; /* 自适应高度，不占满屏幕 */ z-index: 10; /* 防止被右侧内容遮挡 */ } .RighInfo002254 .slider-big{position:absolute; left:0; top:0; height:100%; width:80%; } .RighInfo002254 .slider-big *{height: 100%;} .RighInfo002254 .slider-list{padding:42px 0;margin-left: 82.9%;} .RighInfo002254 .slider-list .slick-arrow{ left: 0;} .RighInfo002254 .slider-list .slick-prev{top: 0;} .RighInfo002254 .slider-list .slick-next{bottom: 0;} .RighInfo002254 .slider-list li{ height:130px; position:relative;} .RighInfo002254 .slider-list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain;} .RighInfo002254 .slider-list li.slick-current figure{ border-width:2px;} /* 补充：外层容器清除浮动，保证sticky生效 */ .RighInfo002254 .auto_1300{ overflow: visible; /* 必须取消hidden，否则sticky失效 */ display: flow-root; /* 清除浮动，保证布局稳定 */ } } @media(max-width:640px){ .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} .RighInfo002254 .slider-big li .Ispic{padding-bottom: calc(476 / 536 * 100%);} .RighInfo002254 .slider-list li .Ispic{padding-bottom: calc((476 * 0.9) / 536 * 100%); width: 90%; margin: 0 auto;} .RighInfo002254 .slider-list{padding:0 30px; margin:5vw 0;} .RighInfo002254 .slider-list .slick-arrow{ top:50%; width:30px; height:40px; margin-top:-20px; background-size:contain;transform: rotate(-90deg);} .RighInfo002254 .slider-list .slick-prev{left: 0;} .RighInfo002254 .slider-list .slick-next{right: 0;} .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} /* 手机端取消固定，恢复正常布局 */ .RighInfo002254 .list_img{ position: static !important; top: auto !important; } } @media(max-width:480px){ .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%;} } .Joinlist{padding: var(--padMar80) 0; } .Joinlist .list {padding: 0 0.5rem;background: #f6f8fa;border-radius: var(--radius);} .Joinlist .list+.list {margin-top: 0.2rem;} .Joinlist .job-title {line-height: 1.8;padding: 0.25rem 0;cursor: pointer;position: relative;color: var(--black);} .Joinlist .job-title p {margin: 0 0 0.15rem;position: relative;line-height: 1.875;font-size: var(--font-size20);} .Joinlist .job-title span {color: #333;display: inline-block; } .Joinlist .job-title span+span{margin-left: 0.45rem;} .Joinlist .job-title span{color: #333;display: inline-block;padding-left: 0.24rem;background-repeat: no-repeat;background-position: left center; background-size: 0.18rem auto;} .Joinlist .job-title span.num{background-image: url(../images/icon-num.svg); background-size: 0.2rem auto;} .Joinlist .job-title span.ep{background-image: url(../images/icon-ep.svg);} .Joinlist .job-title span.wp{background-image: url(../images/icon-place.svg);} .Joinlist .job-title span.time{background-image: url(../images/icon-time.svg);} .Joinlist .job-title i {position: absolute;width: 0.28rem;height: 0.28rem;background:var(--color);border-radius: 50%;right: 0;top: 50%;margin-top: -0.14rem;} .Joinlist .job-title i::before, .Joinlist .job-title i::after {position: absolute;content: '';background: #fff;} .Joinlist .job-title i::before {left: 25%;width: 50%;height: 2px;top: 50%;margin-top: -1px;} .Joinlist .job-title i::after {left: 50%;margin-left: -1px;width: 2px;top: 25%;height: 50%;} .Joinlist .job-title.select i::after {display: none;} .Joinlist .job-title.select {color: var(--color);} .Joinlist .job-main {display: none;padding: 0.4rem 0 ;border-top: 1px dotted rgba(0, 0, 0, 0.15);} .Joinlist .job-main .job-info {line-height: 1.8; } .Joinlist .job-main .job-info p {margin: 0;} .Joinlist .job-main .job-info p+p {margin-top: 0.1rem;} .Joinlist .apply{width:1.8rem;line-height: 0.55rem;border-radius: 0.5rem;background:none;text-align: center; margin: 0.32rem 0; border: 1px solid var(--color);cursor:pointer;} .Joinlist .apply a{color: var(--color);display: inline-block;font-size: var(--font-size16);background: url(../images/apply.svg) no-repeat right center;padding-right:0.32rem;background-size: auto 0.24rem; cursor: pointer;} @media (max-width:1024px) { .Joinlist .job-title {line-height: 1.6;padding: 0.2rem 0px;} .Joinlist .job-title p {margin: 0px 0px 5px 0px;line-height: 1.6;} .Joinlist .job-title span:nth-of-type(1) {width: 100%;max-width: 100%;} .Joinlist .job-title span+span{margin-left:0; min-width:100%; line-height: 1.75;} .Joinlist .job-main .job-info p+p, .Joinlist .job-main .job-info p {margin-top: 0.1rem;} .Joinlist .list{padding: 0 0.25rem;} } .popUp-box{position: fixed;left: -100%;width: 100%; top: 0;height: 100%; background-color: rgba(0,0,0,0.6); overflow: auto; z-index: 2000;} .popUp-box.show{left: 0;} .popUp-box .ytable{height: 100%;} .popUp-box .main{position: relative; max-width: 13rem; background-color: #fff; width: 90%; margin: 0 auto;} .popUp-box .main .colse{position: absolute;width: 0.24rem; height: 0.24rem; right: 0.2rem;top: 0.2rem; background: url(../images/close.svg) no-repeat;background-size: contain;z-index: 10; cursor:pointer;} .popUp-box .main > div{width: 90%;margin: 0 auto;max-width: 12rem;} .popUp-box[data-type="form"] .main > div{max-width: 12rem;} .popUp-box .name{font-size: var(--font-size32);color: var(--black); padding:0.3rem 0;text-align: center;} .popUp-box[data-type="form"] .name{border-bottom: 1px solid var(--black); margin-bottom: 0.3rem;} .popUp-box .from{padding:0 0.4rem;} .popUp-box .from .text{width: 100%;height: 0.55rem; line-height: 0.55rem; padding:0 .1rem; font-size: var(--font-size16); border-radius: 0.05rem; border:solid 1px rgba(139,139,139,0.2);} .popUp-box .from textarea.text{height: auto; resize: none;} .popUp-box .from table{font-size: var(--font-size16);} .popUp-box .from table tr, .popUp-box .from table td{font-size: var(--font-size16);} .popUp-box .from td{color: #333333; } .popUp-box .from .f-name i{ color:red;} .popUp-box .from .btn{width: 10em;height: 0.55rem;background:none;border-radius: 0.5rem;color:var(--color); border: 0; cursor:pointer;font-size:var(--font-size16);padding: 0; border: 1px solid var(--color);} .popUp-box .from .btn-reset{background: #6e6e6e;} .popUp-box .from .btn + .btn{margin-left: 0.625em;} .popUp-box .load-info .type{background-color: #f0f0f0; padding: 0.625em 0;} .popUp-box .load-info .intro-tit, .popUp-box .load-info .edit-info{max-width: 1082px;margin: 0 auto; width: 95%;} .popUp-box .load-info .intro-tit{border-bottom: 1px solid #000000; font-size: 1.125em; line-height: 2; margin-top:2em; margin-bottom: 1em;color: #333;} .popUp-box .load-info .edit-info{font-size: 0.875em;line-height: 2.57142; color: #999;} .popUp-box .queueList{ margin:0; border:1px dashed #e6e6e6;} .popUp-box .placeholder{ padding-top:.25rem; font-size:var(--font-size18);} .popUp-box .webuploader-container{ margin-bottom:.1rem;} .popUp-box .placeholder .webuploader-pick{ margin-bottom:0; font-size:var(--font-size18);} .popUp-box .wu-example p{line-height:1.3;} @media (min-width:1025px) { .popUp-box .load-info .type{text-align: center;} .popUp-box .load-info .type dd{float: none;display: inline-block;padding: 0 48px; line-height: 2.5;} .popUp-box .from .f-name{text-align: right;} .popUp-box .from td{line-height: 3.125em;vertical-align: top;padding-bottom: 1.428571em;} .popUp-box .from .w1{width:6.7857em;} .popUp-box .from .w2{width:36.969%;} .popUp-box .from .w3{width:15.712%;} } @media (max-width:1024px) { .popUp-box .load-info .type{padding:1em;} .popUp-box .popUp-box .name{font-size: 1.5em;} .popUp-box .from td{display: block;} .popUp-box .from .f-name{padding:0.5em 0;} } .swiper-overlay .swiper-wrapper{ align-items: center;} .swiper-overlay .swiper-slide{display: flex;align-items:center;z-index: 1;transition: opacity 0.3s;} .swiper-overlay .swiper-slide:not(.swiper-slide-next):not(.swiper-slide-active):not(.swiper-slide-prev){opacity: 0;} .swiper-overlay .swiper-slide .pic{position: relative;z-index: 1;transition: 0.3s;} .swiper-overlay .swiper-slide-next, .swiper-overlay .swiper-slide-prev{z-index: 2;} .swiper-overlay .swiper-slide-prev .pic{ transform: scale(0.791) translateX(30%); transform-origin: right 50%; } .swiper-overlay .swiper-slide-active{z-index: 10;} .swiper-overlay .swiper-slide-active .pic{transform: scale(1); transform-origin: center center;} .swiper-overlay .swiper-slide-next .pic{ transform: scale(0.791) translateX(-30%);transform-origin: left 50%;} .swiper-overlay .swiper-slide .pic img{position: relative;z-index: 4;} .swiper-overlay .swiper-slide .pic::before{position: absolute;z-index: 10;left: 0;top: 0;content: '';width: 100%;height: 100%;background: url(../images/Floor003240-kuang-v.png) no-repeat center center; background-size: 100% 100%;height: 100%;} .swiper-overlay .swiper-slide .pic:after{position: absolute; content: '';width: 3.55rem;height: 1.44rem; bottom: -0.05rem;background: url(../images/Floor003240-kuang-shadow.png) no-repeat center center; background-size: contain; left: -1.32rem;z-index: 0;} .swiper-overlay p{position: absolute; top: 40%;width: 50%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;color: #c00;} .Teambox{padding: .6rem 0;background: #f5f5f5;} .Teambox .list{display: flex;flex-wrap: wrap;justify-content: space-between;} .Teambox .list .item{background: #fff;margin-bottom: 2%; border-radius: var(--radius); overflow: hidden; border: 1px solid #eee; padding: .4rem .5rem; cursor: pointer;} .Teambox .list .item .pic{overflow: hidden;} .Teambox .list .item .pic{width:2.1rem;height:2.1rem;border-radius: 50%;border:1px solid rgb(38,185,215, 0.3);padding:0.1rem;margin:0 auto ; margin-bottom: 0.25rem;} .Teambox .list .item .pic .imgbox{width:100%;height:100%;border-radius: 50%; background-color: #f2f2f2;overflow: hidden; position: relative;} .Teambox .list .item .pic span{background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;} .Teambox .list .item .pic span img{width: 100%;height: 100%;object-fit: cover;transition: all ease 0.3s;} .Teambox .list .item .txt{ text-align: center;} .Teambox .list .item .txt .title .tit{color:#111;font-size: var(--font-size26);margin-bottom: 0.12rem;} .Teambox .list .item .txt .title .tit2{display: inline-flex;align-items: center} .Teambox .list .item .txt .title .tit2 span{position: relative; color:#333;} .Teambox .list .item .txt .title .tit2 span:not(:last-child){margin-right: .1rem;padding-right: .1rem} .Teambox .list .item .txt .title .tit2 span:not(:last-child)::after{content: '';position: absolute;width: 1px;height: .12rem;background: #ebebeb;right: 0;top: 50%;transform: translateY(-50%);} .Teambox .list .item .txt .desc{padding-top: .2rem;line-height: 1.75;color: #666;border-top: 1px solid #eee; margin-top: .2rem;} .Teambox .list .item:hover{border-color:var(--color);} .Teambox .list .item:hover .pic .imgbox img{transform: scale(1.1);} @media (min-width:1025px) { .Teambox .list .item{width:31.33%;} .Teambox .list .item:not(:nth-child(3n)){margin-right:3%;} } @media (max-width:1024px) { .Teambox .list .item{width: 48%;} .Teambox .list .item:not(:nth-child(2n)){margin-right: 4%;margin-bottom:2%;} .Teambox .list .item:nth-child(2n+1){clear: left;} } @media (max-width: 640px){ .Teambox .list .item{width: 100%;margin-right: 0% !important;} } .Floor003155{padding:var(--padMar60) 0;} .Floor003155 .flex{display: flex;} .Floor003155 li{margin-bottom:.3rem;} .Floor003155 .icon{height: .45rem; display: none;} .Floor003155 .t1{font-size: var(--font-size20); color:var(--color); margin:0 0 .1rem;} .Floor003155 .t1:before {display: inline-block;content: '';height: .1rem;width: .1rem;background:#fff;margin-right:.15rem;vertical-align: middle; border-radius: 50%; border: 3px solid var(--color); margin-top: -5px;} .Floor003155 .t2{color:#333;line-height:1.6;font-size: var(--font-size16); padding-left: .25rem;} @media (min-width:1025px) { .Floor003155 .ul{width: 70%;} .Floor003155 li{width:100%; margin-right:3%;} } @media (max-width:1024px) { .Floor003155 .ul{width: 70%;} .Floor003155 li{width:100%; margin-right:3%;} } @media (max-width:640px) { .Floor003155 .flex{flex-wrap: wrap;} .Floor003155 .ul{width:100%; flex-wrap: wrap;} } .Floor003158{padding:var(--padMar60) 0; position: relative; z-index: 1;} .Floor003158 .flex{margin-bottom:0; flex-wrap: wrap;} .Floor003158 .index-sub-tit{ line-height: 1.25;} .Floor003158 .txt{margin-bottom: .5rem;} .Floor003158 .txt p{line-height:2; color:#333; font-size: var(--font-size18); } .Floor003158 li{padding:.3rem; background: var(--white); text-align: center; box-shadow: 0px .1rem .2rem rgba(0, 0, 0, 0.05);} .Floor003158 .icon{display: block; max-width: .4rem; margin: 0 auto;} .Floor003158 .tit{font-size: .26rem; color: var(--color); padding: .15rem 0 .1rem 0;} .Floor003158 .t1{color:#333; line-height: 1.5; font-size:.18rem;} .Floor003158 .pic{z-index: 1;position: relative;} @media (min-width:1025px) { .Floor003158 .flex{display: flex;justify-content: space-between; align-items: flex-start;} .Floor003158 .txt{width:70%; z-index: 2;} .Floor003158 .ul{display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; z-index: 2; margin-top: -.8rem;} .Floor003158 .ul li{margin-right:.3rem; min-width:4rem} } .Governancebox{padding:var(--padMar60) 0;} .Governancebox .table thead{background:#eee} .Governancebox .table thead tr{height:86px;width:100%} .Governancebox .table thead td{padding:.1rem;text-align:center;color:#fff;font-size:.18rem;background:#31add0;width:14.2%} .Governancebox .table thead td:not(:last-child){border-right:1px solid #ddd} .Governancebox .table tbody tr:nth-child(2n){background:#f9f9f9} .Governancebox .table tbody td{color:#333;text-align:center;vertical-align:middle;font-size:.18rem;line-height:1.4;padding: .2rem 0;} .Governancebox .table tbody td:not(:last-child){border-right:1px solid #ddd} .Governancebox .table tbody td .member{color: var(--color); line-height: 1;} .Governancebox .table tbody td p i{min-width: .2rem;min-height:.2rem;display: inline-block;margin-right: .06rem;background-size: .2rem;} .Governancebox .table tbody td .member i{background: url(../images/Governancebox-color.png) no-repeat center;} .Governancebox .table tbody td .chairman i{background: url(../images/Governancebox-black.png) no-repeat center;} .Governancebox2{padding: .6rem 0 0;background: #f9f9f9;} .Governancebox2 .list{display: flex;flex-wrap: wrap;justify-content: center;} .Governancebox2 .list .item{margin-bottom: 5%;overflow: hidden;cursor: pointer;} .Governancebox2 .list .item .pic{overflow: hidden;} .Governancebox2 .list .item .pic{width:2.2rem;height:2.2rem;border-radius: 50%;border:1px solid rgb(38,185,215, 0.2);padding:0.1rem;margin:0 auto ; margin-bottom:.2rem;} .Governancebox2 .list .item .pic .imgbox{width:100%;height:100%;border-radius: 50%;overflow: hidden; position: relative;} .Governancebox2 .list .item .pic span{background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;} .Governancebox2 .list .item .pic span img{width: 100%;height: 100%;object-fit: cover;transition: all ease 0.3s;} .Governancebox2 .list .item .txt{ text-align: center;} .Governancebox2 .list .item .txt .title .tit{color:#111;font-size: var(--font-size26);margin-bottom: 0.12rem;} .Governancebox2 .list .item .txt .title .tit2{display: inline-flex;align-items: center} .Governancebox2 .list .item .txt .title .tit2 span{position: relative; color:#333;} .Governancebox2 .list .item .txt .title .tit2 span:not(:last-child){margin-right: .1rem;padding-right: .1rem} .Governancebox2 .list .item .txt .title .tit2 span:not(:last-child)::after{content: '';position: absolute;width: 1px;height: .12rem;background: #ebebeb;right: 0;top: 50%;transform: translateY(-50%);} .Governancebox2 .list .item .txt .desc{padding-top: .2rem;line-height: 1.75;color: #666;border-top: 1px solid #eee; margin-top: .2rem;} .Governancebox2 .list .item:last-child{ margin-right:0 !important;} .Governancebox2 .list .item:hover{border-color:var(--color);} .Governancebox2 .list .item:hover .pic .imgbox img{transform: scale(1.1);} @media (min-width:1025px) { .Governancebox2 .list .item{width:30.7%;} .Governancebox2 .list .item:not(:nth-child(4n)){margin-right:3%;} } @media (max-width:1024px) { .Governancebox2 .list .item{width: 48%;} .Governancebox2 .list .item:not(:nth-child(2n)){margin-right: 4%;margin-bottom:2%;} .Governancebox2 .list .item:nth-child(2n+1){clear: left;} } @media (max-width: 640px){ .Governancebox2 .list .item{width: 48%;} .Governancebox2 .list .item:not(:nth-child(2n)){margin-right: 4%;margin-bottom:2%;} .Governancebox2 .list .item:nth-child(2n+1){clear: left;} .Governancebox2 .list .item .pic{ width:2rem; height:2rem;} .Governancebox .roll-box{ overflow:auto;} .Governancebox .roll-box .table{ width:12rem;} } .Governancebox3{padding:var(--padMar60) 0;} .Governancebox3 .ten_row ul li:not(:last-child){border-bottom: 1px solid #ebebeb} .Governancebox3 .ten_row ul li a{display: flex;justify-content: space-between;align-items: center;margin: .24rem 0} .Governancebox3 .ten_row ul li a .li-tit{width: calc(100% - .72rem);} .Governancebox3 .ten_row ul li a .li-tit p{margin: 0 0 .12rem;color: #333;font-size:var(--font-size18);} .Governancebox3 .ten_row ul li a .li-tit span{color: var(--color);} .Governancebox3 .ten_row ul li a .btn{width: .48rem;height: .48rem;border-radius: 50%;background: url(../images/icon-down.svg)no-repeat center;background-size: .2rem auto;border: 1px solid #ccc} .Governancebox3 .ten_row ul li:hover a p{color: var(--color)} .Governancebox3 .ten_row ul li:hover a .btn{background: url(../images/icon-down-w.svg)no-repeat center var(--color);background-size: .2rem auto;border: 1px solid var(--color)} @media(min-width:1025px){ .Governancebox3 .ten_row{display: flex;justify-content: space-between;flex-wrap: wrap;} .Governancebox3 .ten_row ul{width: 50%;padding: .2rem 0} .Governancebox3 .ten_row ul:nth-of-type(odd) {padding-right: .48rem;border-right: 1px solid #ddd;} .Governancebox3 .ten_row ul:nth-of-type(even) {padding-left: .48rem;} } .PicList002323{ padding:.6rem 0;} .PicList002323 .list{ overflow: hidden;} .PicList002323 ul li{ float: left; width:22%;text-align: center; margin-bottom: 4%;} .PicList002323 ul li:not(:nth-child(4n)){margin-right:4%;} .PicList002323 ul li h3{color:#333;margin:.15rem 0 0 0; font-weight: normal; font-size:var(--font-size20);text-align: center;display: flex;align-items: center;justify-content: center;} .PicList002323 ul li h3 i{background: url(../images/download.svg) no-repeat center; background-size: .3rem; min-width: .3rem; min-height: .3rem; display: inline-block; margin-left: .08rem;} .PicList002323 ul li .pic{overflow:hidden; position: relative; padding-bottom:140%;} .PicList002323 ul li .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:0.3s} .PicList002323 ul li a:hover img{transform: scale(1.08); transition:0.3s;} .PicList002323 ul li a:hover h3{ color:var(--color);} .PicList002323 ul li:hover h3 i{background: url(../images/download-color.svg) no-repeat center; background-size: .3rem; min-width: .3rem; min-height: .3rem; display: inline-block;margin-left: .08rem;} @media(max-width:640px){ .PicList002323 ul li{width:48%;} .PicList002323 ul li:not(:nth-child(4n)){ margin-right:0;} .PicList002323 ul li:not(:nth-child(2n)){ margin-right:4%;} } .Investorbox{padding:.6rem 0 .15rem 0;} .Investorbox .item{margin-bottom:4%;box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.08);} .Investorbox .item .txt .inner{padding-left:10%;} .Investorbox .txt p{line-height:1.4; color: #333; padding-bottom: .15rem;} .Investorbox .tit{font-size:.26rem; line-height: 1em; color: #111;} .Investorbox .item:hover .tit{color: var(--color);} .Investorbox .tit:after{display: block; margin:.2rem 0 .3rem 0; content: '';background: var(--color); width:.3rem; height:3px;} @media(min-width:1025px){ .Investorbox .pic{ width:48%;} } @media(min-width:641px) and (max-width:1024px){ .Investorbox .pic{width:50%;} .Investorbox .tit{font-size: 3vw;} } @media(max-width:640px){ .Investorbox .ytable, .Investorbox .ytable-cell{display: block;} .Investorbox .txt .inner{padding: 5vw;font-size: 3.5vw;} .Investorbox .tit{font-size: 5vw;} .Investorbox .item .txt .inner{ padding:5%;} } .Floor002398{padding: .6rem 0;} .Floor002398 .flex{display: flex;justify-content: space-between;align-items: center;} .Floor002398 .tabs{position: relative; width: 60%;} .Floor002398 .tabs dl a{ float: left; display: block; min-width:1.4rem; height:.5rem;line-height:.5rem; text-align: center; font-size:.18rem; color: #333; margin-right: 2px; cursor: pointer; background: #f5f5f5;} .Floor002398 .tabs dl a.on{font-size:.18rem; color: var(--color); border:1px solid var(--color); background: #fff;} @media only screen and (max-width:900px ) { .Floor002398 .tabs{ padding-right: 0;} .Floor002398 .tabs dl a{ margin-bottom: 2px;} } .Floor002398 .form{position: relative;padding-right:.8rem; overflow: hidden; width:4rem;} .Floor002398 .form .btn{position: absolute;right: 0; top: 0; width:.8rem; height: .5rem; color: #fff;background:var(--color); font-size:.16rem; border: 0; cursor: pointer;} .Floor002398 .form .text{width: 100%;line-height:.5rem; height:.5rem;background: #f5f5f5; border: 0;padding: 0 1vw;} .Floor002398 .list{ overflow: hidden;margin: .4rem 0;} .Floor002398 .list li{ float: left; width:100%; margin-right:6%;} .Floor002398 .list li:nth-child(2n){margin-right: 0;} .Floor002398 .list .li-inner{ border-bottom: 1px solid #ebebeb; display: flex;justify-content: space-between;align-items: center; padding: .25rem 0;} .Floor002398 .list .pic{ overflow: hidden;} .Floor002398 .list .pic img{ visibility: hidden;} .Floor002398 .list .pic a{ display: block; background-position: center; background-repeat: no-repeat; background-size: cover; transition: transform .5s ease-in-out;} .Floor002398 .list .pic a:hover{ transform: scale(1.1);} .Floor002398 .list .word{ padding: 0; width: calc(100% - .8rem);} .Floor002398 .list .word h3{ font-size: .2rem; color: #333; margin: 0; font-weight: normal; padding-top: .12rem;} .Floor002398 .list li:hover .word h3{ color:var(--color);} .Floor002398 .list .word time{ font-size:.16rem; color: var(--color);} .Floor002398 .list .btn{width: .48rem;height: .48rem;border-radius: 50%;background: url(../images/icon-down.svg)no-repeat center;background-size: .2rem auto;border: 1px solid #ccc} .Floor002398 .list li:hover .btn{background: url(../images/icon-down-w.svg)no-repeat center ;background-size: .2rem auto;border: 1px solid var(--color)} @media only screen and (max-width:1024px ) { .Floor002398 .flex{ flex-wrap:wrap-reverse;} .Floor002398 .tabs{ width: 100%; margin-bottom:.2rem;} .Floor002398 .form{ width: 100%; margin-bottom: .2rem;} } @media only screen and (max-width:900px ) { .Floor002398 .list li{ width:100%;} .Floor002398 .list .word{padding: .1rem .1rem 0;} .Floor002398 .list .word p{ margin: .1rem 0;} } .Networkbox{padding:var(--padMar60) 0; background:#f6f8fa;} .Networkbox .info{font-size: var(--font-size16); color: var(--black); line-height: 1.8; max-width: 100%; max-width: 1200px; margin: 0 auto; text-align: center;margin-bottom: 0.6rem; } .Networkbox .info p{ margin: 0.08rem 0; } .Networkbox .flex{ position: relative;} .Networkbox .diqiu{text-align: center;} .Networkbox .map-box{ position: absolute; margin: auto; width:100%; top: 0%; left: 0; right: 0;height: 100%;} .Networkbox .map-box .map{width: 100%;height: 100%;} .Networkbox .map li {position: absolute;cursor: pointer;} .Networkbox .map li i{display: block;width: 0.1rem; height:0.1rem; border-radius: 50%; background: var(--color);position: relative; z-index: 4;} .Networkbox .map li i:before, .Networkbox .map li i:after{position: absolute; content: '';border-radius: 50%;background:var(--color); opacity: 0.4; animation: scale 3s infinite;-webkit-animation: scale 3s infinite;} .Networkbox .map li i:before{left: -0.08rem; top: -0.08rem; bottom: -0.08rem;right: -0.08rem; animation-delay: 0.3s;} .Networkbox .map li .city{ display: flex;align-items: center;} .Networkbox .map li .city aside{ margin-left: 0.15rem; font-size:var(--font-size16);color:#333;} .Networkbox .map li .popInfo {background: #fff;width:3.8rem;padding:.25rem; border-radius: var(--radius); position: absolute;left: 0.3rem;top: 0;line-height: 1.8;opacity: 0;z-index: -1;visibility: hidden;transition: all 0.5s;-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);box-shadow: 0 15px 38px rgba(0,0,0,0.18);} .Networkbox .map li:hover {z-index: 100;} .Networkbox .map li:hover .popInfo {top: -0.3rem;opacity: 1;visibility: visible;z-index: 10;} .Networkbox .map li:hover .popInfo .tit{font-size: var(--font-size22); color: var(--color); line-height: 1.5; margin-bottom: 0.1rem;} .Networkbox .map li:hover .popInfo p{ display: block; padding-left:0 !important;position: relative;color:#333; margin: 0; } /*.Networkbox .map li:hover .popInfo p::before{content:"";display: block;width:0.05rem;height:0.05rem;border-radius: 50%;background: var(--color);position: absolute;left:0;top:0.12rem;} */ .Networkbox .cbox{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.24rem; position: relative;} .Networkbox .city{ position: relative;} .Networkbox .city aside{font-size: var(--font-size24);color: var(--black); cursor: pointer; } .Networkbox .cbox .city .cityinfo {background: #fff;width: 4rem;padding: 0.15rem; border-radius: var(--radius); position: absolute;left: 0.6rem;top: 0;line-height: 1.8;opacity: 0;z-index: -1;visibility: hidden;transition: all 0.5s; display: flex; flex-wrap: wrap; } .Networkbox .cbox .city:hover {z-index: 100;} .Networkbox .cbox .city:hover .cityinfo {top: -0.3rem;opacity: 1;visibility: visible;z-index: 10;} .Networkbox .cbox .city:hover .cityinfo .tit{font-size: var(--font-size18); color: var(--color); line-height: 1.2; margin-bottom: 0.1rem;} .Networkbox .cbox .city:hover .cityinfo p{ display: block; padding-left:0.15rem;position: relative;color:#333; margin: 0;} .Networkbox .cbox .city:hover .cityinfo p:not(:last-child){ margin-right: 0.12rem;} .Networkbox .cbox .city:hover .cityinfo p::before{content:"";display: block;width:0.05rem;height:0.05rem;border-radius: 50%;background: var(--color);position: absolute;left:0;top:0.12rem;} .Networkbox .cbox .city .cityinfo .plist{ width: 31%;} .Networkbox .cbox .city .cityinfo .plist:not(:last-child){ margin-bottom: 0.12rem;} .Networkbox .cbox .city .cityinfo2{width: 6rem;} @media(max-width:640px){ .Networkbox .map li .popInfo{ display:none;} } .Platform .box{padding:.6rem 0;} .Platform .box .list li{display:flex;justify-content:space-between;counter-increment:itemcounter;position:relative} .Platform .box .list li:not(:last-child){margin-bottom:.6rem} .Platform .box .list li .pic{width:45%;flex:0 0 auto;margin-right:5%;} .Platform .box .list li .pic figure{padding-bottom:50%;} .Platform .box .list li .txt{flex:1;border-top:1px solid #000;padding-top:.6rem;} .Platform .box .list li .txt .tit{color:#333;font-size:var(--font-size30);padding-bottom:.3rem} .Platform .box .list li .txt dd{line-height:1.5;margin-bottom: .1rem; font-size: .16rem;} .Platform .box .list li .txt dd .s1{color: #111;} @media(min-width:1025px){ .Platform .box .box_top{width:70%;margin:0 auto;} } @media(max-width:1024px){ .Platform .box .list li .pic figure{ padding-bottom:60%;} .Platform .box .list li .txt{ padding-top:.35rem;} .Platform .box .list li .txt .tit{ padding-bottom:.15rem;} } @media(max-width:640px){ .Platform .box .list li{ flex-wrap:wrap;} .Platform .box .list li .pic{ width:100%;} } .Contactlist{padding:.6rem 0;} .Contactlist ul{width: 100%;} .Contactlist li{width:48.5%; float: left; display: flex; margin-bottom:.3rem; padding:.3rem;justify-content: space-between;background: #f9f9f9;transition: 0.3s;} .Contactlist li:hover{transform: translateY(-5px);transition: 0.3s;} .Contactlist li .code{width: 30%; text-align: center;} .Contactlist li .txt{width: 65%;} .Contactlist li .txt h1{margin: 0; color:#333; font-weight: normal; font-size: .3rem; padding-bottom: .2rem;} .Contactlist li .txt dd{margin: 0;font-size: .16rem; color: #666; margin-bottom: .12rem; } .Contactlist li .txt dd .s1{color: #111;} .Contactlist li:not(:nth-child(2n)){margin-right:3%;} @media(max-width:640px){ .Contactlist li{ width: 100%;} } /* 搜索 */ .list_istop{padding:var(--padMar100) 0;} .list_istop .list{ margin-bottom:.35rem;} .list_istop li {position: relative; border-bottom:1px #999 dotted; font-size:var(--font-size18);padding:1em 0; overflow:hidden;} .list_istop li time{ float:right; font-size:var(--font-size16); color:#999; font-weight:400;} .list_istop li a{ display:block; float:left; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333;} .list_istop li a:hover{color:var(--color);} @media (max-width:1024px) { .list_istop{ margin-top:1.06rem;} } @media(max-width:640px){ .list_istop{padding:.4rem 0;} .list_istop li a{width:77%;} } /*RighInfo002816 */ .RighInfo002816{padding: var(--padMar60) 0;} .RighInfo002816 .auto{max-width:1300px;} .RighInfo002816 .img-block{display: block;width: 100%;} .RighInfo002816 ul{margin-bottom: 2%;} .RighInfo002816 ul .inner{background: #fff;padding-top: 8%; padding-bottom: 8%;} .RighInfo002816 ul h3{ font-size:var(--font-size24); color: #333;font-weight: normal;margin:0.1rem 0;} .RighInfo002816 ul h3:after{display: block; content: ''; height:2px; width:20px; background: #004e97; vertical-align: middle; margin-top: 15px;display: none;} .RighInfo002816 ul .li p{ line-height: 1.8; color: #666;font-size:var(--font-size18);} .RighInfo002816 ul .li .icon{padding-bottom: 0px;max-width:0.6rem;} @media(min-width:1025px){ .RighInfo002816 ul:nth-child(2n-1) .ol{float: left;} .RighInfo002816 ul:nth-child(2n-1) .li{float: right;} .RighInfo002816 ul:nth-child(2n) .ol{float: right;} .RighInfo002816 ul:nth-child(2n) .li{float: left;} .RighInfo002816 ul .ol, .RighInfo002816 ul .li{width: 50%;} .RighInfo002816 ul .li{ position: relative; z-index: 10;} .RighInfo002816 ul:nth-child(2n-1) .li .inner{padding-left: 12%;padding-right:12%;} .RighInfo002816 ul:nth-child(2n) .li .inner{width: 100%; padding-left: 12%;padding-right: 12%;} } @media(max-width:1024px){ .RighInfo002816 ul .li{padding: 0!important;} .RighInfo002816 ul .inner{ padding: 20px;} } /*RighInfo002817 */ .RighInfo002817{padding: var(--padMar60) 0;} .RighInfo002817 .auto{max-width:1300px;} .RighInfo002817 .con{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .RighInfo002817 .pic{width:50%;} .RighInfo002817 .text{width:45%;} .RighInfo002817 .img-block{display: block;width: 100%;} .RighInfo002817 ul{margin-bottom: 2%;} .RighInfo002817 ul li{padding: 0.2rem 0;border-bottom: 1px solid #e8e8e8;} .RighInfo002817 ul .inner{background: #fff;} .RighInfo002817 ul h3{font-size: var(--font-size22);color: #004e97;font-weight: normal;margin: 0 0 0.1rem;} .RighInfo002817 ul h3:after{display: block; content: ''; height:2px; width:20px; background: #004e97; vertical-align: middle; margin-top: 15px;display: none;} .RighInfo002817 ul h3 img{max-width: 0.32rem;margin-right:0.08rem;margin-top:-0.05rem;} .RighInfo002817 ul .li p{line-height: 1.8;color: #333;font-size: var(--font-size22);} .RighInfo002817 ul .li .icon{padding-bottom: 0px;max-width:0.6rem;} @media(max-width:768px){ .RighInfo002817 .pic, .RighInfo002817 .text{width:100%;} } .map_lables { position: absolute; left: 0; bottom:0px; font-size:0.2rem; width:100%; padding-bottom:20px; } .map_lables .map_lable { color: var(--color); position: relative; margin: .4em 0; padding-left: 1.4em; font-weight: 700; } .map_lables .map_lable:before { content:''; display: block; width: .6em; height: .6em; background-color: var(--color); position: absolute; left: 0; top: 50%; transform: translate(0,-50%) rotate(45deg); } .map_lables .map_lable:nth-child(1){ position: absolute; right: 0; bottom:0px; font-size:0.15rem; color:#333; } .map_lables .map_lable:nth-child(1):before{display:none;} .Embeddedpage{padding:0.6rem 0;} .Embeddedpage .auto{width:100%;} /*.Embeddedpage iframe{width: 100%;height: 100%;border: 0;}*/ .about-staff{position:relative;--refh:0.65rem; padding:var(--padMar70) 0 var(--padMar60) 0;} .about-staff .swiper{padding-left: var(--padMar90);padding-right: var(--padMar90);} .about-staff:after, .about-staff:before{z-index: 2;position: absolute;content: '';width: 40%;top: 0;height: 100%;pointer-events: none} .about-staff:before{left: 0;background:linear-gradient(to right, rgb(251,252,253) var(--padMar90), rgba(var(--white-color__rgb), 0));} .about-staff:after{right: 0;background: linear-gradient(to right,rgba(var(--white-color__rgb),0),rgb(251 252 253) calc(100% - var(--padMar90)));} .about-staff .swiper-slide{width: 5.69rem; } .about-staff .pic-inner{overflow: hidden;position: relative;z-index: 1;padding: 0.38rem 0.38rem 0;} .products .pic-inner{border:1px solid #e1e1e1;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.05),10px 0 10px rgba(0,0,0,0.05),0 10px 10px rgba(0,0,0,0.05),-10px 0 10px rgba(0,0,0,0.05);border-radius:5px;padding: 0.05rem 0.05rem 0;;} .about-staff .vertical-item{padding: 0.38rem 0.88rem 0;} .about-staff .ying{position: absolute; top: calc(100% - var(--refh));left: 0.38rem;right:0.38rem; height: calc(100% - var(--refh)); } .about-staff .ying figure{height:calc(100% - 0.38rem);transform: rotateY(180deg);} .about-staff .ying figure, .about-staff .ying:before{opacity: 0.4;} .about-staff .ying:after { position: absolute; top: 0; height: -webkit-calc(var(--refh) + 2px); /* Safari 兼容性写法 */ height: calc(var(--refh) + 2px); content: ''; width: -webkit-calc(100% + 2px); /* Safari 兼容性写法 */ width: calc(100% + 2px); left: -1px; /* 为Safari提供具体颜色值作为备选 */ background: rgba(236, 240, 243, 0.8); background: -webkit-linear-gradient(to bottom, rgba(236, 240, 243, 0.7) 0%, rgb(236, 240, 243) 80%); /* Safari 线性渐变前缀 */ background: linear-gradient(to bottom, rgba(236, 240, 243, 0.7) 0%, rgb(236, 240, 243) 80%); z-index: 19; -webkit-transition: all 0.5s; /* Safari 过渡效果前缀 */ transition: all 0.5s; } .about-staff .pic{margin-bottom:var(--refh);position: relative;box-shadow: 0 0 0.38rem 0.02rem rgba(0, 0, 0, 0.2); -webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* Safari 3D倒影前缀 */} .about-staff .ying{ display: none;-webkit-box-reflect:unset;} .about-staff .ying:before, .about-staff .pic:before{position: absolute; left: 0;top: 0;width: 100%;height: 100%;content:'';background-size: 100% 100%;z-index: 10;border:5px solid #fff;} .about-staff .pic > figure{padding-bottom: calc(400 / 569 * 100%);} .about-staff .vertical-item .pic:before{background: url(../images/kuang1.png) no-repeat center center;background-size: 100% 100%;z-index: 10;} .about-staff .vertical-item .pic > figure{padding-bottom: calc(769 / 569 * 100%); background-color:rgba(var(--rgb-white),1); background-size:85%;} .about-staff .name{text-align: center;font-size: var(--font-size__24); font-weight: var(--font-weight__m); height: 0.6rem;display: flex;align-items: center;justify-content: center; } .about-staff .swiper-slide{ transition: all 0.5s;padding-top:10px;} .about-staff .swiper-slide:not(.swiper-slide-active) .name{opacity: 0;} .about-staff .controls{max-width: 8.8rem;position: absolute;left: 0;right: 0;margin: auto; bottom: var(--padding-margin__100);height: 0.6rem;z-index: 10;width: 70%;} .about-staff .pic > figure{background-size:cover} @media (max-width:768px) { .about-staff .controls{width:92%} .about-staff .swiper-slide{width: 2.8rem;} .about-staff{--refh:0.4rem} .about-staff .name{font-size: var(--font-size__20); margin-top:calc(var(--padding-margin__30) * -1);position: relative;z-index: 3;} }