.container>.header>.headerauto>.navone>.active {
	background: #BD9369;
	color: #fff;
}

.container>.header>.headerauto>.navone>a {
	transition: .5s;
}


.main>.main-middle>.main-middle-text{
		width: 800px;
		color: #fff;
		font-size: 12px;
		font-weight: 300;
		margin: auto;
		line-height: 22px;
		margin-bottom: 50px;
	}

@media only screen and (min-width: 1500px) {
	.clearfix:after {
		/*伪元素是行内元素 正常浏览器清除浮动方法*/
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.container>.banner {
		position: relative;
	}

	.container>.banner>.nav {
		width: 100%;
		height: 54px;
		background: rgba(70, 77, 88, 0.9);
		position: fixed;
		z-index: 9999;
	}

	.container>.banner>.nav>.top {
		width: 1364px;
		margin: auto;
	}

	.container>.banner>.nav>.top>ul {
		float: right;
		display: none;
	}

	.container>.banner>.nav>.top>ul>a {
		color: #F3DFCB;
		font-size: 14px;
		line-height: 54px;
		margin-right: 20px;
	}

	.container>.banner>.nav>.top>ul>a:nth-child(8) {
		margin: 0;
	}




	.clearfix {
		*zoom: 1;
		/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
	}

	.container>.banner>.swiper-container {
		width: 100%;
	}

	.container>.banner>.swiper-container>.swiper-wrapper>.swiper-slide>img {
		width: 100%;
		display: block;
	}

	.swiper-pagination {
		margin-left: 0;
	}

	.swiper-pagination-bullet {
		width: 15px;
		height: 15px;
		background: #fff;
	}

	.swiper-pagination-bullet-active {
		background: #BD9369;
	}

	.top-image {
		width: 1364px;
		/* height: 354px; */
		display: block;
		margin: auto;
	}
	.top-image img{
		width: 100%;
		display: block;
	}

	.main {
		background: #314460;
		padding: 70px 0;
	}

	.main>.main-middle {
		width: 1364px;
		margin: auto;

	}

	.main>.main-middle>h2 {
		color: #BE956A;
		font-size: 30px;
		text-align: center;
		font-weight: 400;
	}

	.main>.main-middle>h2>span {
		border-bottom: 2px solid #BE956A;
	}

	.main>.main-middle>p {
		font-size: 16px;
		text-align: center;
		color: #BE956A;
		line-height: 60px;
	}

	.main>.main-middle>.set-box {
		width: 100%;
	}
	.main>.main-middle>.main-middle-text{
		width: 800px;
		color: #fff;
		font-size: 12px;
		font-weight: 300;
		margin: auto;
		line-height: 22px;
		margin-bottom: 50px;
	}

	.main>.main-middle>.set-box>.item {
		width: 316px;
		height: 180px;
		background: #FFF6E9;
		padding: 30px 25px 15px ;
		box-sizing: border-box;
		float: left;
		margin-right: 33px;
		margin-bottom: 35px;
		position: relative;
		display: none;

	}

	.main>.main-middle>.set-box>.item>.p1 {
		font-size: 14px;
		position: absolute;
		color: #BD9369;
		bottom: 10px;
		left: 25%;
	}

	.main>.main-middle>.set-box>.item:hover {
		background: #BD9369;
		cursor: pointer;
	}

	.main>.main-middle>.set-box>.item:hover>div>span {
		color: #fff;
	}

	.main>.main-middle>.set-box>.item:hover>div>p:nth-last-child(2) {
		color: #fff;
	}

	.main>.main-middle>.set-box>.item:hover>div>p {
		color: #F3DFCB;
	}

	.main>.main-middle>.set-box>.item:hover>p {
		color: #fff;
	}

	.main>.main-middle>.set-box>.active {
		background: #BD9369;
	}

	.main>.main-middle>.set-box>.item:nth-child(4n) {
		margin-right: 0;
	}

	.main>.main-middle>.set-box>.item>div>span {
		font-size: 44px;
		float: left;
		margin-right: 10px;
		color: #BD9369;
	}

	.main>.main-middle>.set-box>.item>div>p:nth-last-child(2) {
		font-size: 18px;
		color: #BD9369;
	}

	.main>.main-middle>.set-box>.item>div>p {
		color: #797878;
		font-size: 14px;
		float: left;
		font-weight: 400;
	}

	.main>.main-middle>.set-box>.item>div>p:nth-child(3) {
		width: 210px;
	}

	.main>.main-middle>.drop1 {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background: url(/home_res_path/img/xl.png);
		background-size: 100% 100%;
		cursor: pointer;
		margin: auto;
		z-index: 999;
		margin-top: 60px;
	}

	.main>.main-middle>.set-box>.active>.p1 {
		color: #fff;
	}

	.main>.main-middle>.set-box>.active>div>p:nth-last-child(2) {
		color: #fff;
	}

	.main>.main-middle>.set-box>.active>div>p {
		color: #F3DFCB;
	}

	.main>.main-middle>.set-box>.active>p {
		color: #fff;
	}

	.main>.main-middle>.set-box>.active>div>span {
		color: #fff;
	}




	.main>.main-middle>.pop-up {
		width: 1364px;
		padding: 47px 0 0;
		background: #FFF6E9;
		display: none;
		position: relative;
	}
	.main>.main-middle>.pop-up>.guanbi{
		background-color: #BD9369;
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 50px;
		cursor: pointer;
	}
	.main>.main-middle>.pop-up>.guanbi>img{
		display: block;
		width: 32px;
		height: 32px;
		position: absolute;
		top: calc(50% - 16px);
		right: calc(50% - 16px);

	}


	.main>.main-middle>.pop-up>.cent {
		width: 1194px;
		margin: auto;
	}

	.main>.main-middle>.pop-up>.cent>.top {
		border-bottom: 1px solid #BD9369;
	}

	.main>.main-middle>.pop-up>.cent>.top>h3 {
		float: left;
		font-size: 22px;
		color: #BD9369;
		font-weight: 400;
	}

	.main>.main-middle>.pop-up>.cent>.top>P {
		float: right;
		font-size: 14px;
		color: #BD9369;
	}

	.main>.main-middle>.pop-up>.cent>.top>P>img {
		margin-left: 20px;
		margin-right: 10px;
		vertical-align: middle;
	}

	.main>.main-middle>.pop-up>.cent>.text {
		padding-top: 40px;
		color: #797878;
		font-size: 14px;
		line-height: 24px;
		padding-bottom: 60px;
	}

	.main>.main-middle>.pop-up>.cent>.text>.left {
		width: 570px;
		float: left;
	}

	.main>.main-middle>.pop-up>.cent>.text>.right {
		width: 570px;
		float: right;
	}

	.main>.main-middle>.pop-up>.bott {
		width: 100%;
		height: 142px;
		background: #fff;
		position: relative;
		color: #BD9369;
		font-size: 18px;
		line-height: 142px;
		text-align: center;
	}

	.main>.main-middle>.pop-up>.bott>img {
		width: 54px;
		height: 54px;
		position: absolute;
		top: -27px;
		left: 50%;
		transform: translate(-50%);
	}




	.bottom {
		background: #fff;
		padding: 8px 0 116px;
	}

	.bottom>.cent {
		width: 1364px;
		margin: auto;
	}

	.bottom>.cent>div {
		width: 415px;
		float: left;
		margin-right: 8px;
	}

	.bottom>.cent>div>img {
		width: 100%;
		height: 214px;
		display: block;
		margin-bottom: 8px;
	}

	.bottom>.cent>.midd {
		display: block;
		width: 291px;
		height: 437px;
		float: left;
	}

	.bottom>.cent>.rit {
		display: block;
		float: right;
		width: 644px;
		height: 437px;
	}
}








@media only screen and (max-width: 1500px) {
	.clearfix:after {
		/*伪元素是行内元素 正常浏览器清除浮动方法*/
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		*zoom: 1;
		/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
	}

	.container>.banner>.swiper-container {
		width: 100%;
	}

	.container>.banner {
		position: relative;
	}

	.container>.banner>.nav {
		width: 100%;
		height: 54px;
		background: rgba(70, 77, 88, 0.9);
		position: fixed;
		z-index: 9999;
	}

	.container>.banner>.nav>.top {
		width: 1120px;
		margin: auto;
	}

	.container>.banner>.nav>.top>ul {
		float: right;
		display: none;
	}

	.container>.banner>.nav>.top>ul>a {
		color: #F3DFCB;
		font-size: 14px;
		line-height: 54px;
		margin-right: 20px;
	}

	.container>.banner>.nav>.top>ul>a:nth-child(8) {
		margin: 0;
	}

	.container>.banner>.swiper-container>.swiper-wrapper>.swiper-slide>img {
		width: 100%;
		display: block;
	}

	.swiper-pagination {
		margin-left: 0;
	}

	.swiper-pagination-bullet {
		width: 15px;
		height: 15px;
		background: #fff;
	}

	.swiper-pagination-bullet-active {
		background: #BD9369;
	}

	.top-image {
		width: 1120px;
		display: block;
		margin: auto;
	}
	.top-image  img{
		width: 100%;
		display: block;
	}

	.main {
		background: #314460;
		padding: 70px 0;
	}

	.main>.main-middle {
		width: 1120px;
		margin: auto;

	}

	.main>.main-middle>h2 {
		color: #BE956A;
		font-size: 30px;
		text-align: center;
		font-weight: 400;
	}

	.main>.main-middle>h2>span {
		border-bottom: 2px solid #BE956A;
	}

	.main>.main-middle>p {
		font-size: 16px;
		text-align: center;
		color: #BE956A;
		line-height: 60px;
	}

	.main>.main-middle>.set-box {
		width: 100%;
	}

	.main>.main-middle>.set-box>.item {
		width: 255px;
		height: 180px;
		background: #FFF6E9;
		padding: 30px 10px 15px 20px;
		box-sizing: border-box;
		float: left;
		margin-right: 33px;
		margin-bottom: 35px;
		position: relative;
		display: none;
		
	}

	.main>.main-middle>.set-box>.item>.p1 {
		font-size: 14px;
		position: absolute;
		color: #BD9369;
		bottom: 10px;
		left: 74px;
		float: right;
	}

	.main>.main-middle>.set-box>.item:hover {
		background: #BD9369;
		cursor: pointer;
	}

	.main>.main-middle>.set-box>.item:hover>div>span {
		color: #fff;
	}

	.main>.main-middle>.set-box>.item:hover>div>p:nth-last-child(2) {
		color: #fff;
	}

	.main>.main-middle>.set-box>.item:hover>div>p {
		color: #F3DFCB;
	}

	.main>.main-middle>.set-box>.item:hover>p {
		color: #fff;
	}

	.main>.main-middle>.set-box>.active {
		background: #BD9369;
	}

	.main>.main-middle>.set-box>.item:nth-child(4n) {
		margin-right: 0;
	}

	.main>.main-middle>.set-box>.item>div>span {
		font-size: 44px;
		float: left;
		margin-right: 10px;
		color: #BD9369;
	}

	.main>.main-middle>.set-box>.item>div>p:nth-last-child(2) {
		font-size: 16px;
		color: #BD9369;
	}

	.main>.main-middle>.set-box>.item>div>p {
		color: #797878;
		font-size: 14px;
		float: left;
		font-weight: 400;
	}

	.main>.main-middle>.set-box>.item>div>p:nth-child(3) {
		width: 160px;
	}

	.main>.main-middle>.drop1 {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background: url(/home_res_path/img/xl.png);
		background-size: 100% 100%;
		cursor: pointer;
		margin: auto;
		z-index: 999;
		margin-top: 60px;
	}

	.main>.main-middle>.set-box>.active>.p1 {
		color: #fff;
	}

	.main>.main-middle>.set-box>.active>div>p:nth-last-child(2) {
		color: #fff;
	}

	.main>.main-middle>.set-box>.active>div>p {
		color: #F3DFCB;
	}

	.main>.main-middle>.set-box>.active>p {
		color: #fff;
	}

	.main>.main-middle>.set-box>.active>div>span {
		color: #fff;
	}




	.main>.main-middle>.pop-up {
		width: 1120px;
		padding: 47px 0 0;
		background: #FFF6E9;
		display: none;
		position: relative;
	}
	
	.main>.main-middle>.pop-up>.guanbi{
		background-color: #BD9369;
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 50px;
		cursor: pointer;
	}
	.main>.main-middle>.pop-up>.guanbi>img{
		display: block;
		width: 32px;
		height: 32px;
		position: absolute;
		top: calc(50% - 16px);
		right: calc(50% - 16px);

	}

	.main>.main-middle>.pop-up>.cent {
		width: 1000px;
		margin: auto;
	}

	.main>.main-middle>.pop-up>.cent>.top {
		border-bottom: 1px solid #BD9369;
		line-height: 40px;
	}

	.main>.main-middle>.pop-up>.cent>.top>h3 {
		float: left;
		font-size: 22px;
		font-weight: 400;
		color: #BD9369;
	}

	.main>.main-middle>.pop-up>.cent>.top>P {
		float: right;
		font-size: 14px;
		color: #BD9369;
	}

	.main>.main-middle>.pop-up>.cent>.top>P>img {
		margin-left: 20px;
		margin-right: 10px;
		vertical-align: middle;
	}

	.main>.main-middle>.pop-up>.cent>.text {
		padding-top: 40px;
		color: #797878;
		font-size: 14px;
		line-height: 24px;
		padding-bottom: 60px;
	}

	.main>.main-middle>.pop-up>.cent>.text>.left {
		width: 480px;
		float: left;
	}

	.main>.main-middle>.pop-up>.cent>.text>.right {
		width: 480px;
		float: right;
	}

	.main>.main-middle>.pop-up>.bott {
		width: 100%;
		height: 142px;
		background: #fff;
		position: relative;
		color: #BD9369;
		font-size: 18px;
		line-height: 142px;
		text-align: center;
	}

	.main>.main-middle>.pop-up>.bott>img {
		width: 54px;
		height: 54px;
		position: absolute;
		top: -27px;
		left: 50%;
		transform: translate(-50%);
	}




	.bottom {
		background: #fff;
		padding:8px 0 116px;
	}

	.bottom>.cent {
		width: 1120px;
		margin: auto;
	}

	.bottom>.cent>div {
		width: 335px;
		float: left;
		margin-right: 8px;
	}

	.bottom>.cent>div>img {
		width: 100%;
		display: block;
		margin-bottom: 8px;
	}

	.bottom>.cent>.midd {
		display: block;
		width: 240px;
		float: left;
	}

	.bottom>.cent>.rit {
		display: block;
		float: right;
		width: 530px;
	}
}