.fixed-nav{background-color: transparent;height: 0;}
.page_ibanner{background: url(../images/temp/banner.webp) no-repeat center/cover;}
.page_ibanner .info{padding: 13% 0 9%;max-width: 56%;}
.page_ibanner .title{font-size: clamp(30px, 5vw, 64px);font-family: 'R_B';}
.page_ibanner .desc{font-size: 16px;color: #666;font-family: 'R_R';}
.main{margin-top: 5%;overflow: hidden;}
.main .layout{flex-direction: column;}
.main .layout .module{display: flex;justify-content: space-between;align-items: flex-end;}
.main .module .left{width: 38%;padding-bottom: 38%;flex-shrink: 0;}
.main .module .info{padding: 5% 2% ;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.main .module .info .title{font-size: clamp(28px, 5vw, 48px);line-height: 1.1;font-family: 'R_B';color: #333;}
.main .module .info_warp{margin-top: 3%;font-size: 16px;line-height: 1.8;color: #666;font-family: 'R_R';}
.main .module .info_warp p{margin-bottom: 4%;}
.main .module .right{width: 20%;padding-bottom: 25%;flex-shrink: 0;}
.main .module1 {display: flex;justify-content: start;margin-top: 5%;position: relative;}
.main .module1 .left{width: 28%;padding-bottom: 41%;flex-shrink: 0;}
.main .module1 .info{padding: 5% 3% ;display: flex;justify-content: center;align-items: center;flex-direction: column;width: 47%;margin-right: 5%;}
.main .module1 .info .title{font-size: clamp(28px, 5vw, 48px);line-height: 1.1;font-family: 'R_B';color: #333;}
.main .module1 .info_warp{margin-top: 3%;font-size: 16px;line-height: 1.8;color: #666;font-family: 'R_R';}
.main .module1 .info_warp p{margin-bottom: 4%;}
.main .module1 .right{width: 20%;padding-bottom: 25%;flex-shrink: 0;position: relative;overflow: initial;}
.main .module1 .right img{position: absolute;width: auto;height: 100%;max-width: none;}
.hot_selling{margin: 5% auto;}
.hot_selling .title_warp{text-align: center;}
.hot_selling .title_warp .title{font-size: clamp(28px, 5vw, 48px);color: #333;font-family: 'R_B';}
.hot_selling .title_warp .desc{font-size: 16px;color: #666;font-family: 'R_R';}
.hot_selling .list{margin-top: 5%;display: grid;grid-template-columns: repeat(4,1fr);}
.hot_selling .item{text-align: center;}
.hot_selling .item .img_warp{width: 25%;padding-bottom: 25%;margin: 0 auto;}
.hot_selling .item .img_warp:hover img{transform: rotate(15deg);}
.hot_selling .item .title{font-size: 24px;color: #333;font-family: 'R_B';margin-top: 15px;}
.hot_selling .item .desc{font-size: 16px;color: #666;font-family: 'R_M';margin-top: 15px;}
.module_list .item{margin: 5% 0;display: flex;justify-content: space-between;}
.module_list .item .img_warp{width: 42%;padding-bottom: 51.7%;overflow: initial;}
.module_list .item .img_warp::before{content: ' ';display: block;position: absolute;background-color: #336e74;border-radius: 24px;left: -8%;bottom: -8%;width: 100%;height: 100%;}
.module_list .item .info{display: flex;flex-direction: column;justify-content: center;align-items: start;padding-left: 5%;width: 58%;padding-top: 5%;}
.module_list .item .info .title{font-size: clamp(24px, 5vw, 48px);color: #333;font-family: 'R_B';max-width: 60%;}
.module_list .item .info .desc{font-size: 16px;color: #666;font-family: 'R_M';margin-top: 15px;}
.module_list .item .info .desc p{margin-bottom: 5%;}
.module_list .item:nth-child(2n){flex-direction: row-reverse;}
.module_list .item:nth-child(2n) .info{padding-right: 10%;padding-left: 0;}



.p_about_04 {margin-top: 5%;}
.p_about_04 .layout {}
.p_about_04 .tt {}
.p_about_04 .tt .p1 {text-align: center;font-size: clamp(28px, 4vw,54px);font-weight: bold;}
.p_about_04 .p_about_swiper {margin-top: 5%;}
.p_about_swiper {position: relative;}
.p_about_swiper .swiper-container {}
.p_about_swiper .swiper-wrapper {}
.p_about_swiper .swiper-slide .item {background: #f4f4f4;padding: 100px 60px 70px 60px;}
.p_about_swiper .swiper-slide-active .item {margin-top: -66px;}
.p_about_swiper .swiper-slide-next .item {margin-top: -33px;}
.p_about_swiper .swiper-slide .ro {}
.p_about_swiper .swiper-slide .ro img {height: 65px;}
.p_about_swiper .swiper-slide .ro .p1 {font-size: 24px;color: #000000;font-weight: bold;margin-top: 20px;}
.p_about_swiper .swiper-slide .ro .p2 {font-size: 18px;line-height: 34px;color: #666666;margin-top: 17px;}
.p_about_swiper .swiper-slide{text-align: center;}
.p_about_04 .p_about_swiper img{max-width: 350px;}
.p_about_swiper .next {width: 50px;height: 50px;position: absolute;background: url(../images/arrow-right.png) no-repeat center center;background-size: 80%;right: -64px;top: 50%;}

.p_about_swiper .prev {width: 50px;height: 50px;position: absolute;background: url(../images/arrow-right.png) no-repeat center center;background-size: 80%;transform: rotate(180deg);left: -64px;top: 50%;}


@media only screen and (max-width: 1600px) {
	.designs .info .content{padding-left: 8%;}
}
@media only screen and (max-width: 950px) {

	.fixed-nav{height: 70px;}
	.main .module .left{width: 80%;padding-bottom: 80%;margin: 0 auto;}
	.main .layout .module{flex-direction: column;}
	.main .module .right{width: 40%;padding-bottom: 50%;margin: 0 auto;}
	.main .module1{flex-direction: column;}
	.main .module1 .left{width: 56%;padding-bottom: 82%;margin: 0 auto;}
	.main .module1 .info{width: 100%;margin: 0 auto;}
	.main .module1 .right{width: 70%;padding-bottom: 53%;margin:  0 auto;}
	.main .module1 .right img{width: 100%;height: 100%;}
	.hot_selling .list{grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
	.module_list .item{flex-direction: column;}
	.module_list .item .img_warp{width: 84%;padding-bottom: 103.4%;margin: 0 auto;}
	.module_list .item .info{width: 100%;padding: 0;margin: 15% auto 0;padding: 0 !important;}
	.module_list .item:nth-child(2n){flex-direction: column;}
	.module_list .item .info .title{max-width: 100%;}
	.p_about_swiper{width:calc(100% - 100px);margin:0 auto}
	.p_about_04 .p_about_swiper img{max-width: 100%;}
	/* .p_about_swiper .next,.p_about_swiper .prev{display: none;} */
}
@media only screen and (max-width: 414px) {
	.hot_selling .list{grid-template-columns: repeat(1,1fr);}
}