﻿@media(max-width:768px){.home-introduction .introduction .item .right .text{display:none;}
.home-introduction .introduction .item .left{width: 30px;height: 30px;}
.home-product .l-wrap .product .pro-list .item .text .merchandise{display: none;}
.home-product .l-wrap .product .pro-list .item .text .name{height: 50px;}
#swiperProduct .swiper-wrapper{transform: translate3d(0px, 0px, 0px) !important;}
.home-product .l-wrap .product .pro-list{flex-wrap: wrap;}
.home-product .l-wrap .product .pro-list .item{width:48% !important;margin-right:0 !important;}
#swiperProduct .swiper-pagination{display:none;}}
@media screen and (max-width: 500px) {.home-introduction .introduction .item {padding: 2% 2.5%;}}
.mobbanner{display:none}
@media (max-width:500px){.mobbanner{display:block}
.home-banner .swiper-slide>a:not(.mobbanner){display:none}}
.home-banner .swiper-slide img {width:100%;display:block}
@media (max-width:768px){.process-item-txt{display:none}
.home-introduction{margin:30px 0}}
.news-item-img img{aspect-ratio: 1/1;object-fit: contain;}
#swiper-info{width:90%;padding:1px 0px;padding-bottom:40px}
@media (max-width:500px){#swiper-info{width:100%}}
.home-info .news-bottom .info-btn-next,.home-info .news-bottom .info-btn-prev{width:45px!important;height:45px!important;background-color:var(--color)!important;border-radius:50%;z-index:99!important;display:flex!important;opacity:1!important;cursor: pointer;align-items: center;justify-content: center;position: absolute;top:50%;}
.home-info .news-bottom .info-btn-next:after,.home-info .news-bottom .info-btn-prev:after{content:''!important}
.home-info .news-bottom .info-btn-next em,.home-info .news-bottom .info-btn-prev em{font-size:var(--fontsize24);color:#FFFFFF}
.home-info .news-bottom .info-btn-next{right:0!important}
.home-info .news-bottom .info-btn-prev{left:0!important}
@media (max-width:900px){.home-info .news-bottom .info-btn-next, .home-info .news-bottom .info-btn-prev{width:36px !important;height:36px !important}
.home-info .news-bottom .info-btn-prev{left:-4px !important}
.home-info .news-bottom .info-btn-next{right:-4px !important}}

.home-info .news-bottom .info-btn-next em, .home-info .news-bottom .info-btn-prev em{font-size:24px;}
.info-btn-next.swiper-button-disabled, .info-btn-prev.swiper-button-disabled{opacity:0.35;cursor: auto;pointer-events: none;}
.home-info .news-bottom .swiper-button-disabled{background-color: #FFF !important;border: 1px solid var(--color) !important;}
.home-info .news-bottom .swiper-button-disabled em{color:var(--color)}

.info-item-slide{border: 1px solid #EEEEEE;box-shadow: 0px 4px 13px 0 rgba(17, 26, 58, 0);transition: all .2s ease;border-radius: var(--border);overflow: hidden;}
.info-item-slide:hover{box-shadow:0px 4px 13px 0 rgba(17,26,58,.17)}
.info-item-slide:hover .news-item-img img{transform:scale(1.03)}
.info-item-slide:hover .news-item-title{color:var(--color)}
.info-item-slide:hover .news-item-read{color:#FFFFFF;padding:4px 10px}
.info-item-slide:hover .news-item-read::after{width:100%;background-color:var(--color)}
@media (max-width:768px){#swiper-info .swiper-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap: 20px 10px;transform: initial !important;}
.info-item-slide{margin: 0!important;width: 100% !important;}
.info-item-slide:nth-child(n+5){display:none}
.home-info .news-bottom .info-btn-next, .home-info .news-bottom .info-btn-prev{display:none!important}
.news-bottom .swiper-pagination-bullets.swiper-pagination-horizontal{display:none}}
@media(max-width:768px){.news-item-bottom{padding:0 10px 5px}
.news-item-title{display:block;font-size:var(--fontsize16);margin:10px 0px 0}
.news-item-bottom p{display:none}}
@media(max-width:500px){news-item-title{display:block;font-size:var(--fontsize15)}
.process-item-title {font-size:var(--fontsize18)}}
.contact-right-top{display:flex;flex-wrap:wrap}
.contact-phone-number{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:45px;margin:10% 0 0 40px;margin-bottom:40px}
@media (max-width:1366px){.contact-phone-number{margin-top:6%}}
@media (max-width:500px){.contact-phone-number{margin:6% 0 6% 30px}}
@media (max-width:768px){.home-process{display:none}}