﻿@charset "utf-8"; 
:root{--color:#da3600}
#wmkc .wmkc-whatsapp .wmkc-wechat-img.wmkc-whatsapp-img{top:0;bottom:auto;transform-origin: right top;}
.contact-list {align-items:inherit;}
#tagTabs .tagItem:nth-child(2){display:none}
.home-product{padding:4% 0;}
.home-project{padding:2% 0;background:#fff}
.home-indexadv{background:url(https://css02.v15cdn.com/m430/imgs/indexadv-bg.webp) no-repeat center/cover;position: relative;padding:4% 0;}
.home-indexadv .l-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.home-indexadv .indexadv-left{width:45%}
.home-indexadv .indexadv-left .about-content{color: var(--fontcolorintro);margin-top: 30px;}
.home-indexadv .indexadv-left .about-content .color{font-weight: var(--fontbold7);font-size: var(--fontsize18);color: #080808;}
.home-indexadv .indexadv-left .about-content .color span{color: var(--color);font-size: var(--fontsize24);padding-right: 10px;}
.home-indexadv .indexadv-left .indexadv-left-text p{margin-bottom:10px}
.home-indexadv .indexadv-left .home-title{text-align:left;margin-bottom:20px}
.home-indexadv .indexadv-left .indexadv-video{display:flex;flex-wrap:wrap;align-items:center;margin-top:2em}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:228px;height:100px;background:#f7f7f7;position:relative}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#f7f7f7;border-radius:50%;color:var(--color);display:inline-flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap iframe,.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap video{width:100%;height:100%;object-fit:cover}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{flex:1;padding-left:20px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content span{font-size:22px;font-weight:var(--fontbold6)}
.home-indexadv .indexadv-left .home-more{margin-top:2em}
.home-indexadv .indexadv-right{flex:1;padding-left:30px}
.home-indexadv .indexadv-right ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0px}
.home-indexadv .indexadv-right ul li{width:48%;box-shadow:0 3px 29px 0 #dedede;border-radius:var(--borderradius);background:#FFF;padding:30px 20px;transition:all .2s linear}
.home-indexadv .indexadv-right ul li:nth-child(1),.home-indexadv .indexadv-right ul li:nth-child(2){margin-bottom:2em}
.home-indexadv .indexadv-right ul li .icon{width:80px;height:80px;background:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.home-indexadv .indexadv-right ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.01);background:#f3f8f6;z-index:-1;width:100%;height:100%;transition:all .3s linear;border-radius:50%}
.home-indexadv .indexadv-right ul li .icon em{font-size:34px;color:var(--color);transition:all .3s linear}
.home-indexadv .indexadv-right ul li span{font-size:22px;font-weight:var(--fontbold6);display:inline-block;padding:15px 0px 10px;text-transform:capitalize}
.home-indexadv .indexadv-right ul li p{color:#666}
.home-indexadv .indexadv-right ul li:hover .icon::after{transform:translate(-50%,-50%) scale(0)}
.home-indexadv .indexadv-right ul li:hover .icon em{color:#FFF}
@media (max-width:1024px){.home-indexadv .indexadv-left{width:100%}
.home-indexadv .indexadv-right{padding-left:0px;padding-top:30px}}
@media (max-width:768px){.home-indexadv{padding:40px 0;}
.home-indexadv{background:none}
.home-indexadv .indexadv-left .home-title{text-align:center}
.home-indexadv .indexadv-right ul li span{font-size:18px;}
.home-indexadv .indexadv-left .about-content,.home-indexadv .indexadv-left .home-more{margin-top:15px;}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:100%;height:auto}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{width:44px;height:44px;font-size:var(--fontsize30)}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{padding-left:0px;padding-top:20px}
.home-indexadv .indexadv-right ul li{width:100%;margin-bottom:2em}
.home-indexadv .indexadv-right ul li .icon{width:60px;height:60px}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize26)}}
.home-about{padding:0 0 4%;}
.home-about .about-contact{background:var(--color)}
.home-about .about-contact p{color:#fff;line-height:1}
.home-about .about-contact p.title{font-size:var(--fontsize26);}
.home-about .about-contact p.word{font-size:var(--fontsize16);font-weight:normal;margin-top:20px;}
.home-about .home-more{background:#fff;color:var(--color);border:2px solid #fff;}
.home-about .home-more:hover{background:transparent;color:#fff;}
@media (max-width:768px){.home-about .about-contact{display:block;}
.home-about{padding-top:0;}
.home-about .about-contact{padding:20px;}
.home-about .about-contact p{line-height:1.3}
.home-about .about-contact p.title{font-size:var(--fontsize22);}
.home-about .about-contact p.word{margin-top:10px;}}
.home-title{text-transform:uppercase}
.home-project .home-des {color:#333;margin:10px 0;}
.home-project .swiper {padding:0;}
.home-project .swiper .swiper-slide{max-height:inherit}
.home-project .swiper .project-button-prev,.home-project .swiper .project-button-next {background:rgba(0,0,0,.5);z-index:2;top:50%;margin-top:-20px}
.home-project .swiper .project-button-next {right:10px;}
.home-project .swiper .project-button-prev {left:10px}
.home-honor{padding:8% 0 4%;}
.home-honor .honorwrap{position:relative;padding:0px;margin-top:3%;}
@media (min-width:769px){.home-honor #honor-swiper{margin:0 70px;}}
.home-honor .swiper-wrapper{align-items: center;}
.home-honor .honorwrap .item{width:100%;overflow:hidden;transition:all .2s linear}
.home-honor .honorwrap .item:hover{transform:scale(1.05)}
.home-honor .honorwrap .item img{width:100%;height:100%;cursor:pointer}
.home-honor .home-button-next,.home-honor .home-button-prev{position:absolute;left:0px;top:40%;background:0 0;width:40px;height:40px;border:1px solid #DFDFDF;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer}
.home-honor .home-button-next:hover,.home-honor .home-button-prev:hover{background:var(--color);border-color:var(--color)}
.home-honor .home-button-next:hover i,.home-honor .home-button-prev:hover i{color:#FFFFFF}
.home-honor .home-button-next i,.home-honor .home-button-prev i{color:var(--fontcolor)}
.home-honor .home-button-next{left:auto;right:0px}
.home-honor .swiper-pagination-bullet-active{background: var(--color);}
@media (min-width:769px){.home-honor .swiper-pagination{display:none;}}
@media (max-width:768px){.home-honor .honorwrap{padding:0;}
.home-honor .home-button-next, .home-honor .home-button-prev{display:none;}
.home-honor .honorwrap .swiper{padding-bottom:40px;}}
@media (max-width:500px){.home-honor{padding:20px 0;}
.home-honor .honorwrap .swiper{margin-top:20px;}}
.popcompany{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;display:none}
.popcompanycontent{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.popcompanyinfo{background:#fff;position:relative}
.popcompanyinfo span{display:block;width:40px;height:40px;background:#fff;border-radius:50%;border:1px solid #ccc;position:absolute;top:-20px;right:-20px;cursor:pointer}
.popcompanyinfo span:before{content:'';width:24px;height:1px;background:#000;position:absolute;transform:rotate(45deg);left:8px;top:20px}
.popcompanyinfo span:after{content:'';width:24px;height:1px;background:#000;position:absolute;transform:rotate(-45deg);top:20px;left:8px}
.popcompanyinfo img{padding:3vw 2vw;display:block;max-width:70vw;max-height:70vh}
.foot-info .words,.foot-info .foot-tel{margin-top:10px;}
@media (min-width:1025px){
.foot-info{margin-right:5%;}
.foot-nav .foot-item.foot-quick{width:25%;}
.foot-nav .foot-item.foot-pro{width:15%;}
.foot-nav .foot-item.foot-contact{width:30%;}
.foot-nav .foot-item.foot-code{width:11%;}}
.foot-nav .foot-item.foot-contact ul li{display: flex;align-items: baseline;}
.foot-nav .foot-item.foot-contact ul li a{margin-left:5px;}
@media (min-width:769px) and (max-width:1024px){.foot-nav .foot-item.foot-quick{width:25%;}
.foot-nav .foot-item.foot-pro{width:15%;}
.foot-nav .foot-item.foot-contact{width:30%;}}
@media (max-width:768px){.foot-nav .foot-item.foot-contact ul li{width:100%;}}
.home-banner .swiper-slide::after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: #0000002b;z-index: 0;}
.home-banner .banner-animote{z-index: 3;bottom:25%;}
 .home-banner .banner-animote .title{margin-bottom:10px}
.home-banner .banner-animote .text{font-size:var(--fontsize22)}
.home-banner .banner-animote .more{margin-top: 10px;background:var(--color);padding:6px 20px;display:inline-block;margin-top: 5%;}