﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.productcate .home-title{text-align:center}
.productcate .home-des{text-align:center}
.productcate-list li{width:16%;margin-top:20px}
@media (max-width:768px){.productcate-list li{width:32%;margin-top:15px}
}
.news .home-title{margin-bottom:0}
.news .home-des{text-align:center;margin-bottom:2%}

.wmpage15-machining-title{text-align:center;margin-bottom:30px}
.wmpage15-machining-title h4{font-size:var(--wmpage-font42);font-weight:var(--fontbold7);margin-bottom:60px;line-height:1.25;position:relative}
.wmpage15-machining-title h4::after{width:60px;height:2px;content:'';position:absolute;background:var(--wmpage-color8,#666);bottom:-30px;left:50%;margin-left:-30px}
.wmpage15-machining-pro{display:flex;align-items:center}
.wmpage15-machining-item{width:26%;}
.wmpage15-machining-for{flex:1;overflow:hidden;padding-left:30px}
.wmpage15-machining-for li{display:none}
.wmpage15-machining-alls{display:flex;align-items:center;position:relative}
.wmpage15-machining-alls::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:var(--color);z-index:-1;opacity:.08}
.wmpage15-machining-item li{width:100%;margin-bottom:15px;text-decoration:none;font-style:normal;font-weight:var(--fontbold4);display:block;padding:27px 20px;text-align:center;position:relative;cursor:pointer;font-size:var(--wmpage-font18);line-height:1}
.wmpage15-machining-item li:nth-last-child(1){margin-bottom:0}
.wmpage15-machining-item li::after{position:absolute;content:'';width:100%;height:100%;background:var(--color);left:0;top:0;z-index:-1;opacity:.08}
.wmpage15-machining-pic{width:48%;overflow:hidden}
.wmpage15-machining-pic img{display:block;transition:all .3s ease-in-out;width:100%}
.wmpage15-machining-text{flex:1;padding:20px 50px;}
.wmpage15-machining-tit{font-size: var(--wmpage-font20);font-style: normal;font-weight: var(--fontbold6);margin-bottom: 10px;}
.wmpage15-machining-text p{color:var(--wmpage-color8,#666);font-style:normal;font-weight:var(--fontbold4)}
.wmpage15-machining-item .active{color:#fff;background:var(--color)}
.wmpage15-machining-pic:hover img{transform:scale(1.02)}
@media(max-width:1600px){.wmpage15-machining-item li{padding:30px 20px}
}
@media(max-width:1420px){.wmpage15-machining-item li{padding:25px 20px}
.wmpage15-machining-text{padding:10px 30px}
}
@media(max-width:1200px){.wmpage15-machining-item li{font-size:var(--wmpage-font16);}
.wmpage15-machining-text{padding:20px 30px}
.wmpage15-machining-text p{font-size:var(--wmpage-font14)}
.wmpage15-machining-title h4{margin-bottom:35px}
.wmpage15-machining-title h4::after{bottom:-15px}
}
@media(max-width:1024px){.wmpage15-machining-pro{flex-direction:column}
.wmpage15-machining-item{width:100%;display:flex;justify-content:space-between}
.wmpage15-machining-item li{width:19.5%;margin-bottom:15px;padding:10px;line-height:1.5;font-size:var(--wmpage-font14)}
.wmpage15-machining-for{width:100%;max-width:100%;padding-left:0}
.wmpage15-machining-item li{font-size:var(--wmpage-font14)}
.wmpage15-machining-item li:nth-last-child(1){margin-bottom:15px}
}
@media(max-width:768px){.wmpage15-machining-item{flex-wrap:wrap}
.wmpage15-machining-item li{width:100%;max-width:100%}
}
@media(max-width:600px){.wmpage15-machining-alls{flex-direction:column}
.wmpage15-machining-pic,.wmpage15-machining-pic img,.wmpage15-machining-text{width:100%}
.wmpage15-machining-for{max-height:100%}
.wmpage15-machining-text{padding:15px}
.wmpage15-machining-tit{margin-bottom:5px}
.wmpage15-hand-text h4{font-size:var(--wmpage-font18)}
}
.wmpage15-machining {padding:4% 0 0;}
.wmpage15-machining .home-title,.wmpage15-machining .home-des {text-align:center;}
.wmpage15-machining-pro {margin-top:30px;}
.wmpage15-machining-item li {padding:20px 15px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
@media (max-width:1024px){.wmpage15-machining-item li{margin-bottom:15px}}
.wmpage209-page1 {padding-top:4%}
.wmpage209-page1-contant{display:flex;align-items:center}
.wmpage209-page1-left{width:50%;padding-right:45px;box-sizing:border-box}
.wmpage209-page1-right{width:50%;position:relative;overflow:hidden;display:block}
.wmpage209-page1-right img{width:100%;aspect-ratio:1.5/1;border-radius:8px;overflow:hidden}
.wmpage209-page1-left .wmpage-title{margin-top:-5px;position:relative}
.wmpage209-page1-left .wmpage-title b{color:var(--color)}
.wmpage209-page1-span{width:80px;position:relative;overflow:hidden;display:block;background:0 0;height:5px;margin:11px 0 0}
.wmpage209-page1-span::after{position:absolute;bottom:0;right:0;width:70px;height:1px;background:var(--color);content:''}
.wmpage209-page1-span::before{position:absolute;top:0;left:0;width:70px;height:1px;background:var(--color);content:''}
.wmpage209-page1-content{position:absolute;bottom:10px;left:5%;right:5%;background:var(--color);display:block;padding:15px 0}
.wmpage209-page1-content h5{color:#fff;font-size:var(--fontsize20);font-weight:400;font-style:italic;text-align:center;line-height:1}
.wmpage209-page1-text{margin-top:25px}
.wmpage209-page1-signature{margin-top:15px}
.wmpage209-page1-name{display:inline-block;float:left;margin-right:30px}
.wmpage209-page1-sig{float:left}
.wmpage209-page1-name span{font-size:var(--fontsize14);color:#000;font-weight:var(--fontbold8)}
@media (max-width:1024px){.wmpage209-page1 {padding-top:40px}
.wmpage209-page1-contant{flex-direction:column}
.wmpage209-page1-left{width:100%;padding-right:0;box-sizing:border-box;margin-bottom:25px}
.wmpage209-page1-right{width:100%}
}
#swiper-banner .banner-animote{position:absolute;opacity:0;}
#swiper-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
#swiper-banner .banner-animote.ban1{top:7%;left:50%;transform: translateX(-50%);text-align:center;width:100%;}
#swiper-banner .banner-animote.ban1 .tit{font-weight: bold;font-size:2.5vw;}
#swiper-banner .banner-animote.ban1 .tit span{color:var(--color)}
#swiper-banner .banner-animote.ban1 .des{margin:0 auto 0;font-size: 1.1vw;max-width:55%;}
#swiper-banner .banner-animote.ban2{position: absolute;top:14%;left:5%;text-align:center;}
#swiper-banner .banner-animote.ban2 .tit{font-weight: bold;font-size:2.4vw;font-style: italic;}
#swiper-banner .banner-animote.ban2 .des{margin-top:1%;font-size:1.1vw;}
#swiper-banner .banner-animote.ban3{position: absolute;top:13%;left:46%;text-align:left;color:#fff;max-width:40%;}
#swiper-banner .banner-animote.ban3 .tit{font-weight: bold;font-size:2vw;line-height: 1.3;}
#swiper-banner .banner-animote.ban3 .tit span{text-shadow:5px 6px 3px var(--color);font-size: 3.5vw;}
#swiper-banner .banner-animote.ban3 .des{margin-top:1%;font-size:1.1vw;}