.web_head{background-color: rgba(0,0,0,1);}
.fixed-nav{background-color: transparent;height: 0;}

.page_ibanner{background: url(../images/temp/banner.webp) no-repeat center/cover;margin-top: 72px;}
.page_ibanner .info{padding: 13% 0 9%;max-width: 850px;}
.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 .list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px 20px;}
.main .link{margin-top: 2%;color: #333;font-size: 24px;display: block;text-align: center;}
.main .item:hover img{transform: scale(1.1);}
.main .item:hover .link{color: #71D8D5;}
.product_main .info{display: flex;justify-content: start;align-items: center;}
.product_main .info .time{color: #666;font-size: 16px;}
.product_main .content{margin-top: 15px;}
.product_main .content p{font-size: 16px;color: #666;line-height: 1.5;padding: 8px;}

.product_main .page_warp{margin-top: 3%;display: flex;justify-content: space-between;align-items: center;}
.product_main .page_warp .next{display: flex;flex-direction: row-reverse;}
.product_main .page_warp p{max-width: 48%;padding: 0;}
.product_main .page_warp p span{color: #333;display: inline-block;margin-left: 10px;padding: 10px 15px;border: 2px solid #333;}
.product_main .page_warp p.pre span{color: #fff;display: inline-block;margin-right: 10px;background-color: #593C2D;padding: 10px 15px;}
.product_main .page_warp p.pre span::before{content: ' ';display: inline-block;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 15px solid #fff;margin-right: 10px;vertical-align:-4px}
.product_main .page_warp p.next span::before{content: ' ';display: inline-block;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #333;margin-right: 10px;vertical-align:-4px}

.product_main .page_warp p a{color: #333;font-family: 'R_B';}
.product_main .page_warp p.next a{display: flex;justify-content: flex-end;align-items: center;}
.product_main .page_warp p a:hover{color: #71D8D5;}

@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 .layout .left{display: none;}
	.main .layout .product_main{width: 100%;}
	.main .list{grid-template-columns: repeat(1,1fr);}
	.product_main .page_warp{flex-direction: column;}
	.product_main .page_warp p{width: 100%;margin-bottom: 20px;max-width: 100%;}
	.product_main .page_warp .next{flex-direction: row;}
	.product_main .page_warp p span{margin: 0 10px 0 0;}
}
@media only screen and (max-width: 414px) {
}