@charset "UTF-8";
/* CSS Document */
	body {
		margin: 0px;
		padding: 0px;
		height: 100%;
		background: #91282d;
		font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, 宋体;
	}
	.content{
/*
		background-image: url(banner.png);
		width: 1920px;
		height: 778px;

		width: 100%;
		margin: 0px;
		padding: 0px;
		margin: 0;
		border-bottom: 2px solid #e2c395;
		*/
	}
	.scene{
/*
		width: 100%;
		height: 300px;
		
*/
		margin-top: 1%;
	}
	.scene1
	{
	width: 320px;
	height: 70px;
	border: 1px solid #ECD28E;
	color: #ECD28E;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	margin-left: 30px;
	margin-top: 25px;
	}
	.scene2
	{
	width: 320px;
	height: 70px;
	border: 1px solid #ECD28E;
	color: #ECD28E;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	margin-left: 30px;
	margin-top: 25px;
	}
	.scene3
	{
	width: 320px;
	height: 70px;
	border: 1px solid #ECD28E;
	color: #ECD28E;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	margin-left: 30px;
	margin-top: 25px;
	}
	.scene1::before {
    content:url(xf.png);
    width: 21px;
    height: 21px;
    position: absolute;
    left: -12px;
    top: 25px;
/*	margin-top: 24px;*/
	}
	.scene1::after {
    content: url("xf.png");
    width: 21px;
    height: 21px;
    position: absolute;
    right: -10px;
    top: 25px;
	}
	
	.scene2::before {
    content:url(xf.png);
    width: 21px;
    height: 21px;
    position: absolute;
    left: -12px;
    top: 25px;
/*	margin-top: 24px;*/
	}
	.scene2::after {
    content: url("xf.png");
    width: 21px;
    height: 21px;
    position: absolute;
    right: -10px;
    top: 25px;
	}
	
	.scene3::before {
    content:url(xf.png);
    width: 21px;
    height: 21px;
    position: absolute;
    left: -12px;
    top: 25px;
/*	margin-top: 24px;*/
	}
	.scene3::after {
    content: url("xf.png");
    width: 21px;
    height: 21px;
    position: absolute;
    right: -10px;
    top: 25px;
	}
	
	.borderStyle {
    position: relative;
    cursor: pointer;
}
	.kuang
	{
		width: 100%;
		max-width: 1100px;
		height: 70px;
		margin-left: auto;
		margin-right: auto;
	}
	.ziti1
	{
		color: #ECD28E;
		margin: 0px;
		padding: 0px;
	}
	.ziti2
	{
		color: #ECD28E;
		margin: 0px;
		padding: 0px;
	}
	.ziti3
	{
		color: #ECD28E;
		margin: 0px;
		padding: 0px;
	}
	@media (max-width: 1024px) { 
		.scene1{
			width:285px; 
		}
		.scene2{
			width:285px; 
		}
		.scene3{
			width:285px; 
		}
		.scene {
			margin-top: 10%;
		}
	}
	@media (max-width: 700px) { 	
		.scene1 {
		width: 320px;
		height: 70px;
		border: 1px solid #ECD28E;
		color: #ECD28E;
		text-align: center;
		font-size: 18px;
		line-height: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		}
		.scene2 {
		width: 320px;
		height: 70px;
		border: 1px solid #ECD28E;
		color: #ECD28E;
		text-align: center;
		font-size: 18px;
		line-height: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		}
		.scene3 {
		width: 320px;
		height: 70px;
		border: 1px solid #ECD28E;
		color: #ECD28E;
		text-align: center;
		font-size: 18px;
		line-height: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		}
		.scene{
		margin-top: 20%;
		}
	}
	@media (max-width: 700px) { 	
		.scene{
		margin-top: 5%;
		}
	}
	@media (max-width: 320px) { 
		.scene1{
			width:285px; 
		}
		.scene2{
			width:285px; 
		}
		.scene3{
			width:285px; 
		}
		.scene{
		margin-top: 8%;
		}
	}