/** 导航 **/
.header{
	/*border-bottom: 0;*/
}
/** 广告 **/
.banner {
    width: 100%;
    text-align: center;
	position: relative;
	margin-top: -100px;
}

    .banner .box {
        width: 100%;
        max-width: 1920px;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
    }

        .banner .box img {
            width: 100%;
        }

/**引导**/
.guide{
	margin-top: 10px;
	margin-bottom: 30px;
}

/*展厅*/
.hall{
	width: 100%;
}


/*列表*/
.hall .list{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
} 
.hall .list ul{
	margin-bottom: 30px;
}
.hall .list ul:after{
	display: block;
	content: ' ';
	clear: both;
}
.hall .list ul li{
	float: left;
	width: calc((100% - 40px) / 3);
	margin-right: 2rem;
	margin-bottom: 0.5rem;
	padding-top: 1rem;
}
.hall .list ul li:nth-child(3n){
	margin-right: 0;
}
.hall .list ul li a{
	display: inline-block;
	width: 100%;
}
.hall .list ul li a:hover{
	transform: translateY(-10px); 
}
.hall .list ul li a:hover > span{
	color: #FFFFFF;
	background-color: #009BE1;
}
.hall .list ul li span{
	display: inline-block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	margin-top: 10px;
}
/*分页*/
.paging{
	margin-bottom: 60px;
}

/**详情**/
/*新闻详情*/
.hall-info{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.hall-info .title{
	height: 180px;
	border-bottom: 2px solid #f0f0f0;
	position: relative;
	padding-top: 1px;
}
.hall-info .title p:nth-child(1){
	font-size: 26px;
	margin-top: 60px;
}
.hall-info .title p:nth-child(2){
	font-size: 16px;
	color: #757677;
	margin-top: 28px;
}
.hall-info .title > div{
	position: absolute;
	left: 0;
	top: 75px;
	font-size: 16px;
	width: 100px;
	height: 30px;
	line-height: 30px;
}
.hall-info .title > div a{
	display: flex;
	align-items: center;
	position: absolute;
}
.hall-info .title > div i{
	display: inline-block;
	width: 11px;
	height: 20px;
	background: url(../images/icon_news_arrow_left.png) no-repeat center;
	background-size: cover;
	margin-right: 15px;
}
.hall-info .content{
	padding: 20px;
	font-size: 16px;
}
.hall-info .content img{
	width: unset;
	max-width: 100%;
    /*margin-top:20px;*/
	margin-bottom: 20px;
}
.hall-info .content p{
	width: 100%;
	text-align: left;
	/*text-indent: 2em;*/
	margin-bottom: 20px;
}
.hall-info .content p.tag{
    width:calc(100% - 12px);
    height:36px;
    line-height:36px;
    font-size:22px;
    text-align:left;
    padding-left:10px;
    border-left:2px solid #019cdf;
    text-indent:0;
    margin-top:40px;
}
@media screen and (max-width:640px) {
	.container {
		padding-top:5rem;
	}
	.banner {
		margin-top:0;
	}
	.guide{
        margin-top:0.5rem;
		margin-bottom:0.5rem;
		height:3rem;
		min-height:unset;
    }

	.container .menu .box {
		height:4rem;
	}
	.container .menu ul li {
		font-size:1.3rem;
		margin-right:0;
	}
	.container .menu ul li a {
		height:4rem;
		line-height:4rem;
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	.hall {
		width:calc(100% - 3rem);
		margin:0 auto;
	}
	.hall .list {
		margin-top:2rem;
	}
	.hall .list ul li {
		width:100%;
		height:unset !important;
		margin-right:0;
	}
	.hall .list ul li img {
		width:100% !important;
		height:unset !important;
	}



	.hall-info {
		width:calc(100% - 3rem);
		margin:0 auto;
	}
	.hall-info .title > div {
		position:absolute;
		top:1rem;
	}
	.hall-info .title {
		height:unset;
		padding-bottom:1rem;
	}
	.hall-info .title p:nth-child(1) {
		font-size:1.8rem;
		margin-top:4rem;
	}
	.hall-info .title p:nth-child(2) {
		font-size:1.4rem;
		margin-top:1rem;
	}
	.hall-info .content{
		padding:0.5rem;
	}
	.hall-info .content img 
	{
	    width:100%;
		height:unset;
		margin-top:0.4rem;
		margin-bottom:0.4rem;
	}
	.hall-info .content iframe,.hall-info .content video{
		max-width:100% !important;
		width:100%;
		height:unset;
	}
}