.banner .swiper-container , .swiper-slide{width: 100%;overflow: hidden;}
.banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);object-fit: cover;}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
.banner .item p{font-size: 1.2rem;}

.about .container{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}


.item.banner1{z-index: 999;left: 0;right: 0;margin: auto;top: 30%;color: #fff}
.item.banner2{z-index: 999;left: 0;right: 0;margin: auto;bottom: 5%;color: #fff}


.about .item {top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.about .item p{line-height: 200%;font-size: 1.2rem;text-indent: 2em;}

.navmenu:hover{cursor: pointer;}


.plan .item{z-index: 999;left: 0;right: 0;margin: auto;top: 40%;color: #fff}
.plan .item h2{font-weight: bold;color: rgba(255, 255, 255, 0.4);}
.plan .item h4{font-size: 1rem;}

.plan-nav{left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.4) !important;z-index: 999}

.product .row a{transition:background-color 0.5s linear;}
.product .row a:hover{background: rgba(0, 0, 0, 0.4);}
.product .row a.leftimg img{transform:scale(0.9,0.9);transition:0.5s linear;}
.product .row a.leftimg:hover img{transform:scale(1,1);object-fit: cover;}
.product .row a.rightimg img{transform:scale(0.8,0.8);transition:0.5s linear}
.product .row a.rightimg:hover img{transform:scale(0.9,0.9);transition:0.5s linear}

.product h3{font-size: 1rem;}