@charset "utf-8";
:root {--color: #14186f;}
@media (min-width:769px){.home-pro .homeproswiper-box{padding-bottom:50px;}
.home-pro .homeproductSwiper{height:987px;overflow: hidden;}
.home-pro .homeproductSwiper .swiper-slide{height:50%;}
.home-pro .list li:nth-child(4n+3), .home-pro .list li:nth-child(4n+4){flex-direction: row;}
.home-pro .list li:nth-child(2n){flex-direction: row-reverse;}
.home-pro .list li:nth-child(4n+3) .info::before, .home-pro .list li:nth-child(4n+4) .info::before{left:-13px;right:auto;border-width: 10px 15px 10px 0;border-color: transparent #f7f7f7 transparent transparent;}
.home-pro .list li:nth-child(2n) .info::before{left: auto;right: -13px;border-width: 10px 0 10px 15px;border-color: transparent transparent transparent #f7f7f7;}
.home-pro .list li:nth-child(4n+3):hover .info::before, .home-pro .list li:nth-child(4n+4):hover .info::before{border-color: transparent var(--color) transparent transparent;}
.home-pro .list li:nth-child(2n):hover .info::before{border-color: transparent transparent transparent var(--color);}}
.home-pro .swiper-pagination-bullet-active{background:var(--color)}
@media (min-width:769px) and (max-width:1600px){.home-pro .homeproductSwiper{height:800px;}}
@media (min-width:769px) and (max-width:1440px){.home-pro .homeproductSwiper{height:720px;}}
@media (min-width:769px) and (max-width:1366px){.home-pro .homeproductSwiper{height:684px;}}
@media (min-width:769px) and (max-width:1280px){.home-pro .homeproductSwiper{height:640px;}}
@media (min-width:769px) and (max-width:1024px){.home-pro .homeproductSwiper{height:512px;}}
@media (max-width:768px){.home-pro .list{flex-wrap:nowrap;}
.home-pro .homeproductSwiper{padding-bottom:20px;}
.home-pro .list li:nth-child(2n){flex-direction: row !important;}
.home-pro .list li:nth-child(2n) .info::before{border-width: 10px 15px 10px 0 !important;border-color: transparent #f7f7f7 transparent transparent;right: auto;left: -13px;}}
.home-banner .swiper-slide>a::after{background: none;}
.home-customer{display: none;}
.home-num{margin-top: 0;background: rgba(0, 0, 0, .3);}
.home-num .list{background: none;}
#advantageswiper .swiper-slide:hover{border-color: #ffffff;}
#advantageswiper .swiper-slide:hover .p1::after{background: #fff;}
#advantageswiper .swiper-slide:hover em{color: #fff;}
#logoswiper .swiper-slide img{transform: scale(1.3);}
@media (min-width:1025px){header{background: #fff;}
body{padding-top:120px}
.head-nav .nav-ul>li>a,.head-left{color: #000;}
header .lang-icon img{filter: invert(100%);}
body.index{padding-top:0}
.index header{background: initial;}
.index .head-nav .nav-ul>li>a,.index .head-left{color: var(--headercolor);}
.index header .lang-icon img{filter: initial;}}

.promySwiper .swiper-wrapper{height:800px}
.promySwiper{padding:3% 2%}
.product-href .img{width:100%;aspect-ratio:1/1;position:relative}
.product-href .img img{width:100%;height:100%;object-fit:cover}
.product-href .title{margin-bottom:10px;padding:10px 15px 0;font-size:var(--fontsize18);transition:all .1s linear;position:relative;border-top:1px solid #eee}
.product-href .line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.promySwiper .swiper-slide{text-align:center;font-size:18px;background:#fff;height:calc((100% - 30px)/ 2)!important;display:flex;justify-content:center;align-items:center}
.promySwiper .swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}
.product-href .img img{width:100%;height:100%}
.product-href{background:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);display:block;width:100%;height:100%;position:relative;padding-bottom:5px}
.probutton-next,.probutton-prev{position: absolute;top: calc(50% - 20px);transform: translateY(-50%);z-index: 1;display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 45px;height: 45px;cursor: pointer;transition: all .2s linear;background:#00000033;}
.probutton-next{right: 10px;}
.probutton-prev{left: 10px;}
.probutton-next em,.probutton-prev em{font-size: var(--fontsize24);color: #FFFFFF;}
@media (max-width:1450px) {.promySwiper .swiper-wrapper {height: 740px;}}
@media (max-width:1366px) {.promySwiper .swiper-wrapper {height: 670px;}}
@media (max-width:1250px) {.promySwiper .swiper-wrapper {height: 620px;}}
@media (max-width:1024px) {.promySwiper .swiper-wrapper {height: 750px;}}
@media (max-width:790px) {.promySwiper .swiper-wrapper {height: 630px;}}
@media (max-width:690px) {.promySwiper .swiper-wrapper {height: 780px;}}
@media (max-width:600px) {.promySwiper .swiper-wrapper {height: auto;}}