.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%;}

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

}