@font-face {font-family: "iconfont";src: url('/js/43283/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-xiangxia:before {content: "\f01a6";}
 
 .about2 .mySwiper3 .swiper-slide{position:relative;text-align:center;color:var(--introcolor);font-weight:var(--fontbold6);padding:30px 0px;cursor:pointer}
.about2 .mySwiper3 .swiper-slide::after{content:"";position:absolute;left:50%;bottom:0px;transform:translateX(-50%);width:12px;height:12px;background:#FAFAFA;border-radius:50%;border:2px solid #E5E5E5}
.about2 .mySwiper3 .swiper-slide::before{content:"";position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:100%;height:2px;background:#E5E5E5}
.about2 .mySwiper3 .swiper-slide.swiper-slide-thumb-active{color:var(--color)}
.about2 .mySwiper3 .swiper-slide.swiper-slide-thumb-active::after{background:var(--color);border-color:var(--color)}
.about2 .mySwiper4{margin-top:40px}
.about2 .mySwiper4 .swiper-slide{display:flex;align-items:center;justify-content:center}
.about2 .mySwiper4 .swiper-slide .year{color:var(--fontcolor);font-size:var(--fontsize36);font-weight:var(--fontbold6);margin-right:20px}
.about2 .mySwiper4{margin-top:40px}
.about2 .mySwiper4 .swiper-slide{display:flex;align-items:center;justify-content:center}
.about2 .mySwiper4 .swiper-slide .year{color:var(--fontcolor);font-size:var(--fontsize36);font-weight:var(--fontbold6);margin-right:20px}
.about-us .wmkcfeedback .inquiry-form>*{background: #fafafa;}

.technology-content{width:100%;height:100%;margin:70px auto;padding:0}
.technology-content ul{width:100%;display:flex;justify-content:space-between}
.technology-content ul li{width:22%;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 8px 0 rgba(19,20,21,.17);position:relative;padding:4% 0;padding-bottom:2%;border-radius:var(--border)}
.technology-nr{display:flex;flex-direction:column;justify-content:center;align-items:center}
.technology-nr .technology-top{position:relative}
.technology-nr p{text-align:center;margin-top:18%;font-size:var(--fontsize20);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.technology-content .show{position:absolute;background-color:var(--color);width:100%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--fontsize18);opacity:0;transition:all .6s ease;border-radius:var(--border);top:0;left:0}
.technology-content .show p{width:100%}
.technology-content .show p:nth-child(1){font-size:var(--fontsize24);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.technology-content .show p:nth-child(2){text-align:center;font-size:var(--fontsize16);width:80%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.technology-content ul li:hover .show{opacity:1}
.technology-content ul li:hover .technology-top em{display:none}
.technology-top>div:nth-of-type(1){display:flex;justify-content:center;align-items:center;position:relative;z-index:3}
.technology-top>div:nth-of-type(1) img{width:30px;display:block;transform:translateY(-15px)}
.technology-mod{position:absolute;z-index:0;transform:translate(-50%) rotate(-90deg);top:-170%;left:20px}
.technology-mod em{color:var(--color);font-size:100px;line-height:1}
.technology-content ul li:hover .technology-nr{display:none}

.pageabout .pageabout-mod1{display:flex;align-items:center}
.pageabout .pageabout-mod1 .left{width:50%;box-sizing:border-box;padding-right:40px}
.pageabout .pageabout-mod1 .left .home-des-box{justify-content:left}
.pageabout .pageabout-mod1 .left .home-title{text-align:left}
.pageabout .pageabout-mod1 .left .about-text{margin:20px 0}
.pageabout .pageabout-mod1 .left .about-text p{color:var(--introcolor);font-size:var(--fontsize16)}
.pageabout .pageabout-mod1 .left .about-adv li{display:flex;align-items:center;margin:4px 0;list-style:none;color:var(--fontcolor);font-size:var(--fontsize18)}
.pageabout .pageabout-mod1 .left .about-adv em{color:var(--color);font-size:var(--fontsize20);margin-right:8px;margin-top:4px}
.pageabout .pageabout-mod1 .right{width:50%}
.pageabout .pageabout-mod2{margin-top:50px;box-sizing:border-box;padding-top:50px;}
.pageabout .pageabout-mod2 .home-title{color:#fff}
.pageabout .pageabout-mod2 .service{width:98%;margin:0 auto;position:relative;display:flex;justify-content:space-around;box-sizing:border-box;padding:50px 16%;padding-top:70px;margin-top:50px}
.pageabout .pageabout-mod2 .service::before{content:"";width:100%;border-bottom:310px solid #fff;border-left:200px solid transparent;border-right:200px solid transparent;position:absolute;box-sizing:border-box;left:0;bottom:0}
.pageabout .pageabout-mod2 .service .service-item{width:30%;position:relative;background-color:#f4f4f4;border-radius:5px;border-top:5px solid var(--color);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:40px 20px 20px 20px;transition:all .1s linear}
.pageabout .pageabout-mod2 .service .service-item:hover{transform:translateY(-10px)}
.pageabout .pageabout-mod2 .service .item-icon{background-color:#fff;border-radius:5px;box-sizing:border-box;padding:4px;position:absolute;width:70px;height:70px;top:-35px;left:50%;transform:translateX(-50%)}
.pageabout .pageabout-mod2 .service .item-icon em{display:flex;align-items:center;justify-content:center;border-radius:5px;width:100%;height:100%;background-color:var(--color);color:#fff;font-size:36px}
.pageabout .pageabout-mod2 .service .item-tit{text-align:center;font-size:var(--fontsize24);color:var(--fontcolor);font-weight:var(--fontbold5);margin-bottom:10px;text-transform:capitalize;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pageabout .pageabout-mod2 .service .item-text p{text-align:center;color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.pageabout .pageabout-mod3{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between}
.pageabout .pageabout-mod3 .img-item{width:16%;box-sizing:border-box;padding:2%;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;transition:all .1s linear}
.pageabout .pageabout-mod3 .img-item:hover{background-color:#f4f4f4}
.home-des-box{display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.home-des-into{width: 40px;height: 15px;margin-right: 10px;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;}
.home-des{color: #ffffff;font-size: var(--fontsize18);font-weight: var(--fontbold5);display: inline-block;text-transform: uppercase;margin: 0;}
.about1{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-bottom:3%}
.about1 .home-title{text-align:left;margin-bottom:10px}
.about1 .left{width:35%}
.about1 .right{flex:1;padding-left:40px}
.about1 .right ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}
.about1 .right ul li{width:47%;display:flex;align-items:flex-start}
.about1 .right ul li:nth-child(1),.about1 .right ul li:nth-child(2){margin-bottom:2em}
.about1 .right ul li .img{width:100px;height:100px;display:flex;justify-content:center;align-items:center;mask:no-repeat center;background-color:var(--color)}
.about1 .right ul li .img img{mask:#fff}
.about1 .right ul li .info{flex:1;padding-left:0}
.about1 .right ul li .p1{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.about1 .right ul li:nth-child(1) .img{mask-image:url(https://css02.v15cdn.com/m433/imgs/about-icon-1.webp)}
.about1 .right ul li:nth-child(2) .img{mask-image:url(https://css02.v15cdn.com/m433/imgs/about-icon-2.webp)}
.about1 .right ul li:nth-child(3) .img{mask-image:url(https://css02.v15cdn.com/m433/imgs/about-icon-3.webp)}
.about1 .right ul li:nth-child(4) .img{mask-image:url(https://css02.v15cdn.com/m433/imgs/about-icon-4.webp)}
@media (max-width:1024px){.about1 .left{width:100%}
.about1 .right{padding:0;margin-top:20px}}
@media (max-width:768px){.about1 .right ul li{width:100%;margin-bottom:1em!important}
.about1 .right ul li .img{width:70px;height:70px;mask-size:40px}
.about1 .right ul li .p1{font-size:var(--fontsize18)}}
@media(max-width:1024px){.pageabout-mod2{display:none;}}
.about-us-iframe {height: 600px;}