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



.video_list{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;}

.video_item .img_warp{padding-bottom: 55%;border-radius: 30px;overflow: hidden;}

.video_item .img_warp .player{width: 80px;height: 80px;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.video_item .info{padding: 3% 2%;}

.video_item .title{display: block;font-family: 'R_B';font-size: 24px;}

.video_item .desc{margin-top: 1%;font-size: 16px;color: #666;}





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

}

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

	.fixed-nav{height: 70px;}

.video_list{display: grid;grid-template-columns: repeat(1,1fr);grid-gap: 30px;}



}

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

}