.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{margin-top: 5%;overflow: hidden;}
.main .layout{margin-top: 0;flex-direction: column;align-items: center;}
.main .layout .title{font-family: 'R_B';font-size: clamp(30px, 5vw, 48px);color: #333;text-align: center;}
.main .layout .tabs{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 5%;}
.main .layout .tab{margin: 0 20px;font-size: 18px;color: #666;font-family: 'R_M';cursor: pointer;padding: 0 5px;}
.main .layout .tab.active{color: #593C2D;border-bottom: 1px solid #593C2D;}
.main .tab_warp{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px;display: none;}
.tab_content{width: 100%;margin-top: 3%;}
.tab_content img:hover{transform: scale(1.1);}


@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 950px) {
	.fixed-nav{height: 70px;}
	.tab_content{margin-top: 10%;}
	.main .tab_warp{grid-template-columns: repeat(1, 1fr);}
}
@media only screen and (max-width: 414px) {
}