.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%;}
.main .left_list{width: 70%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;}
.main .item .img_warp{border-radius: 15px;overflow: hidden;}
.main .item .img_warp:hover img{transform: scale(1.1);}
.main .info{margin-top: 10px;}
.main .info .title{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;min-height: 3em;font-size: 24px;font-family: 'R_B';}
.main .info .desc{font-size: 16px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;min-height: 4.5em;margin: 15px 0;}
.main .info .link{font-size: 16px;color: #333;font-family: 'R_B';}
.main .info .link:hover{color: #71D8D5;}
.main .right{width: 25%;}
.main .right .Btitle{box-shadow: 0 0 8px 0 rgba(0,0,0,.15);border-radius: 46px;text-align: center;font-size: 16px;color: #333;width: fit-content;margin: 0 auto;padding: 9px 40px;position: relative;}
.main .right .Btitle::before{content: ' ';display:block;width:10px;height:10px;border-radius: 50%;background-color: #333;position: absolute;left: 8%;top: 50%;transform: translate(0%, -50%);}
.main .right .Btitle::after {content: ' ';display:block;width:10px;height:10px;border-radius: 50%;background-color: #333;position: absolute;right: 8%;top: 50%;transform: translate(0%, -50%);}
.main .right .fitst_news .img_warp{width: 33%;padding-bottom:33%;margin: 5% auto;border-radius: 50%;}
.main .right .fitst_news .title{text-align: center;min-height: auto;}
.main .right .fitst_news .desc{color: #666;font-size: 16px;text-align: center;margin: 10px 0 0;}
.main .right .share{display: flex;justify-content: center; align-items: center;margin-top: 5%;}
.main .right .share a{width: 30px;height: 30px;display: block;background-size: cover;margin: 0 10px;transition: all .3s;}
.main .right .share a:hover{transform: rotate(15deg);}
.main .right .new_list{margin-top: 20%;}
.main .right .Btitle{margin-bottom: 10%;}
.main .right .new_item{display: flex;justify-content: start;align-items: center;margin-bottom: 20px;}
.main .right .new_item .img_warp{width: 25%;padding-bottom: 25%;border-radius: 15px;flex-shrink: 0;margin-right: 10px;}
.main .right .new_item .img_warp:hover img{transform: scale(1.1);}
.main .right .new_item .info .title{font-size: 16px;}
.main .right .new_item .info .desc{min-height: auto;margin: 5px 0;}

@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 .right{display: none;}
	.main .left_list{width: 100%;grid-template-columns: repeat(1,1fr);}

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