﻿.home-banner .swiper-slide>a::after{display:none;}
.home-advantages{position:relative;padding:4% 0;background:no-repeat center fixed;background-size:cover;z-index:1;color:#FFFFFF}
.home-advantages::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:-1}
.home-advantages .home-title{color:#FFFFFF}
.home-advantages .home-des{color:#FFFFFF}
#advantageswiper{padding-top:40px}
#advantageswiper .swiper-slide{width:24%;height:auto;border-radius:6px;border:2px solid rgba(245,245,245,.3);padding:30px 20px;text-align:center;transition:all .2s linear}
#advantageswiper .swiper-slide:hover{transform:translateY(-5px);border-color:var(--color)}
#advantageswiper .swiper-slide:hover em{transform:rotateY(180deg)}
#advantageswiper .swiper-slide em{color:var(--color);font-size:var(--fontsize40);display:inline-block;transition:all .2s linear}
#advantageswiper .swiper-slide .p1{position:relative;font-size:var(--fontsize20);padding-bottom:10px;margin:10px 0px 10px}
#advantageswiper .swiper-slide .p1::after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--color)}
#advantageswiper .swiper-slide .p2{padding-bottom:20px}
#advantageswiper .advantageswiper-pagination{text-align:center;margin-top:30px}
#advantageswiper .advantageswiper-pagination .swiper-pagination-bullet{background:rgba(255,255,255,.2);opacity:1}
#advantageswiper .advantageswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
@font-face{font-family:iconfont2;display:swap;src:url(https://css02.v15cdn.com/m434/fonts/iconfont.woff2?t=1743402681911) format('woff2'),url(https://css02.v15cdn.com/m434/fonts/iconfont.woff?t=1743402681911) format('woff'),url(https://css02.v15cdn.com/m434/fonts/iconfont.ttf?t=1743402681911) format('truetype')}
.home-choose .iconfont{font-family:iconfont2!important;}
.icon-jidishengchan:before{content:"\e60a"}
.icon-a-08zhiliang-xianxing:before{content:"\e6ed"}
.icon-a-dingzhi1:before{content:"\e670"}
.icon-jishuzhichi:before{content:"\e624"}
.home-choose{background:#0B1B2B;color:#FFFFFF;padding:5% 0;position:relative}
.home-choose .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-choose .left{width:40%;padding-right:3%}
.home-choose .left .home-title{text-align:left;color:var(--headercolor)}
.home-choose .left p{margin:1em 0}
.home-choose .left .home-more{margin-top:1em}
.home-choose .right{flex:1}
.home-choose .right ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}
.home-choose .right ul li{width:47%;padding:15px;position:relative;margin:10px 0}
.home-choose .right ul li:nth-child(1){order:1;}
.home-choose .right ul li:nth-child(2){order:3;}
.home-choose .right ul li:nth-child(3){order:2;}
.home-choose .right ul li:nth-child(4){order:4;}
.home-choose .right ul li::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid transparent;border-radius:10px}
.home-choose .right ul li:hover::after{border-color:#FFFFFF;animation:drawBorderLine 2s linear infinite}
@keyframes drawBorderLine{0%{clip-path:inset(100% 0 0 0)}
25%{clip-path:inset(0 100% 0 0)}
50%{clip-path:inset(0 0 100% 0)}
75%{clip-path:inset(0 0 0 100%)}
100%{clip-path:inset(100% 0 0 0)}}
.home-choose .right ul li:hover em{transform:rotateY(180deg)}
.home-choose .right ul li em{color:var(--color);font-size:40px;line-height:1;display:inline-block;transition:all .2s linear}
.home-choose .right ul li .p1{font-size:var(--fontsize24);font-weight:var(--fontbold6);margin:10px 0;line-height:28px;height:56px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.home-choose .right ul li .p2{color:#a5b5c4}
@media (max-width:1500px){.home-choose .right ul li .p1{font-size:var(--fontsize20)}}
@media (max-width:1024px){.home-choose .l-wrap{flex-direction:column}
.home-choose .left{width:100%;padding:0}
.home-choose .left .home-more{margin-top:0}
.home-choose .right{margin-top:20px}}
@media (max-width:768px){.home-choose{padding:50px 0}}
@media (max-width:500px){.home-choose .right ul li{width:100%;margin-top:1em!important;padding:10px 0}
.home-choose .right ul li .p1{font-size:var(--fontsize20)}
.home-choose .right ul li::after{display:none}}
@media (min-width:1281px){.home-callus .l-wrap{margin-top:4%;}}
.home-products{padding:4% 0}
.home-callus .l-wrap{margin-bottom:4%}
@media (max-width:1280px){.home-callus .l-wrap{margin-bottom:2em}}
@media(max-width:768px){.home-products{padding:40px 0}}