.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{margin-top: 5%;overflow: hidden;}

.main .layout{flex-direction: column;margin-top: 0;}

.main .title{font-size: clamp(30px, 5vw, 48px);font-family: 'R_B';text-align: center;margin: 0 auto;text-transform: capitalize;}

.main .list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;margin-top: 3%;}

.main .item .info{padding: 5% 6% 10%;background: url(../images/temp/bg.webp) no-repeat center/100% 100%;line-height: 1.8;}

.main .item:nth-child(3n-1) .info{background-image: url(../images/temp/hbg.webp);color: #fff;}



.main .item .peo{display: flex;justify-content: start;align-items: center;}

.main .item .img_warp{width: 20%;padding-bottom: 20%;}

.main .peo{margin-top: 3%;}

.main .item .peo .info{background-image: none;padding: 0;margin-left: 15px;}

.main .peo .name{font-size: 16px;color: #333;font-family: 'R_B';}

.main .peo .zw{font-size: 16px;color: #666;font-family: 'R_M';}





@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 .list{grid-template-columns: repeat(1,1fr);}

	.main .item:nth-child(3n-1) .info{background-image: url(../images/temp/bg.webp);color: #666;}

	.main .item:nth-child(2n) .info{background-image: url(../images/temp/hbg.webp);color: #fff;}

	.main .item .peo .info{background-image: none;}



	

}

@media only screen and (max-width: 414px) {



}