﻿@media (min-width:1025px) {
.swiper-box{position: unset;transform: translateX(0%);padding-top: 102px;background: #fff;}
main.index{margin-top: 0;}
header .top-box{width: 100%;max-width: 1920px;}
header .top-box .info{padding: 5px 3%;background: #858585;}
header .top-box .nav-box{background: #fff;width: 100%;padding: 0 3%;}
.swiper-index{height: unset;}  }
main.index section.about-us{overflow: hidden;}
.qr-code{display:none}
.advan{padding:60px 0px 75px;width:100%;background:url(https://css02.v15cdn.com/m420/images/appli_bg.webp) no-repeat center/cover;}
.advan .l-wrap{max-width:1600px;margin:0 auto;}
.advan h3{margin-bottom:5px;font-size:32px;text-align:center;text-transform:uppercase}
.advan .title{margin:0px auto;color:var(--introcolor);max-width:48%;text-align:center;margin-bottom:54px}
.advan .advan-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -25px}
.advan .advan-list>li{width:25%;padding:0px 25px;box-sizing:border-box}
.advan .advan-item{padding:38px 20px 46px;box-sizing:border-box;height:100%;background:#FFFFFF;position:relative}
.advan .advan-item .tit{margin:0px auto;text-align:center;font-weight:var(--fontbold6);margin:20px 0px;font-size:var(--fontsize20)}
.advan .advan-item .con{text-align:center;line-height:1.5em;color:var(--introcolor)}
.advan .advan-item:hover .advan-icon{background-color:var(--color)}
.advan .advan-item:hover .advan-icon .qa{background-position:-36px 0px}
.advan .advan-item:hover .advan-icon .gs{background-position:-108px 0px}
.advan .advan-item:hover .advan-icon .rn{background-position:-180px 0px}
.advan .advan-item:hover .advan-icon .fd{background-position:-252px 0px}
.advan .advan-item:hover:after{border-bottom:24px solid var(--color);border-left:24px solid transparent}
.advan .advan-item:after{content:"";position:absolute;display:block;height:0px;width:0px;right:14px;bottom:14px;border-bottom:14px solid var(--color);border-left:14px solid transparent;transition:border .3s ease}
.advan .advan-icon{width:65px;height:65px;margin:0px auto;border-radius:5px;background:#F6F6F6;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}
.advan .advan-icon>i,.advan .advan-icon>em{display:block;width:36px;height:36px;background:url("https://css02.v15cdn.com/m420/images/advan_icon.webp") no-repeat}
.advan .advan-icon .gs{background-position:-72px 0px}
.advan .advan-icon .rn{background-position:-144px 0px}
.advan .advan-icon .fd{background-position:-216px 0px}
@media (max-width:1600px){.advan{padding:60px 60px 75px;}}
@media screen and (max-width:1470px){
.advan .advan-item{padding:15px 10px}
.advan .advan-item .tit{margin:18px 30px}}
@media (max-width:768px){.advan{padding:30px 20px 40px;}
.advan h3{font-size:var(--fontsize24)}
.advan .title{max-width:100%;font-size:var(--fontsize16);margin-bottom:5.3333333333vw}
.advan .advan-list>li{width:50%;margin-bottom:4vw;padding:0vw 2vw}
.advan .advan-list>li:nth-child(n+3){margin-bottom:0;}
.advan .advan-list{margin:0vw -2vw}
.advan .advan-item .tit{font-size:var(--fontsize16);margin:4vw 0vw}
.advan .advan-item .con{font-size:var(--fontsize14)}}
main.index section.products .item ul li>div .rule-box { max-height: unset;}