@media screen and (max-width:940px) and (min-width:300px){
	/* banner */
	
	/* banner */
	#banner{
		width: 100%;
		height: 220px;
		position: relative;
		background: url(../img/banner.png) no-repeat;
		background-size: 100% 100%;
	}
	.banner-box{
		width: 140px;
		height: 25px;
		background: red;
		position: relative;
		left: 36%;
		top: 65%;
		background: rgba(28,143,123,0.9);
		border-radius: 50px;
	}
	.banner-bbx{
		width: 120px;
		height: 25px;
		margin: 0 auto;
		border-radius: 50px;
		background: #18a871;
		text-align: center;
		line-height: 25px;
		text-decoration: none;
		font-size: 14px;
		letter-spacing: 4px;
	}
	.banner-bbx>a{
		width: 100%;
		color: white;
		text-decoration: none;
	}
	
	/* center */
	#center{
		width: 85%;
		height: auto;
		margin: 0 auto;
	}
	
	/* conference */
	
	#conference{
		width: 100%;
		height: auto;
		background:	linear-gradient(to right,#1b5b8f,#1b5b8f,#0c1230);
		background-size: 100% 100%;
		padding-bottom: 50px;
	}
	.conference-text{
		padding-top: 20px;
	}
	.conference-text>p{
		color: white;
		text-indent: 2em;
		letter-spacing: 2px;
		font-size: 16px;
		line-height: 30px;
		margin-top: 40px;
	}
	
	/* 案例 */
	#case{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		background: #efefef;
	}
	.case-box{
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
	}
	.case-boxLeft{
		width: 100%;
		height: auto;
		padding-top: 10px;
		padding-left: 0px;
	}
	.case-boxLeft>p{
		color: #bfbfbf;
		font-size: 38px;
		font-weight: 700;
	}
	.case-boxLeft>.case-anli{
		font-size: 28px;
		font-weight: 900;
		float: left;
	}
	.green-yuan{
		width: 15px;
		height: 15px;
		background: #18a871;
		float: left;
		margin-top: 10px;
		margin-left: 10px;
		border-radius: 50px;
	}
	.case-boxRight{
		width: 100%;
		height: auto;
		/* border: 1px solid green; */
	}
	.case-boxRight>ul{
		width: 100%;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.case-boxRight>ul>li{
		margin-top: 30px;
		width: 100%;
		height: 250px;
	}
	.case-li>a>img{
		width: 100%;
		height: 80%;
	}
	.case-li>a>p{
		margin-top: 5px;
	}
	.case-li>a{
		text-decoration: none;
		color: black;
	}
	
	.introduction-Right{
		width: 100%;
		height: auto;
	}
	.introduction-Right>ul{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.intr-li{
		width: 100%;
		height: 200px;
		margin-top: 50px;
	}
	.intr-li>a{
		text-decoration: none;
		color: black;
	}
	.intr-li>a>img{
		width: 100%;
		height: 80%;
	}
	
	/* 相关报道 */
	#introduction{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding-bottom: 50px;
		background: #f5f5f5;
	}
	
	.introduction-Right{
		width: 100%;
		height: auto;
	}
	.introduction-Right>ul{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.intr-li{
		width: 100%;
		height: 200px;
		margin-top: 30px;
	}
	.introduction-Right>ul:after {content: ""; width: 30%; } 
	.intr-li>a{
		text-decoration: none;
		color: black;
	}
	.intr-li>a>img{
		width: 100%;
		height: 80%;
	}
	
	/* 相关报道 */
	#report{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding-bottom: 50px;
	}
	.report-Right{
		width: 100%;
		height: auto;
	}
	.report-Right>ul{
		padding-top: 30px;
	}
	.report-li{
		width: 100%;
		height: 50px;
		background: #f5f5f5;
		margin-top: 10px;
	}
	
	.report-li>a{
		text-decoration: none;
		color: black;
	}
	.report-li:hover{
		background: #18a870;
	}
	.report-li>a>p{
		line-height: 50px;
		padding-left: 5px;
		white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
	}
	.report-li>a>p:hover{
		color: white;
	}
	
	/* Zhibo */
	#rukou{
		width: 100%;
		height: 150px;
		background: linear-gradient(to right,#1b5b8f,#1b5b8f,#0c1230);
		background-size: 100% 100%;
		margin-top: -1px;
	}
	#rukouBX{
		width: 300px;
		height: 150px;
		float: right;
		margin-right: 0px;
	}
	.rukou-time{
		width: 100%;
		text-align: center;
		color: white;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 2px;
		padding-top: 0px;
	}
	.rukou-box{
		width: 250px;
		height: 50px;
		margin: 0 auto;
		background: rgba(28,143,123,0.8);
		border-radius: 50px;
		margin-top: 10px;
	}
	.rukou-boxDiv{
		width: 200px;
		height: 50px;
		border-radius: 50px;
		margin: 0 auto;
		background: #18a871;
	}
	#rukouBX>a{
		text-align: center;
		line-height: 50px;
		color: white;
		letter-spacing: 4px;
		font-size: 20px;
		text-decoration: none;
	}
}