﻿.about{width:86.33333%;display:flex;flex-wrap:wrap;overflow:hidden;max-width:1600px;justify-content: space-between;margin-bottom:4%;}
.about>div{width:49%}
.about-tip{font-size:var(--fontsize16);margin:20px 0;}
.about .about-con .about-title{font-size:34px;font-weight:var(--fontbold6);text-transform:uppercase;line-height:1.3}
.about-con{background:url(imgs/dot-map.webp) no-repeat;background-size:cover;display:flex;justify-content:center;color:var(--fontcolor);flex-direction:column;box-sizing:border-box}
.about-img{position:relative}
.about-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:73px;height:73px;background:var(--color);border-radius:50%}
.about-icon i,.about-icon em{position:relative;left:3px;color:#FFFFFF;font-size:45px}
.about-icon:after{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"";border-radius:50%;display:block;width:95px;height:95px;border:2px solid var(--color)}
.about-img img{display:block;width:100%;}
.about .about-sel{display:inline-block;margin-right:24px}
.about .about-sel img{position:relative;top:3px}
.about .more-btn{width:160px;height:45px;line-height:45px;font-size:var(--fontsize14);display:inline-block;font-weight:var(--fontbold6);text-align:center;background:var(--color);color:#FFFFFF;border-radius:3px}
@media (max-width:1366px){.about .about-con .about-title{font-size:30px;}}
@media (max-width:768px){.about>div{width:100%;position:relative;margin:10px 0;}
.about{width:100%;margin:0 4vw;}
.about .about-con .about-title{font-size:24px;}
main.index section.number ul li p:nth-of-type(1){font-size:26px;}
main.index section.number ul li{justify-content: flex-start;}}

.home-advantages{background:no-repeat center fixed;background-size:cover;z-index:1;color:#FFF;width:100%;position: relative;padding:4% 0;}
.home-advantages .l-wrap{width:86.33333%;max-width:1600px;margin:0 auto;}
.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{font-size:34px;text-align: center;}
.home-advantages .home-des{color:#FFF;text-align: center;}
#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 img{transform:rotateY(180deg)}
#advantageswiper .swiper-slide img{display:inline-block;transition:all .2s linear;width:auto;max-width:100%;}
#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)}
@media (max-width:1366px){.home-advantages .home-title{font-size:30px;}}
@media (max-width:768px){#advantageswiper .swiper-slide{padding:10px}
.home-advantages .home-title{font-size:24px;}
#advantageswiper .swiper-slide .p1{margin:0px 0px 10px 0px}}

main.index section.products .list ul li{background:var(--introcolor)}
@font-face{font-family:iconfont2;display:swap;src:url(https://css02.v15cdn.com/m430/fonts/iconfont.woff2?t=1743402096477) format('woff2'),url(https://css02.v15cdn.com/m430/fonts/iconfont.woff?t=1743402096477) format('woff'),url(https://css02.v15cdn.com/m430/fonts/iconfont.ttf?t=1743402096477) format('truetype')}
.home-case .iconfont{font-family:iconfont2!important;}
.icon-left-arrow:before{content:"\e604"}
.icon-right-arrow:before{content:"\eaf3"}
.home-des{font-size:16px;font-weight:var(--fontbold4);color:var(--introcolor);text-align:center;margin-bottom:10px}
.home-title{font-size:32px;font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor)}
.home-case{width:100%;padding:4% 0 20px;position:relative;}
.home-case .l-wrap{margin:0px auto;padding:0px;width:86.33333%;max-width:1600px}
.home-case .homecase-wrap{margin-top:2%;padding-bottom:20px;overflow:hidden;position:relative}
.home-case .homecase-wrap .swiper-slide{transform:scale(.8);transition:all .1s linear}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active{transform:scale(1)}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active .item .content{display:block}
.home-case .homecase-wrap .swiper-slide .img img{width:100%;height:100%;object-fit:cover;border-radius:var(--borderradius)}
.home-case .homecase-wrap .swiper-slide .item{position:relative;margin:-50px auto 0;width:90%;background:#FFFFFF;box-shadow:0 3px 20px 4px rgba(233,233,233,.79);border-radius:5px;z-index:1;padding:20px 20px;text-align:center;}
.home-case .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:10px}
.home-case .homecase-wrap .swiper-slide .item .content{margin-bottom:10px;display:none;color:var(--introcolor)}
.home-case .homecase-wrap .swiper-slide .item .more{color:var(--color);font-weight:var(--fontbold6)}
.home-case .homecase-wrap .swiper-slide .item .more:hover{text-decoration:underline}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{width:38px;height:38px;border:1px solid var(--color);color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;bottom:30px;left:28%;z-index:2;transition:all .2s linear}
.home-case .homecase-wrap .homecase-button-next:hover,.home-case .homecase-wrap .homecase-button-prev:hover{background:var(--color);color:#FFFFFF}
.home-case .homecase-wrap .homecase-button-next{left:auto;right:28%}
@media(max-width:1210px){.home-case .l-wrap{width:auto;margin:0px 4vw}}
@media(max-width:1024px){.home-case .homecase-wrap .swiper-slide{transform:scale(1)!important}
.home-case .homecase-wrap .swiper-slide .item .content{display:block}
#homecase{padding-bottom:50px}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{bottom:0px}}
@media(max-width:768px){.home-case{padding:40px 0px 20px}}
@media(max-width:680px){.home-title{font-size:25px}}
main.index .news .item ul li .box .left {width:176px;overflow:hidden}
main.index .news .item ul li .box .left img{display:block}
@media (max-width:1600px){main.index .news{padding-left:15px;padding-right:15px}}
@media (max-width:500px){main.index .news .item ul li .box .left{width:145px}
main.index .news .item ul li .box .right{padding:5px 5px 5px 10px}
main.index .news .item ul li{height:auto;}}
.home-advantages .home-title{color: #fff;}