﻿.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: 22px;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)}
}


.pro-main .maha-process-wrap{position:relative;overflow:hidden;padding:30px 0;}
.pro-main .maha-process-wrap>.title{text-align:center;font-weight: var(--fontbold7);font-size:30px;position:relative;padding-bottom:15px;}
.pro-main .maha-process-wrap>.title:after{content:'';width:100px;height:3px;display:block;background: var(--color);position: absolute;left:50%;bottom:0;transform: translateX(-50%);}
.pro-main .maha-process-wrap>p{margin-top:10px;text-align:center;}
.pro-main .maha-process-wrap .process-content-wrap{margin-top:100px;width:100%;max-width:100%;}
.pro-main .maha-process-wrap .process-content .process-list{display:flex;align-items:center;padding-left:0;justify-content:space-between}
.pro-main .maha-process-wrap .process-content .process-list .process{list-style:none;margin-right:0;text-align:center;width:15%}
.pro-main .maha-process-wrap .process-content .process-list .process:last-child{margin-right:0}
.pro-main .maha-process-wrap .process-content .process-list .process:nth-child(2n){margin-top:0}
@media (min-width:992px){.pro-main .maha-process-wrap .process-content .process-list .process:nth-child(2n){margin-top:-125px}}
.pro-main .maha-process-wrap .process-content .process-list .process .process-circle{position:relative;display:inline-block;width:140px;height:140px;background-color:#fff;border-radius:100%;background-clip:padding-box;border:8px solid #e5e5e5;-webkit-transition:all ease .3s;transition:all ease .3s}
@media (min-width:1300px){.pro-main .maha-process-wrap .process-content .process-list .process .process-circle{width:140px;height:140px}
}
@media (min-width:992px){.pro-main .maha-process-wrap .process-content .process-list .process .process-circle{width:100px;height:100px}
}
.pro-main .maha-process-wrap .process-content .process-list .process .process-circle span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--color);font-size:44px;font-family:var(--title-font-family);font-weight:600}
.pro-main .maha-process-wrap .process-content .process-list .process .process-circle:hover{border-color:var(--color)}
.pro-main .maha-process-wrap .process-content .process-list .process .process-circle:hover span{color:var(--color)}
.pro-main .maha-process-wrap .process-content .process-list .process:nth-child(2n) .process-circle .zigzax-line{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);top:86%;left:-64%}
.pro-main .maha-process-wrap .process-content .process-list .process:first-child .process-circle .zigzax-line{display:none}
.pro-main .maha-process-wrap .process-content .process-list .process .zigzax-line{content:"";display:none;position:absolute;top:3%;left:-80%;width:56%;height:2px;z-index:0;-webkit-transform:rotate(25deg);transform:rotate(25deg);background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,var(--color)),color-stop(50%,#fff));background-image:linear-gradient(to right,var(--color) 50%,#fff 50%);background-position:top;background-size:20px 3px;background-repeat:repeat-x}
@media (min-width:992px){.pro-main .maha-process-wrap .process-content .process-list .process .zigzax-line{display:block}
}
.pro-main .maha-process-wrap .process-content .process-list .process .info{position:relative;padding-top:25px;text-align:center}
.pro-main .maha-process-wrap .process-content .process-list .process .info .title{font-size:18px;font-weight:700;margin-bottom:15px;text-transform:capitalize}

.pro-main .maha-process-wrap .process-content .process-list .process .info p{display:inline-block;font-size:17px;margin-left:0;position:relative;width:100%;margin-bottom:30px;margin:auto}
@media (min-width:992px){.pro-main .maha-process-wrap .process-content .process-list .process .info p{display:block}
}
@media (min-width:992px){.pro-main .maha-process-wrap .process-content .process-list .process .info p{position:absolute;display:none;font-size:16px;width:160px;opacity:0}
}
@media (min-width:1200px){.pro-main .maha-process-wrap .process-content .process-list .process .info p{font-size:14px}
}
.pro-main .maha-process-wrap .process-content .process-list .process:hover .info P{display:inline-block;opacity:1}
@media (min-width:992px){.pro-main .maha-process-wrap .process-content .process-list .process:hover .info P{display:block;-webkit-animation:slide-down .3s ease-out;animation:slide-down .3s ease-out;width:100%}
}
.pro-main .maha-process-wrap .process-content .process-list .process:hover .process-circle span{color:var(--color)}
.pro-main .maha-process-wrap .process-content .process-list .process:hover .process-circle{border-color:var(--color)}
.pro-main .maha-process-wrap .process-content .process-list .process:hover .spin{border:0}
.pro-main .maha-process-wrap .process-content .process-list .process:hover .spin::before{border-bottom-color:var(--color);border-right-color:var(--color);border-top-color:var(--color);-webkit-transition:border-top-color .15s linear,border-right-color .15s linear .1s,border-bottom-color .15s linear .2s;transition:border-top-color .15s linear,border-right-color .15s linear .1s,border-bottom-color .15s linear .2s}
.pro-main .maha-process-wrap .process-content .process-list .process:hover .spin::after{border-left-width:6px;border-right-width:6px;border-top:6px solid var(--color);-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:border-left-width 0s linear .35s,-webkit-transform .4s linear 0s;transition:border-left-width 0s linear .35s,-webkit-transform .4s linear 0s;transition:transform .4s linear 0s,border-left-width 0s linear .35s;transition:transform .4s linear 0s,border-left-width 0s linear .35s,-webkit-transform .4s linear 0s}
@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
.pro-main .maha-process-wrap .spin::after,.pro-main .maha-process-wrap .spin::before{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;-webkit-box-sizing:inherit;box-sizing:inherit;content:""}
.pro-main .maha-process-wrap .spin::before{border:6px solid transparent;z-index:20}
.pro-main .maha-process-wrap .spin::after{border:0 solid transparent}
.pro-main .maha-process-wrap .circle{border-radius:100%;background-clip:padding-box;-webkit-box-shadow:none;box-shadow:none}
.pro-main .maha-process-wrap .circle::after,.pro-main .maha-process-wrap .circle::before{border-radius:100%;background-clip:padding-box}
@media (max-width:1440px){.pro-main .maha-process-wrap .process-content .process-list .process .zigzax-line{left:-49%;}
.pro-main .maha-process-wrap .process-content .process-list .process:nth-child(2n) .process-circle .zigzax-line{left:-55%;}}
@media screen and (max-width:768px){.pro-main .maha-process-wrap .process-content-wrap{margin-top:20px}
.pro-main .maha-process-wrap .process-content .process-list{display:flex;flex-wrap:wrap;justify-content: space-between;flex-direction:row;align-items:flex-start;}
.pro-main .maha-process-wrap{padding-top:0!important;padding-bottom:20px!important}
.pro-main .maha-process-wrap .section-title-wrap .section-title{font-size:20px!important;margin-bottom:20px!important}
.pro-main .maha-process-wrap .section-title-wrap p{font-size:12px!important}
.pro-main .maha-process-wrap .section-title-wrap{margin-bottom:0!important}
.pro-main .maha-process-wrap .process-content .process-list .process{width:49%}
.pro-main .maha-process-wrap .process-content .process-list .process .process-circle span{font-size:20px}
.pro-main .maha-process-wrap .process-content .process-list .process .process-circle{width:40px;height:40px}
.pro-main .maha-process-wrap .process-content .process-list .process .info .title{font-size:15px;margin-bottom:0;}
.pro-main .maha-process-wrap .process-content .process-list .process .info p{font-size:12px!important}
.pro-main .maha-process-wrap .process-content .process-list .process .info{padding-top:0;padding-bottom:15px}
}