@charset "utf-8";
:root{--color:#004374}
@font-face{font-family:"iconfont2";font-display:swap;src:url('https://css02.v15cdn.com/m426/iconfont/iconfont.ttf?t=1695261114980') format('truetype'),url('https://css02.v15cdn.com/m426/iconfont/iconfont.woff2?t=1695261114980') format('woff2'),url('https://css02.v15cdn.com/m426/iconfont/iconfont.woff?t=1695261114980') format('woff')}
.home-process .iconfont{font-family:"iconfont2"!important;}
.home-process .icon-xiangmu:before{content:"\e63f"}
.home-process .icon-peifangfangan:before{content:"\e681"}
.home-process .icon-shebeisheshiwuziguanli:before{content:"\e62f"}
.home-process .icon-dingdan:before{content:"\e60c"}
.home-process{padding:3% 0 1%}
.home-process .theme{font-weight:var(--fontbold5);color:var(--color);text-transform:uppercase;text-align:center}
.home-process .l-wrap ul {display:flex;justify-content:space-between;margin-top:4%;background-repeat:no-repeat;background-size:contain;background-position:center 20%;padding:0px}
.process-item {width:16%;display:flex;flex-direction:column;align-items:center;background-color:#FFF}
.home-process-content ul li:nth-child(1) {transition:all .4s linear}
.home-process-content ul li:nth-child(2) {transition:all .5s linear}
.home-process-content ul li:nth-child(3) {transition:all .6s linear}
.home-process-content ul li:nth-child(4) {transition:all .7s linear}
.process-item-top {width:100px;height:100px;border-radius:50%;background-color:var(--color);display:flex;justify-content:center;align-items:center;position:relative}
.process-item-top em {color:#FFF;font-size:36px;transition:all .3s linear}
.process-item-top:hover em {transform:rotateY(180deg)}
.process-item-num {position:absolute;width:38px;height:38px;background-color:#FFF;border-radius:50px;display:flex;justify-content:center;align-items:center;font-size:var(--fontsize14);color:var(--color);top:0px;right:0px;box-shadow:0 0 10px #FFF}
.process-item-center {margin-top:4%;margin-bottom:5%}
.process-item-title {font-size:var(--fontsize20);color:var(--fontcolor);text-align:center;margin:10px 0px}
.process-item-txt {color:var(--summarycolor);text-align:center;font-size:var(--fontsize14);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
@media (max-width:1200px){.process-item{width:22%}}
@media (max-width:768px){.home-process{padding:30px 0 10px}
.home-process .l-wrap ul {flex-wrap:wrap;background-image:none}
.process-item {width:48%;margin-top:20px}}
@media (max-width:500px){.process-item-top {width:80px;height:80px}
.process-item-num {width:30px;height:30px;top:0px;right:-4px}}
.home-about .l-wrap .about-info h1{max-width: 100%;}