.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{flex-direction: column;}
.main .title_warp{text-align: center;margin: 0 auto;}
.main .title_warp .title{font-family: 'R_B';color: #333;font-size: clamp(28px, 5vw, 48px);}
.main .title_warp .desc{font-size: 16px;color: #666;margin: 3% 0 0;}
.main .content{display: flex;justify-content: space-between;align-items: start;width: 100%;margin-top: 3%;}
.main .content .img_warp{width: 38%;padding-bottom: 43%;}
.main .content ul{width: 55%;}
.main .content li{padding: 2% 2%;border: 1px solid transparent;border-radius: 15px;margin-bottom: 2%;}
.main .content li .title{font-size: 24px;color: #333;font-family: 'R_B';padding-left: 32px;position: relative;cursor: pointer;}
.main .content li .title::before{content: ' ';width: 26px;height: 3px;background-color: #C5A580;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.main .content li .title::after{content: ' ';width: 26px;height: 3px;background-color: #C5A580;position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(90deg);transition: all .3s;}
.main .content li .desc{font-size: 16px;color: #666;margin: 3% 0;display: none;padding-left: 32px;}
.main .content li.active{border-color: #C5A580;}
.main .content li.active .title::after{transform: translateY(-50%) rotate(0deg);}


@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 .content{flex-direction: column-reverse;}
.main .content ul{width: 100%;margin-top: 5%;}
.main .content .img_warp{width: 76%;padding-bottom: 83%;margin: 0 auto;}
	
}
@media only screen and (max-width: 414px) {
}