
.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: 56%;}
.page_ibanner .title{font-size: clamp(28px, 5vw, 36px);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: #1f656c;}
.product_main .info{display: flex;justify-content: space-between;align-items: center;}
.product_main .info .time{color: #666;font-size: 16px;}
.product_main .content h2{margin:10px auto;font-family: 'R_B';padding:0 8px}
.product_main .content{margin-top: 15px;}
.product_main .content p{font-size: 16px;color: #666;line-height: 1.5;padding: 8px;display:flex;justify-content: start;align-items: center;flex-wrap: wrap;}
.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{width: 48%;padding: 0;}
.product_main .page_warp p span{color: #333;display: inline-block;margin-left: 10px;padding: 10px 15px;border:1px solid #333}
/* .product_main .page_warp p.pre span{color: #fff;display: inline-block;margin-right: 10px;background-color: #336e74;padding: 10px 15px;} */
.product_main .page_warp p.pre span{color: #333;display: inline-block;margin-right: 10px;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 #333;margin-right: 10px;vertical-align:-4px}
/* .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 strong{font-weight: 400;}
.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';display: inline-block;max-width: calc(100% - 150px);}
.product_main .page_warp p.next a{display: flex;justify-content: flex-end;align-items: center;text-align: right;}
.product_main .page_warp p a:hover{color: #1f656c;}
.product_main>.title{display: none;}
@media only screen and (max-width: 1600px) {
	.designs .info .content{padding-left: 8%;}
}
@media only screen and (max-width: 950px) {
	.page_ibanner .title{display:none}
	.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>.title{font-size: clamp(28px, 5vw, 36px);font-family: 'R_B';text-align: center;margin:15px auto;display: block;}

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