@charset "utf-8"; 
.index main{background:#fff;font-family:HarmonyOS_Sans_SC}
.common-width{max-width:1530px;margin:0 auto;box-sizing:border-box}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.about{background:#f1f1f1!important;padding:0;margin-top:30px}
.about-l,.about-r{width:50%}
.about-r{padding-left:80px;padding-right:160px;box-sizing:border-box}
.about-t{color:#1a1a1a;font-size:27px;text-transform:uppercase;font-weight:700}
.about-w{margin:30px 0}
.about-w p{color:grey;font-size:20px;line-height:1.6}
.about-more a{font-size:15px;color:#fff;background:#e70215;border-radius:23px;padding:8px 20px;display:inline-block;transition:all .5s;border:1px solid #e70215}
.about-more a:hover{background:#fff;color:#e70215}
.about-hidden{display:none;position:fixed;left:0;top:0;height:100%;background:#000c;width:100%;z-index:9999}
.abouthidden-img {width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.abouthidslide {width:100%;max-width:50%;position:relative}
.abouthidden-btn>div {position:absolute;top:50%;z-index:11;margin-top:-15px;cursor:pointer}
.abouthidden-btn>div i {color:#e70215;font-size:30px;font-weight:bold}
.abouthidden-prev {left:0}
.abouthidden-next {right:0}
.some{width:100%;background:url(/Content/uploads/2023131697/20230110093427297bb6caf2054068a6a11b22d36718e9.jpg) no-repeat;background-size:cover;padding:110px 0}
.beeBox{text-align:center;position:relative}
.beeBox,.bee-img {width:100%}
.bee-img{position:relative}
.bee-img img{width:92%}
.bee-img a{position:absolute;width:190px;height:190px;border-radius:70px;display:block;top:40%;left:50%;transform:translate(-50%,-50%)}
.bee-img .a1{top:60%;left:12%}
.bee-img .a2{top:41%;left:25%}
.bee-img .a3{top:81%;left:25%}
.bee-img .a4{top:21%;left:37.5%}
.bee-img .a5{top:60%;left:37.5%}
.bee-img .a7{top:21%;left:63%}
.bee-img .a8{top:61%;left:63%}
.bee-img .a9{top:41%;left:75.5%}
.bee-img .a10{top:81%;left:75.5%}
.bee-img .a11{top:60%;left:88%}
.bee-t{text-align:center;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.bee-t p{font-size:40px;color:#1a1a1a;font-weight:700;text-transform:uppercase;line-height:1.3}
.icon-ul{padding:100px 60px}
.icon-ul li{width:32%;margin:10px 0;background:#fafafa;border:1px solid #d1d1d1;border-radius:30px;text-align:center;padding:70px 0;transition:.3s}
.icon-ul li:hover {box-shadow:0 0 10px #aaa;background:#eee;border-color:#eee}
.icon-ul li .img{width:47px;height:47px;background:#e70215;display:inline-block;border-radius:50%;position:relative}
.icon-ul li img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.icon-num{color:#000;font-size:42px;font-weight:700;margin:40px 0 25px}
.icon-p{color:#b3b3b3;font-size:20px}
.logo-t{font-size:31px;color:#1a1a1a;text-align:center;font-weight:700;text-transform:uppercase}
.logo-container{padding-top:70px;width:90%;margin:0 auto}
.logo-container .swiper-wrapper .swiper-slide{width:auto}
.metal{padding:100px 0;background:#f7f7f7}
.metal-l{width:40%}
.metal-l>div{overflow:hidden;border-radius:20px}
.metal-r{width:55%}
.metal-t{color:#202020;font-size:31px;font-weight:700;text-transform:uppercase;margin-bottom:30px}
.metal-w{color:#616060;font-size:20px;line-height:1.6;width:85%}
.certificates{background:url(/Content/uploads/2023131697/20230110093427ce900f2094624299b676ee634730af5d.jpg) no-repeat;background-size:cover;background-position:center;padding:100px 0}
.cer-t{font-size:31px;color:#1a1a1a;text-align:center;text-transform:uppercase;font-weight:700;margin-bottom:70px}
.cer-li{width:13%;margin:5px 0;text-align:center}
.cer-li img{width:100%;display:block;transition:.3s}
.cer-li img:hover{transform: scale(2) !important}
.cer-li:hover{z-index: 9}
.cer-li .cer-name{color:#1a1a1a;font-size:18px;font-weight:700;margin:20px 0}
.cer-li .cer-add{border-radius:50%;display:inline-block;border:3px solid #b3b3b3;width:25px;height:25px}
.cer-li .cer-add div{color:#b3b3b3;font-size:20px;font-weight:700;cursor:pointer}
@media (max-width:1600px){
.bee-img img{width:100%}
.bee-img .a1{top:60%;left:9%}
.bee-img .a2{top:40%;left:22.5%}
.bee-img .a3{top:80%;left:22.5%}
.bee-img .a4{top:20%;left:36.5%}
.bee-img .a5{top:60%;left:36.5%}
.bee-img .a7{top:20%;left:64%}
.bee-img .a8{top:60%;left:64%}
.bee-img .a9{top:40%;left:78%}
.bee-img .a10{top:80%;left:78%}
.bee-img .a11{top:60%;left:91%}}
@media (max-width:1440px){.common-width{width:1200px}
.certificates,.metal,.some{padding:70px 0}
.about-r{padding-left:50px;padding-right:70px}
.about-w p,.metal-w{font-size:16px}
.bee-img a{width:160px;height:160px}
.bee-t p{font-size:30px}
.icon-ul{padding:50px 60px}
.icon-ul li{padding:40px 0}
.logo-container{padding-top:50px}}
@media (max-width:1025px){.head,body{min-width:100%}
.common-width{max-width:100%;padding:0 20px}
.about-r{padding:0 20px}
.about-w{margin:15px 0}
.about-w p,.metal-w{font-size:13px}
.about-t{font-size:22px}
.bee-img a{width:120px;height:120px;border-radius:40px}
.bee-t p{font-size:20px}
.icon-num{margin:20px 0;font-size:32px}
.icon-p{font-size:16px}
.icon-ul li{padding:25px 0}
.cer-t{margin-bottom:40px}
.cer-li .cer-name{font-size:14px;margin:10px 0}
.cer-li .cer-add{width:16px;height:16px;border:1px solid #b3b3b3}
.cer-li .cer-add div{font-size:12px}}
@media (max-width:769px){.about-l,.about-r,.metal-l,.metal-r{width:100%}
.about-r{padding:20px}
.bee-img a{width:90px;height:90px}
.certificates,.metal,.some{padding:40px 0}
.bee-t p{font-size:14px}
.icon-ul{padding:40px 20px}
.icon-num{margin:10px 0;font-size:22px}
.icon-p{font-size:12px}
.logo-t{font-size:26px}
.metal-t{font-size:22px}
.metal-l img,.metal-w{width:100%}
.metal-t{margin-bottom:10px}
.metal-r{padding-top:20px}
.cer-li{width:32%;margin:10px 0}}
@media (max-width:640px){.about-t,.icon-num{font-size:16px}
.certificates,.icon-ul,.metal,.some{padding:20px 0}
.bee-img a{width:40px;height:40px}
.bee-t{position:inherit;transform:inherit;left:0}
.bee-t p{font-size:12px}
.icon-ul li{width:47%;margin:5px 0;padding:15px 0}
.cer-t,.logo-t,.metal-t{font-size:20px}
.about-w p,.metal-w{font-size:12px}
.cer-t{margin-bottom:15px}
.cer-li{width:48%}
.logo-container{padding-top:20px}}
.foot-con a{color:#707070}
#colee_left {overflow:hidden}
#colee_left img {height:70px;max-width:inherit;margin-right:16px}
.table td, .table th {padding:10px}
.bottom .iw dl:nth-child(4) dd:last-child a:nth-child(5){display:none}
.about {background:url(/Content/uploads/2022131697/202212141039026023356a23c7463196c5645e5a755e84.jpg) no-repeat}
.about{margin-top:0px;padding:0}
.wmkc-back{padding:50px 0;margin-top:50px;background:#0000008a}
.foot-about {display:none}
.swiper-container .swiper-slide img {max-height:65vh;object-fit:contain}
.abouthidden-img .swiper-container .swiper-slide {height:auto;align-items:center}
@media screen and (min-width:769px){.nyprodbox {display:flex;justify-content:space-between;margin-top:25px}
.nyprodbox .cate-box {display:block!important;width:260px}
.nyprodbox .prolist-1 {width:calc(100% - 300px);margin:0}
.nyprodbox .cate-box .crumb-r {background:var(--color);line-height:50px;padding:0 18px;color:#fff;font-weight:bold;font-size:22px}
.nyprodbox .cate-box .crumb-r i {display:none}
.nyprodbox .cate-box .sf-menu li.LiLevel2{position:relative}
.nyprodbox .cate-box .sf-menu li.LiLevel2::before{content:'>';display:inline-block;position:absolute;top:9px;left:0;color:#000}
.nyprodbox .cate-box .sf-menu li a {display:block;line-height:1.4;padding:10px 12px;border-bottom:1px solid #ccc;position:relative}
.nyprodbox .cate-box .sf-menu li a.currentProType{color:var(--color);font-weight:bold}
.nyprodbox .cate-box .sf-menu li i {display:none}
.nyprodbox .cate-box .sf-menu>li>a {font-weight:bold}
.nyprodbox .cate-box .sf-menu li ul {padding-left:12px}}
@media screen and (max-width:1620px){.nyprodbox .prolist-1 li {width:32%;margin-right:2%}
.nyprodbox .prolist-1 li:nth-child(4n) {margin-right:2%}
.nyprodbox .prolist-1 li:nth-child(3n) {margin-right:0}}
@media screen and (max-width:1280px){.nyprodbox .prolist-1 li {width:48%;margin-right:4%}
.nyprodbox .prolist-1 li:nth-child(3n) {margin-right:4%}
.nyprodbox .prolist-1 li:nth-child(2n) {margin-right:0}}
#popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000090;z-index:9999}
#popup #popup-image{width:100%;max-height:80vw;position:relative;display:flex;align-items:center;justify-content:center;max-width:500px;width:100%;margin:0 auto;top:calc(50% - 80px);transform:translateY(-50%)} 
#popup #popup-image img{width:100%;height:auto;display:block} 
#popup .close-button{width:40px;height:40px;border-radius:50%;display:block;margin:30px 40px 30px auto;background-color:var(--color);color:#fff;background:var(--color);cursor:pointer;line-height:36px;text-align:center;font-size:22px}
@media (max-width:1366px){#popup #popup-image{max-width:400px}}
@media (max-width:768px){#popup #popup-image{max-width:90%;padding:0 8%;box-sizing:border-box}}