#box{
	width: 100%;
	height: 100%;
}
#banner{
	width: 100%;
	position: relative;
	z-index: 99;
	position: fixed;
	left: 0;
	top: 0;
}
#banner .header{
	width: 100%;
	position: absolute;
	left: 0;
	top:0;
}
.fontstyle{
	color:#fff;
}
.btncolor{
	color: #000;
}
.icon-bar{
	background-color: #fff;
}
.title li{
	text-align: right;
}
.nav-logo{
	float: left;
}
.nav-logo a{  
    width: 2.24rem;
    height: 0.6rem;
    background:url(../image/home/logo.jpg) no-repeat;
    background-size: 100%;
}  

@media (min-width: 768px) {
  	.navbar_self_pc {
    	padding: 0.27rem 0.3rem 0 0.31rem;
    }

    .navline{
		display: block;
		width: 0.4rem;
		height: 0.02rem;
		background:#44CCCC;
		margin: 0.1rem auto;
	}
}
@media (max-width: 767px){
	.footer .footer-message{
		font-size: 0.3rem !important;
	}
	.nav-logo a{  
	    width: 4.24rem;
    	height: 1.45rem;
	    background:url(../image/home/logo.jpg) no-repeat;
	    background-size: 100%;  
	}
	.introduce-title{
		font-size: 0.4rem !important;
		padding-bottom: 0.32rem !important;
	}
	#compose .compose-introduce span{
		padding-bottom: 0.32rem !important;
	}
	.material-title{
		font-size: 0.4rem !important;
		padding-bottom: 0.32rem !important;
	}
	.material-introduce span{
		padding-bottom: 0.32rem !important;
	}
	#material .material-img{
		position: absolute !important;
		left: 8.94rem !important;
		top: 5.86rem !important; 
	}
	#material .material-border{
		position: absolute !important;
		left: 7.7rem !important;
		top: 6.58rem !important;
	}
	.material-text{
		position: absolute;
		left: 6.23rem;
		top: 6.4rem !important;
	}
	.material-introduce{
		margin: 1.52rem 9rem 0 0.36rem !important;
	}
	#play .play-img{
		position: absolute;
		left: 0.43rem;
		top: 0rem !important;
	}
	#play .play-border{
		position: absolute;
		left: 3.61rem;
		top: 0.7rem !important;
	}
	#play .play-text{
		position: absolute;
		left: 6.23rem;
		top: 0.5rem !important;
	}
	.play-title{
		font-size: 0.4rem !important;
		padding-bottom: 0.32rem !important;
	}
	#play .play-introduce span{
		padding-bottom: 0.32rem !important;
	}
	.navbar_self_mobile {
    	padding: 0.27rem 0.3rem 0 0.31rem;
    }
    .navbar_button_top{
    	margin-top: 0;
    }
    .title li{
		margin: 0.17rem 0 !important;
	}
    .title li a:hover span{
		display: none !important;	
	}

	.title li a{
		font-size: 0.45rem !important;
	}
	.navbar-nav > li > a{
		padding-bottom: 0px !important;
	}
	.navbar-nav li a{
		padding-bottom: 0 !important;
	}
	.navline{
		display: none !important;
	}
	#videoBox .mute-icon img{
		width: 0.8rem !important;
		height: 0.8rem !important;
	}

	#recent .recent_xq {
	    padding: 0.24rem 0.39rem 0 0.43rem !important;
	}
	#recent .recent_xq h1{
		padding-bottom: 0.1rem !important;
	}
	#recent .case .caseText{
		margin-top: -0.6rem !important;
	}
	.footer .icon{
		position: absolute;
		left: 0.52rem;
		top:4.37rem !important;
	}
	.footer .icon .weibo{
		display: inline-block;
		width: 0.5rem !important;
		height: 0.5rem !important;
		background:url(../image/business/weibo.png) no-repeat;
		background-size: 100%;
		margin-right: 0.42rem;
	}
	.footer .icon .weixin{
		display: inline-block;
		width: 0.5rem !important;
		height: 0.5rem !important;
		background:url(../image/business/weixin-2.png) no-repeat;
		background-size: 100%;
		margin-right: 0.42rem;
	}
	.footer .icon .youTube{
		display: inline-block;
		width: 0.6rem !important;
		height: 0.6rem !important;
		background:url(../image/home/youtube-square.png) no-repeat;
		background-size: 100% 100%;
		margin-right: 0.42rem;
	}
	.footer .footer-text{
		font-size: 0.3rem !important;
	}
	.footer .footer-text .add li:nth-child(3){
		margin-left:0.24rem !important;
		margin-right: 1.15rem !important;
	}

}
@media (max-width: 320px){
	.footer .icon{
		position: absolute;
		left: 0.52rem;
		top:4.47rem !important;
	}
	.footer .icon .weibo{
		display: inline-block;
		width: 0.6rem !important;
		height: 0.6rem !important;
		background:url(../image/business/weibo.png) no-repeat;
		background-size: 100%;
		margin-right: 0.42rem;
	}
	.footer .icon .weixin{
		display: inline-block;
		width: 0.6rem !important;
		height: 0.6rem !important;
		background:url(../image/business/weixin-2.png) no-repeat;
		background-size: 100%;
		margin-right: 0.42rem;
	}
	.footer .icon .youTube{
		display: inline-block;
		width: 0.6rem !important;
		height: 0.6rem !important;
		background:url(../image/home/youtube-square.png) no-repeat;
		background-size: 100% 100%;
		margin-right: 0.42rem;
	}
	.footer .footer-text .add li:nth-child(3){
		margin-left:0.24rem !important;
		margin-right: 1.25rem !important;
	}
}



.title li{
	margin:0.17rem 0.53rem 0 0;
}
.title li a{
	color: #fff;
	text-decoration: none;
	font-size: 0.22rem;
}

.banner-icon{
	width: 0.31rem;
	height: 0.30rem;
	background:url(../image/home/banner-icon.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 6.31rem;
	top: 7.37rem;
}
.content{
	z-index: 100;
	width: 100%;
	background: #fff; 
	position: absolute;
	left: 0;
	top: 8.73rem;
}
#compose{
	width: 100%;
	height: 4.91rem;
}
#compose .compose-img{
	width: 3.67rem;
	height: 4.71rem;
	background:url(../image/home/compose.jpg) no-repeat;
	background-size:100%;
	float: left;
	position: relative;
	margin: -0.6rem 0 0 0.43rem;
}
#compose .border{
	width: 1.73rem;
	height: 0.05rem;
	background-color: #44CCCC;
	border-radius: 0.02rem;
	position: absolute;
	left: 3.61rem;
	top: 0.7rem;
}
#compose .compose-text{
	display: block;
	font-size: 0.55rem !important;
	font-family: PingFangSC-Semibold;
	color: #444970;
	width: 0.52rem;
	position: absolute;
	left: 6.23rem;
	top: 0.6rem;
}
#compose .compose-introduce{
	position: absolute;
	left: 8.64rem;
	top: 0.7rem;
}
#compose .compose-introduce .introduce-title{
	font-family: PingFangSC-Medium;
	color: #151515;
	font-size: 0.27rem;
	padding-bottom: 0.52rem;
}
#compose .compose-introduce span{
	display: block;
	font-family: PingFangSC-Regular;
	font-size:0.18rem;
	color: #0F0F0F;
	padding-bottom: 0.52rem;
}
#material{
	width: 100%;
	height: 4.91rem;
}
.material-introduce{
	text-align: right;
	margin: 0.52rem 9rem 0 0.36rem;
}
.material-introduce .material-title{
	font-family: PingFangSC-Medium;
	color: #151515;
	font-size: 0.27rem;
	padding-bottom: 0.52rem;
}
.material-introduce span{
	display: block;
	font-family: PingFangSC-Regular;
	font-size:0.18rem;
	color: #0F0F0F;
	padding-bottom: 0.52rem;
}
.material-text{
	display: block;
	font-size: 0.55rem !important;
	font-family: PingFangSC-Semibold;
	color: #444970;
	width: 0.52rem;
	position: absolute;
	left: 6.23rem;
	top: 5.4rem;
}
#material .material-img{
	width: 3.67rem;
	height: 4.71rem;
	background:url(../image/home/material.png) no-repeat;
	background-size:100%;
	position: absolute;
	left: 8.94rem;
	top: 4.56rem; 
}
#material .material-border{
	display: block;
	width: 1.73rem;
	height: 0.05rem;
	background-color: #44CCCC;
	border-radius: 0.02rem;
	position: absolute;
	left: 7.7rem;
	top: 5.58rem;
}
#play{
	width: 100%;
	height: 4.91rem;
	position: relative;
}
#play .play-img{
	width: 3.67rem;
	height: 4.71rem;
	background:url(../image/home/playing.png) no-repeat;
	background-size:100%;
	float: left;
	position: absolute;
	left: 0.43rem;
	top: -0.7rem;
}
#play .play-border{
	width: 1.73rem;
	height: 0.05rem;
	background-color: #44CCCC;
	border-radius: 0.02rem;
	position: absolute;
	left: 3.61rem;
	top: 0.5rem;
}
#play .play-text{
	display: block;
	font-size: 0.55rem !important;
	font-family: PingFangSC-Semibold;
	color: #444970;
	width: 0.52rem;
	position: absolute;
	left: 6.23rem;
	top: 0.3rem;
}
#play .play-introduce{
	position: absolute;
	left: 8.38rem;
	top: 0.5rem;
}
#play .play-introduce .play-title{
	font-family: PingFangSC-Medium;
	color: #151515;
	font-size: 0.27rem;
	padding-bottom: 0.52rem;
}
#play .play-introduce span{
	display: block;
	font-family: PingFangSC-Regular;
	font-size:0.18rem;
	color: #0F0F0F;
	padding-bottom: 0.52rem;
}
#videoBox{
	width: 100%;
	height: 8.73rem;
	position: relative;
}
#videoBox .video_Propaganda{
	width: 100%;
	height: 8.73rem;
	object-fit: fill;
}
#videoBox .mute-icon img{
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	left: 12.5rem;
	top: 0.35rem;
}
/*-----------------表演列表--------------------*/
#performances{
	width: 100%;
}
#performances #num_type{
	/*margin-top: 0.82rem;*/
}
#performances #num_type ul{
	text-align: center;
	display: flex;
	justify-content:space-around;
}
#performances #num_type ul li p:first-of-type span{
	font-size: 0.22rem;
	margin-left: 0.26rem;
}
#performances #num_type ul li p:first-of-type{
	font-size: 0.66rem;
	font-family:PingFangSC-Semibold;
	color:rgba(23,73,105,1);
}
#performances #num_type ul li p:last-of-type{
	font-size:0.27rem;
	font-family:PingFangSC-Medium;
	color:rgba(136,136,136,1);
}
#performances #num_type ul .line{
	display: inline-block;
	width: 0.01rem;
	height: 0.84rem;
	margin-top: 0.29rem;
	background-color:rgba(23,73,105,1);
}
#performances .tab{
	font-size: 0.66rem;
	font-family: PingFangSC-Semibold;
	color:#174969;
	margin-top: 1rem;
	margin-left: 0.59rem;
}
#performances #xq_list {
	display: flex;
	justify-content: space-around;

}
#performances #xq_list .xq_text{
	font-size: 0.44rem;
	color:#174969;
}
.movie_listplay .name,.movie_listplay1 .name{
	font-family: PingFangSC-Regular;
	font-size: 0.22rem;
	color: #8C8C8C;
}
.movie_listplay .fragment,.movie_listplay1 .fragment{
	font-family: PingFangSC-Regular;
	font-size: 0.22rem;
	color: #565656;
}
.movie_listplay1 .movie_bottom1,.movie_listplay .movie_bottom{
	margin-top: 0.49rem;
}
.movie_listplay .movie_top div,.movie_listplay .movie_bottom div,.movie_listplay1 .movie_top1 div,.movie_listplay1 .movie_bottom1 div{
	display: inline-block;
}
.movie_listplay .movie_top a{
	display: inline-block;
	width: 0.69rem;
	height: 0.69rem;
	background: url(../image/home/1pic.jpg) no-repeat;
	background-size: 100%;
	margin-right: 0.28rem;
}
.movie_listplay .movie_bottom a{
	display: inline-block;
	width: 0.69rem;
	height: 0.69rem;
	background: url(../image/home/2pic.jpg) no-repeat;
	background-size: 100%;
	margin-right: 0.28rem;
}
.movie_listplay1 .movie_top1 a{
	display: inline-block;
	width: 0.69rem;
	height: 0.69rem;
	background: url(../image/home/3pic.jpg) no-repeat;
	background-size: 100%;
	margin-right: 0.28rem;
}
.movie_listplay1 .movie_bottom1 a{
	display: inline-block;
	width: 0.69rem;
	height: 0.69rem;
	background: url(../image/home/4pic.jpg) no-repeat;
	background-size: 100%;
	margin-right: 0.28rem;
}
/*-------------------近期动态------------------*/
#recent{
	width: 100%;
	height: 13.28rem;
	background:url(../image/home/dtbj.png) no-repeat;
	background-size: 100% 100%;
	/*margin-top: 0.8rem;*/
}
#recent .recent_xq{
	width: 100%;
	/*height:6.4rem;*/
	padding: 0.64rem 0.39rem 0 0.43rem;
	position: relative;
}
#recent .recent_xq h1{
	font-size: 0.56rem;
	color:#fff;
	font-family:PingFangSC-Semibold;
	padding-bottom: 0.5rem;
}
#recent .recent_xq .recent_banner{
	display: block;
	width: 12.5rem;
	height: 5.37rem;
	position: relative;
}
#recent .recent_xq ul{
	position: absolute;
	left: 0.82rem;
	top: 6.94rem;
}
#recent .recent_xq ul li{
	float: left;
	width: 0.15rem;
	height: 0.15rem;
	border:0.03rem solid #fff;
	border-radius: 50%;
	/*background:url(../image/home/kx.png) no-repeat;*/
	/*background-size: 100%;*/
	margin-right: 0.15rem;
}
.active{
	width: 0.35rem !important;
	height: 0.15rem !important;
	background-color: #fff;
	/*background:url(../image/home/sx.png) no-repeat !important;*/
	/*background-size: 100% !important;*/
	border-radius: 0.3rem !important;
}

#recent .recent_xq p{
	font-size:0.24rem;
	font-family:PingFangSC-Regular;
	color: #fff;
	position: absolute;
	left: 8.5rem;
	top: 6.8rem;
}

#recent .case{
	margin:1.54rem 0.87rem 1.02rem 0.43rem;
	display: flex;
	justify-content: space-between;
	position: relative;
}

#recent .case h1{
	font-size:0.56rem;
	font-family:PingFangSC-Semibold;
	color:#fff;
}
#recent .case .caseText{
	margin-top: -0.3rem;
}
#recent .case .caseText .caseText1{
	margin-top: 1.51rem;
}
#recent .case .caseText p{
	font-size:0.3rem;
	font-family:PingFangSC-Regular;
	color: #fff;
}
#recent .case .caseText p:last-of-type{
	margin-top: 0.38rem;
}
#recent .case .clown{
	width: 5.48rem;
	height: 3.48rem;
}
#recent .case .playvideo{
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	background: url(../image/home/playbtn.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left:8.78rem;
	top:1.49rem;
}
/*------------------------底部-----------------*/
.footer{
	width: 100%;
	position: relative;
}
.footer img{
	width: 100%;

}
.footer .footer-text{
	font-size: 0.16rem;
	position: absolute;
	left: 0.53rem;
	top:1.39rem;
}
.footer .footer-text .mr{
	color: gray;
}
.footer .footer-text .about,.footer .footer-text .add{
	padding-bottom: 0.62rem;
}
.footer .footer-text ul li a{
	text-decoration: none;
	color: #fff;
	text-align: center;
}
.footer .footer-text .about li,.footer .footer-text .add li{
	float: left;
	margin-right: 0.8rem;
}
.footer .footer-text .add li:nth-child(3){
	margin-left:0.12rem;
	margin-right: 1.04rem;
}
.footer .icon{
	position: absolute;
	left: 0.52rem;
	top:4.17rem;
}
.footer .icon .weibo{
	display: inline-block;
	width: 0.28rem;
	height: 0.23rem;
	background:url(../image/business/weibo.png) no-repeat;
	background-size: 100%;
	margin-right: 0.42rem;
}
.footer .icon .weixin{
	display: inline-block;
	width: 0.28rem;
	height: 0.23rem;
	background:url(../image/business/weixin-2.png) no-repeat;
	background-size: 100%;
	margin-right: 0.42rem;
}
.footer .icon .youTube{
	display: inline-block;
	width: 0.35rem;
	height: 0.35rem;
	background:url(../image/home/youtube-square.png) no-repeat;
	background-size: 100% 100%;
	margin-right: 0.42rem;
}
.footer .icon .videogodImg{
	display: inline-block;
	display: none;
	width: 1rem;
	height: 1rem;
	float: right;
	margin-top: -0.3rem;
}
.footer .footer-message{
	font-size: 0.16rem ;
	color: #fff;
	position: absolute;
	left: 0.53rem;
	top:5.39rem;
}
.footer .footer-message .record,.footer .footer-message .record-xs{
	display: inline-block;
}
.footer .footer-message .record{
	margin-left: 1rem;
}

/*----浏览量部分隐藏，只需要把num_type中的ul注释掉，注释掉num_type以后footer部分会不显示-----*/