.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/}

.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) {

}