#exchange img{max-width:100%;}
#exchange .wrap{width:100%;max-width:1920px;text-align:center;}


.headText1{margin-bottom:50px;font-size:26px;}
.headText2{margin-bottom:30px;font-size:33px;line-height:54px;font-weight:bold;}

#indexBanner3{padding-bottom:40px;color:#232323;text-align:center;}

#indexProduct{}
#indexProduct .ipNav{margin:0px auto 50px auto;width:100%;max-width:540px;height:90px;display:flex;align-items:center;border:1px solid #ddd;border-radius:45px;}
#indexProduct .ipNav > button{width:50%;height:90px;border:0px;background-color:transparent;color:#232323;font-size:21px;border-radius:45px;}
#indexProduct .ipNav > button.on{background-color:green;color:white;
  background-color: rgb(0, 140, 62);  box-shadow: 2.575px 4.286px 40px 0px rgba(95, 95, 95, 0.33); }

#indexProduct .ipBody{position:relative;width:100%;height:890px;}
.ipBody > .ipSwiper{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1000;background-color:white;overflow:hidden;}

.ipBody > .ipSwiper::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #fff;transform: translateY(0%);transition: transform 0.8s ease;z-index:1005;}

.ipBody > .ipSwiper.on::after{
	transform: translateY(-100%);
	transition-delay: 0.2s;
}
.ipBody > .ipSwiper.on{z-index:1004;}

#indexProduct .swiper{width:100%;max-width:1700px;height:890px;margin:0px auto;}
#indexProduct .swiper .swiper-slide{display:block;width:750px;text-align:center;}

#indexProduct .swiper .swiper-slide-prev{}
#indexProduct .swiper .swiper-slide-next{}

#indexProduct .swiper .swiper-slide > div{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50% , -50%);margin-top:100px;}
#indexProduct .swiper .swiper-slide > div .item{margin:0px auto;width:200px;}

#indexProduct .swiper .swiper-slide > div{}
#indexProduct .swiper .swiper-slide.swiper-slide-active > div{margin-top:0px;width:100%;top:50%;left:50%;transform:translate(-50% , -50%);}
#indexProduct .swiper .swiper-slide.swiper-slide-active > div {position:relative;display:flex;align-items:center;justify-content:center;}

#indexProduct .swiper .swiper-slide-active .item{width:300px;margin-right:50px;}
#indexProduct .swiper .swiper-slide.swiper-slide-active .item{width:100%;}


#indexProduct .swiper .swiper-slide.swiper-slide .main_item{display:none;width:400px;}
#indexProduct .swiper .swiper-slide.swiper-slide-active .side_item{display:none;}
#indexProduct .swiper .swiper-slide.swiper-slide-active .main_item{display:block;}

#indexProduct .side_item .hname{margin-top:10px;font-size:24px;font-weight:500;color:#1b1a1a;}
#indexProduct .side_item .sname{margin-top:10px;font-size:16px;}

#indexProduct .main_item .textCon{width:350px;text-align:left;}
#indexProduct .main_item .textCon .text01{font-size:34px;font-weight:600;}
#indexProduct .main_item .textCon .text02{margin-bottom:30px;font-size:24px;}
#indexProduct .main_item .textCon .text03{font-size:16px;line-height:30px;}

#indexProduct .text-line{opacity:0;transform:translateY(50px);transition: all 0.8s ease;}

#indexProduct .swiper-button-prev:after, 
#indexProduct .swiper-button-next:after {display:none;}
#indexProduct .swiper-button-prev{left:calc(50% - 450px);}
#indexProduct .swiper-button-next{right:calc(50% - 450px);}
#indexProduct .ipCircle{position:absolute;top:0;left:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:-1;overflow:hidden;}

#indexProduct .ip_main .button{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;}
#indexProduct .ip_main .button.button-prev{left:calc(50% - 450px);}
#indexProduct .ip_main .button.button-next{right:calc(50% - 450px);}


/* swiper control */
.ipSwiper0 .swiper-pagination,
.ipSwiper1 .swiper-pagination {position:static;width:auto;display:flex;align-items:center;}
.ipSwiper0  .control, 
.ipSwiper1  .control{width:100%;display:flex;align-items:center;justify-content:center;position:absolute;bottom: 5%; left: 50% ;transform:translateX(-50%);z-index:1004;}

.ipSwiper0 .swiper-pagination-bullets .swiper-pagination-bullet, 
.ipSwiper1 .swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin-left:20px;margin-right:20px;width:16px;height:16px;background:no-repeat center center;background-image:url('/img/index/swiper_circle_grey.png');opacity:1;}
.ipSwiper0 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.ipSwiper1 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-image:url('/img/index/swiper_circle_black.png'); }

.swiper .control img{margin-right:20px;cursor:pointer;}
.swiper .control .btn_play{display:none;}
.swiper .control .btn_pause{}
.swiper .control.on .btn_play{display:inline-block;}
.swiper .control.on .btn_pause{display:none;}