@charset "utf-8";
.company .profile-container{padding: 60px 40px;}
.company .profile-top-row{display:grid;grid-template-columns: 1fr 1.3fr;gap:60px;margin-bottom:60px}
.company .profile-right p{color: var(--muted);font-size: 16px;line-height:1.8;margin-bottom:20px}
.company .profile-data-row{position: relative;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.company .data-item{border-left:1px solid #c8d2db;padding-left: 30px;}
.company .data-num{font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black, " sans-serif";font-size: 44px;background: linear-gradient(180deg, var(--blue), var(--green));-webkit-background-clip:text;color:transparent;margin-bottom:12px}
.company .data-desc{color: var(--muted);font-size: 16px;line-height: 1.75;}
@media only screen and (max-width:1024px){
.company .profile-container{padding: 50px 30px;}
.company .profile-top-row{grid-template-columns:1fr;gap: 0;margin-bottom: 40px;}
.company .profile-data-row{grid-template-columns: repeat(2,1fr);}
.company .data-item{border: 0;border-right: 1px solid #c8d2db;padding: 0;padding-right: 20px;}
.company .data-item:nth-child(2n){border: 0;padding: 0;}
.company .data-num{font-size: 42px;}
.company .data-desc{font-size: 15px;}}
@media only screen and (max-width:768px){
.company .profile-container{padding: 35px 25px;}
.company .profile-top-row{margin-bottom: 30px;}
.company .profile-right p{font-size: 14px;margin-bottom: 15px;}
.company .profile-data-row{gap:20px;}
.company .data-num{font-size: 38px;}
.company .data-desc{font-size: 14px;}}
@media only screen and (max-width:480px){
.company .profile-container{padding: 25px 15px;}
.company .profile-top-row{margin-bottom: 20px;}
.company .profile-data-row{gap: 15px;}
.company .data-item{padding-right: 10px;}
.company .data-num{font-size: 32px;font-weight: bold;margin-bottom: 5px;}
.company .data-desc{font-size: 12px;}}

.culture .culture-card-row{display:grid;grid-template-columns:repeat(4,1fr);gap: 30px;}
.culture .culture-card{padding: 40px 25px;transition: all .5s;cursor:pointer}
.culture .card-en-sub{color: var(--blue);font-size:18px;font-weight: 800;margin-bottom:14px;}
.culture .card-cn-title{color: var(--ink);font-size: 26px;font-weight: 680;}
.culture .card-cn-desc{color: var(--muted);font-size: 16px;line-height:1.7;margin: 18px 0;}
.culture .card-en-desc{color: #999;font-size: 14px;line-height: 1.7;}
.culture .culture-card:hover{transform:translateY(-8px);}
@media only screen and (max-width:1024px){
.culture .culture-card-row{grid-template-columns:repeat(2,1fr);gap: 25px;}
.culture .culture-card:hover{transform:translateY(0)}}
@media only screen and (max-width:768px){
.culture .culture-card-row{gap: 20px;}
.culture .culture-card{padding: 30px 20px;}
.culture .card-en-sub{font-size: 16px;margin-bottom: 12px;}
.culture .card-cn-title{font-size: 24px;}
.culture .card-cn-desc{font-size: 15px;margin: 15px 0;}
.culture .card-en-desc{font-size: 13px;}}
@media only screen and (max-width:480px){
.culture .culture-card-row{grid-template-columns:1fr}}

.milestone .milestone-container{padding: 60px 40px;}
.milestone .year-tab-group{display:flex;gap:12px;padding-bottom: 10px;margin-bottom:30px;overflow-x: auto;}
.milestone .year-tab{flex: 0 0 auto;color: #666;font-size: 16px;font-weight: 700;padding:8px 20px;border-radius: 50px;background: rgba(29, 29, 31, .04);cursor:pointer;transition: auto;}
.milestone .year-tab.active{color: #fff;background: linear-gradient(135deg,var(--blue),var(--green));}
.milestone .milestone-bg-box{position: relative;width:100%;border-radius:12px;background: radial-gradient(circle at 82% 20%, rgba(67, 170, 101, .24), transparent 26%),    linear-gradient(135deg, #1d1d1f, #225f8d 58%, #43AA65);overflow:hidden}
.milestone .milestone-swiper{width:100%;height:100%;}
.milestone .milestone-slide{width:100%;height:100%;color: #fff;padding:40px 35px;display:flex;flex-direction:column;justify-content:center;opacity: 0;transform: translateY(18px) scale(.985);transition: all .5s;}
.milestone .milestone-slide *{opacity: 0;transform: translateY(18px) scale(.985);transition: all .5s;}
.milestone .milestone-slide.swiper-slide-active *{opacity: 1;transform: translateY(0) scale(1);}
.milestone .slide-year{font-size:72px;font-weight: 720;line-height:1;margin-bottom:12px}
.milestone .slide-title{font-size:28px;font-weight: 680;margin-bottom:16px}
.milestone .slide-desc{color: rgba(255, 255, 255, .76);font-size:16px;line-height:1.7;}
@media only screen and (max-width:1024px){
.milestone .milestone-container{padding: 50px 30px;}
.milestone .milestone-slide{padding: 35px 30px;}
.milestone .slide-year{font-size:56px;}
.milestone .slide-title{font-size: 22px;}
.milestone .slide-desc{font-size: 15px;}}
@media only screen and (max-width:768px){
.milestone .milestone-container{padding: 35px 25px;}
.milestone .milestone-slide{padding: 30px 25px;}
.milestone .year-tab-group{gap:8px;margin-bottom: 20px;}
.milestone .year-tab{padding:6px 14px;font-size:14px}
.milestone .slide-year{font-size:46px}
.milestone .slide-title{font-size: 18px;}
.milestone .slide-desc{font-size: 14px;}}
@media only screen and (max-width:480px){
.milestone .milestone-container{padding: 25px 15px;}
.milestone .milestone-slide{padding: 25px 20px;}}

.strength .rd-card-group{display:grid;grid-template-columns:repeat(3,1fr);gap: 30px;}
.strength .rd-card{padding: 10px;padding-bottom: 0;overflow:hidden;transition: all .5s;}
.strength .card-img{position: relative;padding-bottom: 60%;overflow: hidden;}
.strength .card-img img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.strength .card-bottom{display:flex;justify-content:space-between;align-items:center;padding: 25px 10px;}
.strength .card-name{color: var(--ink);font-size:24px;font-weight: 680;}
.strength .rd-card:hover{transform: translateY(-8px);}
.strength .rd-card:hover .card-img img{transform: scale(1.1);}
@media only screen and (max-width:1024px){
.strength .rd-card-group{gap: 25px;}
.strength .card-bottom{display: block;padding: 15px 10px;text-align: center;}
.strength .card-name{font-size: 20px;}
.strength .button{display: none;}}
@media only screen and (max-width:768px){
.strength .rd-wrap{padding:45px 20px}
.strength .rd-card-group{grid-template-columns:repeat(2,1fr);gap: 20px;}
.strength .card-name{font-size: 18px;}
.strength .rd-card:hover{transform:translateY(0)}}
@media only screen and (max-width:480px){
.strength .rd-card-group{grid-template-columns:1fr;}
.strength .card-bottom{display: flex;padding: 15px 10px;text-align: center;}
.strength .button{display: flex;}}

.honor ul{display:grid;grid-template-columns:repeat(3,1fr);gap: 20px;}
.honor ul.four{grid-template-columns: repeat(4, 1fr);}
.honor li{display: flex;color: var(--ink);font-size: 16px;line-height: 1.5;border: 1px solid var(--line);border-radius:6px;padding: 10px 20px;/* overflow: hidden; *//* white-space: nowrap; *//* text-overflow: ellipsis; */transition: all .5s;cursor: pointer;align-items: center;}
.honor li:hover{color: var(--blue);background: rgba(41, 113, 171, .08);border: 1px solid rgba(41, 113, 171, .14);}
@media only screen and (max-width:1024px){
.honor ul{grid-template-columns: repeat(2,1fr)!important;gap: 15px;}
.honor li{font-size: 15px;padding: 10px 15px;}}
@media only screen and (max-width:480px){
.honor ul{grid-template-columns: 1fr!important;gap: 10px;}
.honor li{font-size: 14px;padding: 10px 10px;}}

.news-wrap .news-box{display:grid;grid-template-columns: 1fr 1.17fr;gap:30px;}
.news-wrap .news-big{display:flex;flex-direction:column;padding: 12px;}
.news-wrap .big-img{position: relative;width:100%;padding-bottom: 61%;border-radius:6px;margin-bottom:20px;overflow: hidden;}
.news-wrap .big-img img{position: absolute;width:100%;height:100%;object-fit:cover;transition: all .5s;}
.news-wrap .news-title{color: var(--ink);font-size:22px;font-weight: 680;margin-bottom: 10px;transition: all .5s;}
.news-wrap .news-desc{color: var(--muted);font-size: 16px;line-height: 1.7;margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-wrap .news-date{color: var(--blue);font-size: 16px;}
.news-wrap .news-list{display: grid;gap:20px}
.news-wrap .list-item{padding: 20px 25px;}
.news-wrap .news-big:hover img{transform: scale(1.1);}
.news-wrap .news-big:hover h3,
.news-wrap .list-item:hover h3{color: var(--blue);}
@media only screen and (max-width:1024px){
.news-wrap .news-box{grid-template-columns:1fr;gap: 20px;}
.news-wrap .list-item{padding: 20px 12px;}
.news-wrap .news-title{font-size: 20px;}
.news-wrap .news-desc,
.news-wrap .news-date{font-size: 15px;}}
@media only screen and (max-width:768px){
.news-wrap .news-box,
.news-wrap .news-list{gap: 15px;}
.news-wrap .big-img{margin-bottom: 15px;}
.news-wrap .list-item{padding: 15px 12px;}
.news-wrap .news-title{font-size: 18px;}
.news-wrap .news-desc,
.news-wrap .news-date{font-size: 14px;}}

.market .img-box{padding: 15px;}
.market .img-box .img{position: relative;overflow: hidden;cursor: zoom-in;}
.market .img-box .img img{width: 100%;height: auto;transition: all .5s;}
.market .img-box:hover .check{opacity: 1;}
@media only screen and (max-width:1024px){
.market .img-box{padding: 10px;}}
@media only screen and (max-width:768px){
.market .img-box .img img{transform: scale(132%);transform-origin: top left;}}

.concept .green-top{display:grid;grid-template-columns:1fr 1fr;gap: 50px;margin-bottom: 50px;}
.concept .img-box{width:100%;text-align: center;}
.concept .img-box img{max-width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.concept .desc-box .txt{color: #666;font-size: 16px;line-height: 1.8;}
.concept .desc-box .txt h3{display: block;color: #333;font-size: 24px;font-weight: 700;margin-bottom: 20px;}
.concept .card-list{display:grid;grid-template-columns:repeat(3,1fr);gap: 30px;}
.concept .card-item{padding: 30px;transition: all .5s;cursor: pointer;}
.concept .card-item.no{padding: 0;border-radius: 5px;overflow: hidden;}
.concept .card-item img{max-width: 100%;}
.concept .card-item .img{position: relative;width: 100%;padding-bottom: 65%;border-radius: 12px;overflow: hidden;}
.concept .card-item .img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.concept .card-item .txt{padding: 20px;}
.concept .card-item .icon{font-size: 50px;line-height: 1;margin-bottom: 30px;}
.concept .card-item .icon i{color: var(--blue);font-size: inherit;background: linear-gradient(135deg,var(--blue),var(--green));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.concept .card-item h3{color: var(--ink);font-size: 26px;font-weight: 680;margin-bottom:18px;}
.concept .card-item p{color: var(--muted);font-size: 16px;line-height: 1.8;}
.concept .card-item span{color: var(--green);font-size: 16px;font-weight: 680;margin: 15px 0;display: block;}
.concept .card-item:hover{transform:translateY(-8px);}
.concept .card-item.no:hover{transform: none;}
.concept .txt-box ul{display:grid;grid-template-columns:1fr 1fr;gap: 0 80px;margin-top: 30px;}
.concept .txt-box li{display:flex;gap: 15px;padding: 15px 0;border-bottom: 1px dashed #ccc;align-items: center;}
.concept .txt-box li .icon{flex-shrink: 0;width: 42px;height: 42px;border-radius:50%;border: 2px solid #585858;overflow: hidden;}
.concept .txt-box li .icon img{max-width: 100%;max-height: 100%;}
.concept .txt-box li p{color: var(--ink);font-size: 16px;line-height: 1.6;}
.concept.equip .green-top{grid-template-columns: 1fr 1.67fr;gap: 50px;margin: 0;}
.concept.equip .card-item{padding: 0;}
.concept.equip .card-item h3{margin-bottom: 10px;}
.concept .img-list{display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}
.concept .img-list li{padding: 10px;padding-bottom: 0!important;transition: all .5s;}
.concept .img-list li .img{position: relative;width: 100%;padding-top: 70%;overflow: hidden;}
.concept .img-list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.concept .img-list li h3{color: var(--ink);font-size: 16px;font-weight: 700;line-height: 1.7;text-align: center;padding: 20px 0;}
.concept .img-list li:hover{transform:translateY(-8px);}
.concept .img-list li:hover img{transform: scale(1.1);}
.concept .team-list{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin-top: 50px;}
.concept .team-list li{display: flex;padding: 20px;align-items: center;}
.concept .team-list li .icon{font-size: 50px;}
.concept .team-list li .icon i{color: var(--blue);font-size: inherit;background: linear-gradient(135deg,var(--blue),var(--green));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.concept .team-list li .txt{flex: 1;padding-left: 20px;}
.concept .team-list li .txt h3{color: var(--ink);font-size: 24px;font-weight: 700;}
.concept .team-list li .txt p{color: var(--muted);font-size: 16px;margin-top: 10px;}
@media only screen and (max-width:1440px){
.concept.equip .green-top{gap: 40px;}
.concept .desc-box .txt h3{font-size: 22px;margin-bottom: 10px;}
.concept .txt-box li p{font-size: 15px;}
.concept .txt-box ul{gap: 0 60px;margin-top: 25px;}
.concept .img-list li h3{font-size: 15px;padding: 18px 0;}
.concept .team-list{gap: 25px;margin-top: 40px;}
.concept .team-list li{padding: 15px;}
.concept .team-list li .icon{font-size: 46px;}
.concept .team-list li .txt{padding-left: 15px;}
.concept .team-list li .txt h3{font-size: 22px;}
.concept .team-list li .txt p{font-size: 15px;margin-top: 5px;}}
@media only screen and (max-width:1024px){
.concept .green-top{grid-template-columns:1fr;gap: 30px!important;margin-bottom: 30px;}
.concept .desc-box .txt{font-size: 14px;}
.concept .desc-box .txt h3{font-size: 20px;}
.concept .card-list{gap: 20px;}
.concept .card-list.two{grid-template-columns: repeat(2, 1fr);}
.concept .card-item{padding: 20px;}
.concept .txt-box ul{gap: 0 30px;margin-top: 20px;}
.concept .txt-box li{gap: 10px;padding: 10px 0;}
.concept .txt-box li .icon{width: 38px;height: 38px;border-width: 1px;}
.concept .txt-box li p{font-size: 14px;}
.concept .card-item .icon{font-size: 44px;margin-bottom: 20px;}
.concept .card-item h3{font-size: 22px;margin-bottom: 15px;}
.concept .card-item p{font-size: 15px;}
.concept .card-item span{font-size: 15px;margin: 10px 0;}
.concept.equip .card-item .txt{padding: 15px;}
.concept.equip .card-item h3{margin-bottom: 8px;}
.concept .img-list{grid-template-columns: repeat(3, 1fr);gap: 20px;}
.concept .team-list{gap: 20px;margin-top: 30px;}}
@media only screen and (max-width:768px){
.concept.equip .green-top{grid-template-columns:1fr;/* margin-bottom: 30px; */}
.concept .desc-box .txt h3{font-size: 18px;}
.concept .card-list{grid-template-columns: 1fr;}
.concept#team .card-list{justify-items: center;}
.concept .card-item{padding: 15px;}
.concept .card-item .icon{font-size: 38px;margin-bottom: 10px;}
.concept .card-item h3{font-size: 20px;margin-bottom: 10px;}
.concept .img-list{grid-template-columns: repeat(2, 1fr);}
.concept .img-list li h3{font-size: 14px;padding: 15px 0;}
.concept .team-list{grid-template-columns: repeat(2, 1fr);gap: 15px;margin-top: 20px;}}
@media only screen and (max-width:640px){
.concept .card-list.two{grid-template-columns: 1fr!important;}
.concept .txt-box ul{grid-template-columns:1fr;}
.concept .img-list{gap: 10px;}
.concept .img-list li{padding: 5px;}
.concept .img-list li h3{font-size: 12px;padding: 10px 0;}
.concept .team-list{grid-template-columns: repeat(1, 1fr);}}

.recycle .cycle-container{padding: 60px 40px;}
.recycle .cycle-top{display:grid;grid-template-columns: 1fr 3fr;align-items: center;margin-bottom:60px}
.recycle .cycle-top .title{margin: 0;}
.recycle .right-desc p{color: var(--muted);font-size: 16px;line-height: 1.8;margin-bottom: 30px;}
.recycle .flow-wrap{position: relative;margin-left: 25%;}
.recycle .flow-wrap img{width: 100%;height: auto;}
.recycle .flow-wrap ul{position: absolute;top: 0;width: 101%;height: 100%;display: flex;}
.recycle .flow-wrap li{width: 20%;display: flex;color: var(--ink);font-size: 16px;padding: 0 3%;padding-right: 5%;justify-content: center;align-items: center;text-align: center;}
@media only screen and (max-width:1440px){
.recycle .cycle-top{margin-bottom: 50px;}
.recycle .flow-wrap li{font-size: 15px;}}
@media only screen and (max-width:1024px){
.recycle .cycle-container{padding: 50px 30px;}
.recycle .cycle-top{gap: 20px;margin-bottom: 40px;}
.recycle .flow-wrap{margin: 0;}}
@media only screen and (max-width:768px){
.recycle .cycle-container{padding: 35px 25px;}
.recycle .cycle-top{grid-template-columns: 1fr;margin-bottom: 30px;}
.recycle .right-desc p{font-size: 15px;margin-bottom: 20px;}
.recycle .flow-wrap li{font-size: 14px;}}
@media only screen and (max-width:480px){
.recycle .cycle-container{padding: 25px 15px;}
.recycle .flow-wrap{width: auto;padding-bottom: 20px;overflow-x: auto;}
.recycle .flow-wrap img{width: 165%;}
.recycle .flow-wrap ul{width: 165%;padding-bottom: 20px;}
.recycle .flow-wrap li{font-size: 12px;}}

.equip_show .top-inner{display:flex;gap: 50px;align-items:flex-start}
.equip_show .top-img{position: relative;width: 50%;flex-shrink:0;cursor: zoom-in;overflow: hidden;}
.equip_show .top-img img{max-width: 100%;display:block}
.equip_show .top-text{flex:1;}
.equip_show .icon-row{display:grid;grid-template-columns:repeat(6,1fr);gap: 100px;}
.equip_show .icon-item{display:flex;flex-direction:column;align-items:center;gap: 20px;}
.equip_show .icon-circle{width: 75px;height: 75px;border-radius:50%;}
.equip_show .icon-circle img{max-width: 100%;max-height: 100%;}
.equip_show .icon-text{color: var(--ink);font-size: 18px;font-weight: 700;text-align:center}
.equip_show .param-area{background:#fff}
.equip_show .param-title{color: var(--ink);font-size: 30px;font-weight: 700;margin-bottom:20px}
.equip_show .table-wrap{width:100%;overflow-x:auto}
.equip_show table{width:100%;/* min-width:700px; */color: var(--muted);font-size: 16px;border-collapse:collapse;word-break: break-all;}
.equip_show td{border: 1px solid #dde3e8;padding: 14px 20px;}
.equip_show td:first-child{color:#fff;width: 15%;background: linear-gradient(135deg, var(--blue), var(--green));}
.equip_show .note-text{color: var(--muted);font-size: 16px;font-weight: 100;margin: 20px 0;}
.equip_show .top-img:hover .check{opacity: 1;}
@media only screen and (max-width:1024px){
.equip_show .top-inner{flex-direction:column;gap: 40px;}
.equip_show .top-img{width: auto;max-width: 100%;margin: auto;}
.equip_show .icon-row{grid-template-columns:repeat(3,1fr);gap: 50px;}
.equip_show .param-title{font-size: 24px;margin-bottom: 15px;}
.equip_show table{font-size: 14px;}
.equip_show td{padding: 12px 10px;}
.equip_show td:first-child{width: 20%;white-space: nowrap;}
.equip_show .note-text{font-size: 14px;margin: 15px 0;}}
@media only screen and (max-width:768px){
.equip_show .top-inner{gap: 30px;}
.equip_show .icon-text{font-size: 16px;}
.equip_show .param-title{font-size: 20px;margin-bottom: 10px;}
.equip_show .note-text{font-size: 13px;margin: 10px 0;}
.equip_show td{padding: 10px;}}
@media only screen and (max-width:480px){
.equip_show .top-inner{gap: 20px;}
.equip_show .icon-circle{width: 60px;height: 60px;}
.equip_show .icon-row{grid-template-columns:repeat(2,1fr);gap: 30px;}}

.message .box{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.message .card{padding: 50px 30px;}
.message .card .title{margin-bottom: 40px;}
.message .type-item{position: relative;color: var(--ink);padding: 30px;margin-bottom: 15px;border-radius:4px;background: #f2f2f2;transition: all .5s;cursor: pointer;overflow: hidden;}
.message .type-item:after{content:"";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: linear-gradient(135deg,var(--blue),var(--green));transition: all .5s;}
.message .type-item.active{color: #fff;}
.message .type-item.active:after{width: 100%;}
.message .type-name{position: relative;font-size: 20px;font-weight: 680;margin-bottom: 5px;z-index: 1;}
.message .type-desc{position: relative;font-size: 16px;line-height: 1.6;opacity: .7;z-index: 1;}
.message .layui-select{display: none;}
.message .layui-form-item{position: relative;display: grid;margin-bottom: 20px;}
.message .layui-form-item label{font-size: 16px;font-weight: 800;margin-bottom: 15px;}
.message .layui-form-item  img{position: absolute;top: 1px;right: 1px;max-width: 100px;height: calc(100% - 2px);border-radius: 4px;background: #fff;object-fit: none;cursor: pointer;}
.message .layui-form-item:last-child{margin: 0;}
.message .row-two{display:grid;grid-template-columns:1fr 1fr;gap: 15px 20px;margin: 0;}
.message .row-two .layui-form-item{margin: 0;}
.message .layui-input,.layui-select,.layui-textarea{border:1px solid #cbd6e0;border-radius:4px;height:42px;font-size:14px;}
.message .layui-textarea{height:120px;resize:none}
.message .submit-btn{width:100%;height: 42px;border-radius:23px;border:none;color:#fff;font-size:16px;cursor:pointer;background: linear-gradient(135deg,var(--blue),var(--green));transition: all .5s;}
@media only screen and (max-width:1024px){
.message .box{grid-template-columns:1fr}}
@media only screen and (max-width:768px){
.message .card{padding: 30px 20px;}
.message .card .title{margin-bottom: 30px;}
.message .type-item{padding: 15px 20px;margin-bottom: 10px;}
.message .type-name{font-size: 18px;margin-bottom: 5px;}
.message .type-desc{font-size: 14px;line-height: 1.6;}}
@media only screen and (max-width:480px){
.message .card .title{margin-bottom: 20px;}
.message .layui-form-item{margin-bottom: 10px;}
.message .layui-form-item label{font-size: 15px;margin-bottom: 10px;}
.message .row-two{grid-template-columns:1fr;gap: 10px 0;margin: 0;}}

.metal .title{margin: 0;}
.metal .search-wrap{padding: 30px 30px;margin: 50px 0;}
.metal .search-input-box{position: relative;display:flex;align-items:center;}
.metal .search-input{flex:1;height: 50px;border: 1px solid #e2e2e2;border-radius: 50px;padding: 0 50px 0 20px;font-size:15px;outline:none;}
.metal .search-btn{position: absolute;right: 0;width: 50px;height: 50px;display: flex;border-radius: 50%;background: rgba(0,0,0,.25);color:#fff;font-size: 20px;cursor:pointer;justify-content: center;align-items: center;transform: scale(.8);transition: all .5s;}
.metal .search-btn i{font-size: inherit;}
.metal .search-btn:hover{background: rgba(0,0,0,.5);}
.metal .search-tip{color: var(--muted);font-size: 14px;margin-top:10px;padding-left: 20px;opacity: .5;}
.metal .main-container{display:grid;grid-template-columns: 300px 1fr;gap:30px;align-items: start;}
.metal .filter-sidebar{position: sticky;top: 90px;padding: 25px 20px;}
.metal .filter-item{margin: 0;}
.metal .filter-item label{display: block;color: var(--muted);font-size: 16px;font-weight: 800;margin: 15px 0;}
.metal .filter-item:first-child label{margin-top: 0;}
.metal .layui-form-select{width:100%}
.metal .layui-unselect{height: 45px;border-radius: 5px;border-color: #e2e2e2;}
.metal .submit-btn{width:100%;text-align:center;font-size:15px;margin-top: 20px;}
.metal .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap: 20px;}
.metal .card-grid .material-card{opacity: 0;visibility: hidden;}
.metal .card-grid.ready .material-card{opacity: 1;visibility: visible;}
.metal .material-card{padding:24px;color:inherit;transition: all 1s;}
.metal .card-tag{display:inline-block;font-size: 15px;color: var(--teal);padding: 5px 10px;border-radius: 5px;margin-bottom: 10px;background: rgba(22, 127, 120, .08);}
.metal .card-tit{color: var(--ink);font-size: 26px;font-weight: 680;margin-bottom:8px}
.metal .card-intro{color: var(--muted);font-size: 16px;}
.metal dl > div{margin: 20px 0 0;}
.metal dt{color: var(--ink);font-size: 16px;font-weight: 800;margin-bottom:3px}
.metal dd{color: var(--muted);font-size: 15px;line-height:1.6}
.metal .card-link{display:inline-block;color: var(--teal);font-size: 16px;margin-top: 15px;}
.metal .loading-mask{display: none;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 12px;background: rgba(255,255,255,.5);backdrop-filter: saturate(180%) blur(10px);z-index: 10;align-items: center;justify-content: center;}
.metal .loading-spinner{width: 40px;height: 40px;border: 4px solid #e5e7eb;border-top-color: var(--green);border-radius: 50%;animation: spin 0.8s linear infinite;}
@keyframes spin {to { transform: rotate(360deg); }}
.list-box {position: relative;height: 100%;}
.metal .empty-tip{position: relative;width:100%;height: 100%;padding:40px 20px;color: var(--muted);font-size: 16px;text-align: center;display:none;}
.metal .material-card:hover{transform: translateY(-5px);}
@media only screen and (max-width:1024px){
.metal .search-wrap{padding: 20px;margin: 40px 0;}
.metal .filter-sidebar{top: 150px;}
.metal .card-grid{grid-template-columns:repeat(2,1fr)}}
@media only screen and (max-width:768px){
.metal .main-container{grid-template-columns:1fr;gap: 20px;}
.metal .filter-sidebar{position: revert;}
.metal .search-wrap{margin: 30px 0;}
.metal .search-input-box{flex-wrap:wrap}
.metal .search-input{height: 45px;font-size: 13px;padding: 0 45px 0 10px;}
.metal .search-tip{padding-left: 10px;}
.metal .search-btn{width: 45px;height: 45px;}
.metal .layui-unselect{height: 40px;}
.metal .filter-item label{font-size: 14px;margin: 10px 0;}}
@media only screen and (max-width:640px){
.metal .search-wrap{margin: 20px 0;}
.metal .card-grid{grid-template-columns:1fr;gap: 15px;}
.metal .search-wrap,.metal .filter-sidebar,.metal .material-card{padding:18px 15px}}

.service .title{margin: 0;}
.service .img-row{display:flex;gap: 10px;margin: 60px 0;}
.service .img-item{flex:1;border-radius: 5px;overflow: hidden;}
.service .img-item img{width:100%;height:100%;object-fit:cover;display:block}
.service .flow-wrap{position:relative;display: grid;grid-template-columns: 1fr;gap: 50px;}
.service .flow-line{display: grid;grid-template-columns: repeat(5, 1fr);gap: 50px;}
.service .flow-item{position: relative;display: flex;color:#fff;font-size: 16px;text-align: center;padding: 18px 10px;border-radius: 50px;justify-content: center;align-items: center;background: linear-gradient(135deg, var(--blue), var(--green));}
.service .flow-item i{position: absolute;top: 50%;left: 110%;color: var(--blue);font-size: 24px;background: linear-gradient(135deg, var(--blue), var(--green));-webkit-background-clip: text;-webkit-text-fill-color: transparent;transform: translate(-50%, -50%);}
.service .flow-item:last-child i{top: 145%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);}
.service .end .flow-item i{transform: translate(-50%, -50%) rotate(-180deg);}
.service .end .flow-item:first-child{background: none;}
.service .end .flow-item:last-child i{display: none;}
.service .arrow{color:#287bb7;font-size:22px;font-weight:bold;}
.service .watermark-logo{position:absolute;left: 8%;bottom: 0;width: 22rem;opacity: 0.1;z-index:0;pointer-events:none;background: url('../images/logo_bg.png') bottom left no-repeat;background-size: contain;}
.service .watermark-logo:before{content: " ";display: block;position: relative;padding-top: 75%;}
@media only screen and (max-width:1440px){
.service .watermark-logo{left: 3%;}}
@media only screen and (max-width:1024px){
.service .img-row{margin: 40px 0;}
.service .flow-item{font-size: 14px;padding: 15px 10px;}
.service .flow-wrap,
.service .flow-line{gap: 30px;}
.service .flow-item i{left: 108%;font-size: 18px;}
.service .flow-item:last-child i{top: 132%;}
.service .watermark-logo{width: 16rem;}}
@media only screen and (max-width:768px){
.service .img-row{margin: 30px 0;}
.service .flow-line{flex-wrap:wrap}
.service .flow-item{font-size: 12px;padding: 13px 5px;}
.service .flow-wrap,
.service .flow-line{gap: 25px;}
.service .flow-item i{left: 110%;font-size: 16px;}
.service .flow-item:last-child i{top: 130%;}
.service .watermark-logo{width: 13rem;}}
@media only screen and (max-width:480px){
.service .title h3{font-size: 27px;}
.service .img-row{flex-direction:column;margin: 20px 0;}
.service .flow-wrap,
.service .flow-line{display: flex;flex-direction: column;align-items: center;gap: 30px;width: 100%;}
.service .flow-line.end{display: flex;flex-direction: column-reverse;}
.service .flow-item{flex: none;min-width: 60%;font-size: 13px;}
.service .end .flow-item:first-child,
.service .end .flow-item:nth-child(2) i{display: none!important;}
.service .flow-item i{display: block!important;top: 135%;left: 50%;font-size: 18px;transform: translate(-50%, -50%) rotate(90deg) !important;}
.service .watermark-logo{left: 0;right: 0;width: 94%;margin: auto;}}

.advantage .section-title{color: var(--ink);font-size:38px;font-weight: 700;text-align: center;margin-bottom:50px}
.advantage .card-grid{display:grid;grid-template-columns:1fr 1fr;gap: 40px;}
.advantage .item-card{display:flex;align-items:center;padding: 10px;border: 1px solid #e8f2fc;}
.advantage .card-img{width: 40%;flex-shrink:0;border-radius: 5px;overflow:hidden}
.advantage .card-img img{width:100%;height:100%;object-fit:cover;display:block}
.advantage .card-text{flex:1;padding-left: 25px;}
.advantage .card-title{color: var(--ink);font-size: 24px;font-weight: 680;margin-bottom: 15px;}
.advantage .card-desc{color:  var(--muted);font-size:16px;line-height:1.65}
@media only screen and (max-width:1440px){
.advantage .section-title{font-size: 36px;}
.advantage .card-grid{gap: 35px;}
.advantage .card-text{padding-left: 20px;}
.advantage .card-title{font-size: 22px;margin-bottom: 10px;}
.advantage .card-desc{font-size: 15px;}}
@media only screen and (max-width:1024px){
.advantage .section-title{font-size: 32px;margin-bottom: 35px;}
.advantage .card-grid{gap: 25px;}
.advantage .card-text{padding-left: 15px;}
.advantage .card-title{font-size: 20px;margin-bottom: 8px;}
.advantage .card-desc{font-size: 14px;}}
@media only screen and (max-width:768px){
.advantage .section-title{font-size: 26px;margin-bottom: 25px;}
.advantage .card-grid{gap: 20px;}
.advantage .item-card{flex-direction:column;align-items:flex-start;padding-bottom: 0;}
.advantage .card-img{width:100%;}
.advantage .card-text{width: 100%;padding-left:0;padding: 15px 0;}}
@media only screen and (max-width:480px){
.advantage .card-grid{grid-template-columns: 1fr;gap: 15px;}
.advantage .item-card{padding: 15px;padding-bottom: 0;}}

.platform{padding-top: 0;}
.platform .section-title{color: var(--ink);font-size:38px;font-weight: 700;text-align: center;margin-bottom:50px}
.platform .intro{margin-bottom: 50px;text-align: center;}
.platform .intro h3{color: var(--ink);font-size: 22px;margin-bottom: 10px;font-weight: 500;}
.platform .intro p{color: var(--muted);font-size: 16px;line-height: 1.6;}
.platform .card-grid{display:grid;grid-template-columns:1fr 1fr;gap: 40px;padding-bottom: 50px;}
.platform .item-card{display:flex;align-items:center;}
.platform .card-img{width: 35%;flex-shrink:0;border-radius: 3px;padding: 2px;background: linear-gradient(135deg, var(--blue), var(--green));overflow:hidden}
.platform .card-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius: inherit;border: 10px solid #fff;}
.platform .card-text{flex:1;}
.platform .card-text *{padding: 0 20px 0 50px;}
.platform .card-title{position: relative;color: var(--blue);font-size: 24px;font-weight: 680;text-align: right;}
.platform .card-title:before{content: "▶ ▶";color: var(--green);position: absolute;left: 10px;top: 50%;font-size: 20px;transform: translateY(-50%);}
.platform .card-line{position: relative;width: 100%;height: 3px;margin: 15px 0;padding: 0;background: linear-gradient(135deg, var(--blue), var(--green));}
.platform .card-line:after{content: " ";position: absolute;top: 50%;right: 0;width: 13px;height: 13px;border-radius: 50%;transform: translateY(-50%);background: linear-gradient(135deg, var(--blue), var(--green));}
.platform .card-desc{color:  var(--muted);font-size:16px;line-height:1.65}
.platform .item-card:nth-child(odd){flex-direction: row-reverse;transform: translateY(50px);}
.platform .item-card:nth-child(odd) .card-text *{padding: 0 50px 0 20px;}
.platform .item-card:nth-child(odd) .card-title{text-align: left;}
.platform .item-card:nth-child(odd) .card-title:before{content: "◀ ◀";color: var(--green);left: auto;right: 10px;}
.platform .item-card:nth-child(odd) .card-line:after{position: absolute;left: 0;}
.platform .more{text-align: center;margin-top: 6rem;}
@media only screen and (max-width:1440px){
.platform .section-title{font-size: 36px;}
.platform .card-grid{gap: 30px;padding-bottom: 40px;}
.platform .card-text *{padding: 0 15px 0 40px;}
.platform .card-title{font-size: 22px;}
.platform .card-title:before{font-size: 18px;}
.platform .card-desc{font-size: 15px;}
.platform .item-card:nth-child(odd){transform: translateY(40px);}
.platform .item-card:nth-child(odd) .card-text *{padding: 0 40px 0 15px;}
.platform .more{margin-top: 5rem;}}
@media only screen and (max-width:1024px){
.platform .section-title{font-size: 32px;margin-bottom: 35px;}
.platform .intro{margin-bottom: 35px;}
.platform .intro h3{font-size: 20px;}
.platform .intro p{font-size: 14px;}
.platform .card-grid{gap: 25px;padding-bottom: 30px;}
.platform .card-img img{border-width: 8px;}
.platform .card-text *{padding: 0 15px 0 30px;}
.platform .card-title{font-size: 18px;}
.platform .card-title:before{font-size: 14px;}
.platform .card-line{height: 2px;margin: 10px 0;}
.platform .card-line:after{width: 10px;height: 10px;}
.platform .card-desc{font-size: 14px;}
.platform .item-card:nth-child(odd){transform: translateY(30px);}
.platform .item-card:nth-child(odd) .card-text *{padding: 0 30px 0 15px;}
.platform .more{margin-top: 3rem;}}
@media only screen and (max-width:768px){
.platform .intro{margin-bottom: 20px;}
.platform .intro br{display: none;}
.platform .section-title{font-size: 26px;margin-bottom: 25px;}
.platform .card-grid{gap: 5px;grid-template-columns: 1fr;padding: 0;}
.platform .item-card{transform: none!important;}
.platform .card-img{width: 20%;}
.platform .more{margin-top: 2rem;}}
@media only screen and (max-width:480px){
.platform .card-grid{grid-template-columns: 1fr;gap: 15px;}
.platform .card-img{width: 25%;}
.platform .card-img img{border-width: 5px;}
.platform .card-text *{padding: 0 10px 0 20px;}
.platform .card-title{font-size: 17px;}
.platform .card-title:before{font-size: 12px;}
.platform .card-line{margin: 5px 0;}
.platform .card-line:after{width: 8px;height: 8px;}
.platform .card-desc{font-size: 13px;}
.platform .item-card:nth-child(odd) .card-text *{padding: 0 20px 0 10px;}}

.pro_show main{position: relative;display:grid;grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);gap:30px;align-items: start;padding: 40px;}
.pro_show main:before,.pro_show main:after{display: none;}
.pro_show .left-img{position: sticky;top: 100px;}
.pro_show .left-img img{max-width: 100%;}
.pro_show .tag{display:flex;gap: 10px;flex-wrap:wrap}
.pro_show .tag span{display:inline-block;color: var(--blue);font-size: 14px;padding: 8px 20px;border-radius: 50px;background: rgba(41, 113, 171, .08);}
.pro_show .tag.app span{font-weight: 800;color: #296579;background: rgba(32, 128, 160, .1);}
.pro_show .detail{margin-top: 30px;}
.pro_show h1{color: var(--ink);font-size: 40px;font-weight: 700;margin: 8px 0;}
.pro_show h3{color: var(--ink);font-size: 18px;font-weight: 680;margin-bottom: 20px;}
.pro_show p{color: var(--muted);font-size: 16px;line-height: 1.56;}
.pro_show ul{display: grid;gap: 8px;padding-left: 18px;}
.pro_show ul li{color: var(--muted);font-size: 16px;line-height: 1.5;list-style: disc;}
.pro_show dl{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1px;background: rgba(29, 29, 31, .08);overflow: hidden;}
.pro_show dt{color: var(--muted);font-size: 16px;line-height: 1.6;padding: 10px;background: #fff;}
.pro_show .sample{max-width: 360px;border:1px solid #e4e7ec;}
.pro_show .sample img{width: 100%;%}
.pro_show .btn-group{display:flex;gap: 15px;}
@media only screen and (max-width:1024px){
.pro_show main{grid-template-columns:1fr;padding: 30px;}
.pro_show .left-img{position: revert;margin: 0 auto;}
.pro_show .print-part-box{width:100%;max-width:280px}}
@media only screen and (max-width:768px){
.pro_show main{padding: 20px;}
.pro_show .tag{gap: 8px;}
.pro_show .tag span{font-size: 12px;padding: 8px 15px;}
.pro_show .detail{margin-top: 20px;}
.pro_show h1{font-size: 26px;}
.pro_show h3{font-size: 16px;margin-bottom: 15px;}
.pro_show p{font-size: 14px;}
.pro_show ul{gap: 5px;}
.pro_show ul li{font-size: 14px;}
.pro_show dt{font-size: 13px;line-height: 1.6;padding: 8px;}
.pro_show .sample{max-width: 360px;border:1px solid #e4e7ec;}
.pro_show .sample img{width: 100%;}
.pro_show .btn-group{gap: 10px;justify-content: center;}}
@media only screen and (max-width:540px){
.pro_show main{padding: 15px;}
.pro_show .param-table{grid-template-columns:1fr}}