.pro-list-container{height:95.6px;display:flex;justify-content:space-between}.main-content{position:relative;width:1007.4px;margin:0 auto;display:flex;align-items:center}.pro-info{position:relative;display:inline-flex;flex-direction:column}@media screen and (max-width: 768px){.pro-list-container{height:1.3rem}}.pro-title{display:inline-flex;justify-content:center;align-items:center;height:43px}.pro-icon{display:inline-block;width:15px;height:8px;margin-left:10px;display:inline-flex;justify-content:center;align-items:center}.pro-icon img{width:100%;height:100%;object-fit:contain}.pro-desc{color:#b4b4b4;height:23px}@media screen and (max-width: 768px){.main-content{width:100%}.pro-icon{display:inline-flex;width:.218rem;height:.121rem;margin-left:.148rem}.pro-title{height:.43rem}.pro-desc{height:.23rem}}.drop-list{border:1px solid rgba(255,255,255,.5);padding:18px 19px;width:345px;top:0;left:0;background:#1a1a1a;position:absolute;z-index:10}@media screen and (min-width: 768px){.p-left,.drop-list{transform:translate(-50%)}}.drop-item-title{height:43px;line-height:40px}.drop-item-desc{height:23px;line-height:23px;color:#b4b4b4}.drop-item{margin-bottom:13.7px}.drop-item:last-child{margin-bottom:0}@media screen and (max-width: 768px){.drop-list{border:1px solid rgba(255,255,255,.5);padding:.18rem .19rem;width:3.45rem;left:50%;transform:translate(-50%)}.drop-item-title{height:.43rem;line-height:.4rem}.drop-item-desc{height:.23rem;line-height:.23rem;color:#b4b4b4}.main-content{justify-content:center}}.drop-list{display:none}.main-content.active .drop-list{display:block}.main-content:not(.active) .drop-list{display:none}.banner-container{position:relative;height:512.4px;display:flex;justify-content:center;align-items:center}.banner-container img{width:100%;height:100%;object-fit:contain}.little-box{display:flex;gap:10px;height:320px}.little-item{flex:1;background:radial-gradient(42.42% 63.97% at 50.02% 50%,#212829,#0d0d0d);display:flex;justify-content:center;align-items:center}.little-item img{max-width:100%;max-height:100%;object-fit:contain}@media screen and (max-width: 768px){.banner-container{height:3.569rem}.little-box{gap:.04rem;height:1.283rem}}.color-panel{position:absolute;bottom:46.3px;text-align:center;font-size:0}@media screen and (max-width: 768px){.color-panel{bottom:.151rem}}.banner-container{background-repeat:no-repeat;background-position:center;background-size:cover}.main-content1{position:relative;width:1007.4px;margin:0 auto}.info{padding-top:121px;text-align:center}.info-title{margin:15px 0}.info-desc{color:#878688;max-width:904px;margin:0 auto;margin-bottom:calc(198.6px - 180px)}@media screen and (max-width: 768px){.main-content1{width:100%}.info{padding-top:.7657rem}.info-title{margin:.15rem 0;line-height:.78;padding:0 1.819rem 0 1.731rem}.info-desc{padding:0 .591rem 0 .52rem;margin-bottom:.1rem}}.content1{padding-top:170px;height:700px;padding-bottom:100px}@media screen and (max-width: 768px){.content1{padding-top:.8px;height:2.734rem}}.content2{padding-top:123.3px;padding-bottom:172.8px}@media screen and (max-width: 768px){.content2{padding-top:1.101rem;padding-bottom:.395rem}}.grid-content2{width:1007.4px;margin:0 auto}.grid-box{display:grid;grid-template-columns:1fr 1fr;column-gap:143.4px;row-gap:26px}.grid-img{height:432px}.grid-img img{width:100%;height:100%;object-fit:contain}.grid-title{margin-top:20px;margin-bottom:10px}.grid-desc{color:#898989}@media screen and (max-width: 768px){.grid-content2{width:auto;padding:0 .435rem 0 .514rem}.grid-box{grid-template-columns:1fr 1fr;column-gap:.1rem;row-gap:.071rem}.grid-img{height:3.24rem}.grid-title{margin-top:0;margin-bottom:.01rem}}.content3{margin:0 auto;padding-top:113.6px;padding-bottom:161px;width:972.5px}.content3-title{margin-bottom:34px}@media screen and (max-width: 768px){.content3{padding-top:.654rem;padding-bottom:.655rem;width:100%}.content3-title{margin-bottom:.479rem;width:100%;padding:0 .5rem}.content3-table{padding:0 .5rem}}.content4{display:flex}.content4-left{height:400px;flex:1193;display:flex;justify-content:center;align-items:center;position:relative;z-index:-2}.content4-left img{width:100%;height:100%;object-fit:cover}.content4-right{flex:727;position:relative}.content4-right-bg{position:absolute;width:180%;height:100%;transform:translate(-50%);z-index:-1;background:linear-gradient(90deg,#02020200 11.19%,#020202 35.88% 93.49%)}.content4-title{margin-top:108.9px;height:69px}.content4-desc{color:#878688;line-height:1.2;max-width:437px;margin-top:20px}.content4-btns{margin-top:41.7px;max-width:340px;display:flex;justify-content:space-between}.content4-info{position:relative;z-index:100}@media screen and (max-width: 768px){.content4-right-bg{display:none}.content4{flex-direction:column}.content4-info{background:none}.content4-left{height:2.3rem}.content4-title{margin-top:.578rem;height:.69rem;padding-left:.5rem;padding-right:.5rem}.content4-desc{line-height:1.2;padding-left:.5rem;padding-right:.5rem;margin-top:.1rem}.content4-btns{margin-top:.449rem;width:auto;padding-left:.5rem;padding-right:.5rem}}.content4-btn1{display:flex;align-items:center;cursor:pointer}.icon{width:15.4px;height:17.6px;display:flex;justify-content:center;align-items:center;margin-right:13.6px}@media screen and (max-width: 768px){.icon{width:.15rem;height:.17rem;margin-right:.136rem}}.icon img{width:100%;height:100%;object-fit:contain}.content5{margin-top:70px;padding-bottom:70px}@media screen and (max-width: 768px){.content5{padding-bottom:.7rem;margin-top:1.372rem}.content5-title{padding:0 .5rem}}.grid-box5{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin-top:70px}@media screen and (max-width: 768px){.grid-box5{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;width:auto;margin-top:.7rem;padding:0 1.7rem}}.grid-item5{display:flex;justify-content:center;align-items:center}.grid-text{color:#909090;line-height:1.6;text-align:center}.content-box{width:202px}.content-box-img{width:100%;height:118px;display:flex;justify-content:center;align-items:center}.icon-img{width:59px;height:57px;display:flex;justify-content:center;align-items:center}.icon-img img{width:100%;height:100%;object-fit:contain}.content-box{width:156px;display:flex;flex-direction:column}@media screen and (max-width: 768px){.content-box{width:1.56rem}.content-box-img{height:1.18rem}.icon-img{width:.59rem;height:.57rem}}