/* 1280px 及以下） */
@media only screen and (max-width: 1279px) {
	.grid-box-1{
		background-image: url("../images/index/pic1.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 100%;
		height: 6.25rem;
		display: flex;
		justify-content: center;
		position: relative;
	}
	.grid-box-1 .box-main{
		text-align: center;
		padding-top: 1.71rem;
	}
	.grid-box-1 .box-main .title{
		color: #ffffff;
		font-size: 0.5rem;
		padding-bottom: .15rem;
	}
	.grid-box-1 .box-main .name{
		color: #ffffff;
		font-size: 0.3rem;
	}
	.grid-box-1 .blow{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 7rem;
		background-image: linear-gradient(0deg, 
		rgba(17, 17, 17, .9) 0%, 
		rgba(23, 23, 23, .3) 27%, 
		rgba(40, 40, 40, .0) 100%);
	}
	.grid-box-2{
		background-color: #111;
		position: relative;
	}
	.grid-box-2 .main{
		width: 8.63rem;
		background-color: #111111;
		border-radius: 0.5rem;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top:-2rem;
	}
	.grid-box-2 .main .title{
		color: #e6c4a5;
		font-size: 0.38rem;
		text-align: center;
		padding: .5rem 0 .36rem 0;
	}
	.grid-box-2 .main .info{
		color: #ffffff;
		font-size: 0.28rem;
		width: 7.83rem;
		margin: auto;
	}
	.grid-box-2 .main .name{
		color: #e6c4a5;	
		font-size: 0.33rem;
		text-align: center;
		padding: 1.65rem 0 .89rem 0;
	}
	.grid-box-2 .list {
		width: 8.63rem;
		margin: auto;
		display: flex;
		justify-content: space-between;
		padding-bottom: .5rem;
		padding-top: 7rem;
	}
	.grid-box-2 .list .left{
		position: relative;
		width: 0.96rem;
	}
	.grid-box-2 .list .left .item{
		display: flex;
		width: 1rem;
		height: 3.63rem;
		justify-content: space-between;
		position: relative;
		z-index: 10;
		margin-bottom: .38rem;
		top:.38rem;
	}
	.grid-box-2 .list .left .item .lable{
		color: #f2c88e;
		font-size: 0.28rem;	
	}
	.grid-box-2 .list .left .item .icon{
		width: 0.2rem;
		height: 0.2rem;
		background-color: #111111;
		border: solid 0.05rem #f2c88e;
		border-radius: 50%;
	}
	.grid-box-2 .list .left .line{
		width: 0.03rem;
		height: 26rem;
		background-image: linear-gradient(0deg, 
			#111111 0%, 
			#a08561 50%, 
			#f2c88e 79%, 
			#111111 100%);
		position: absolute;
		right: .075rem;
		top:-1rem;	
	}
	.grid-box-2 .list .right .item{
		width: 6.72rem;
		height: 3.63rem;
		border-radius: 0.1rem;
		margin-bottom: .38rem;
		color: #fff;
		font-size: 0.3rem;
		display: flex;
		align-items: center;
		padding: 0 .38rem;
	}
	.grid-box-2 .list .right .item:nth-child(6n+1){
		background-image: linear-gradient(90deg, 
			rgba(242, 200, 142, .2) 0%, 
			rgba(22, 22, 22, .2) 100%);
	}
	.grid-box-2 .list .right .item:nth-child(6n+2){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%); 
	}
	.grid-box-2 .list .right .item:nth-child(6n+3){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%);
	}
	.grid-box-2 .list .right .item:nth-child(6n+4){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%);
	}
	.grid-box-2 .list .right .item:nth-child(6n+5){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%);
	}
	.grid-box-2 .list .right .item:nth-child(6n+6){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%);
	}
	.grid-box-3{
		background-color: rgba(34, 34, 34, 1);
		border-radius: 0.1rem;
		padding: .5rem 0;
	}
	.grid-box-3 .item{
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.grid-box-3 .item-1{
		background-image: url("../images/index/pic2.jpg");
		width: 8.63rem;
		height: 5rem;
		margin: auto;
	}
	.grid-box-3 .item-2{
		margin-left: 1.02rem;
		width: 8.63rem;
		height: 5.88rem;
		margin: .5rem auto 0;
		background-image: url("../images/index/frame.png");
	}
	.grid-box-3 .item-2 .name{
		padding: .38rem;
		font-size: 0.3rem;
		color: rgba(255, 255, 255, 1);
	}
	.grid-box-4{
		background-color: #111111;
	}
	.grid-box-4 .title{
		font-size: 0.35rem;
		color: rgba(230, 196, 165, 1);
		text-align: center;
		margin: .5rem auto;	
	}
	.grid-box-4 .list{
		width: 8.63rem;
		margin: auto;
	}
	.grid-box-4 .list .item{
		background-image: linear-gradient(90deg, 
			rgba(220, 211, 201, .2) 0%, 
			rgba(22, 22, 22, .2) 100%);
		border-radius: 0.2rem;
		color: rgba(255, 255, 255, 1);
		font-size: 0.3rem;
		padding: .38rem;
		margin:  0 auto .38rem;
	}
}               

/* 1280px 像素及以上） */
@media only screen and (min-width: 1280px) {			
	.grid-box-1{
		background-image: url("../images/index/pic1.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 100%;
		height: 15.83rem;
		display: flex;
		justify-content: center;
		position: relative;
	}
	.grid-box-1 .box-main{
		text-align: center;
		padding-top: 4.38rem;
	}
	.grid-box-1 .box-main .title{
		color: #ffffff;
		font-size: 0.7rem;
		padding-bottom: .39rem;
	}
	.grid-box-1 .box-main .name{
		color: #ffffff;
		font-size: 0.35rem;
	}
	.grid-box-1 .blow{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 7.5rem;
		background-image: linear-gradient(0deg, 
		rgba(17, 17, 17, .9) 0%, 
		rgba(23, 23, 23, .3) 27%, 
		rgba(40, 40, 40, .0) 100%);
	}
	.grid-box-2{
		background-color: #111;
		height:11.9rem;
		position: relative;
	}
	.grid-box-2 .main{
		width: 19rem;
		background-color: #111111;
		border-radius: 0.5rem;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top:-5rem;
	}
	.grid-box-2 .main .title{
		color: #e6c4a5;
		font-size: 0.45rem;
		text-align: center;
		padding: .86rem 0 .66rem 0;
	}
	.grid-box-2 .main .info{
		color: #ffffff;
		font-size: 0.2rem;
		width: 15.18rem;
		margin: auto;
	}
	.grid-box-2 .main .name{
		color: #e6c4a5;	
		font-size: 0.33rem;
		text-align: center;
		padding: 1.14rem 0 .69rem 0;
	}
	.grid-box-2 .main .list {
		width: 12.95rem;
		margin: auto;
		display: flex;
		justify-content: space-between;
		padding-bottom: .5rem;
	}
	.grid-box-2 .main .list .left{
		position: relative;
		width: 0.96rem;
	}
	.grid-box-2 .main .list .left .item{
		display: flex;
		align-items: center;
		width: 1rem;
		justify-content: space-between;
		padding: .2rem 0 .1rem 0;
		height: 1.25rem;
		position: relative;
		z-index: 10;
	}
	.grid-box-2 .main .list .left .item .lable{
		color: #f2c88e;
		font-size: 0.25rem;	
	}
	.grid-box-2 .main .list .left .item .icon{
		width: 0.2rem;
		height: 0.2rem;
		background-color: #111111;
		border: solid 0.05rem #f2c88e;
		border-radius: 50%;
	}
	.grid-box-2 .main .list .left .line{
		width: 0.03rem;
		height: 10.6rem;
		background-image: linear-gradient(0deg, 
			#111111 0%, 
			#a08561 50%, 
			#f2c88e 79%, 
			#111111 100%);
		position: absolute;
		right: .075rem;
		top:0;	
	}
	.grid-box-2 .main .list .right .item{
		width: 10.5rem;
		height: 1.25rem;
		border-radius: 0.1rem;
		margin-bottom: .38rem;
		color: #fff;
		font-size: 0.2rem;
		display: flex;
		align-items: center;
		padding: 0 .38rem;
	}
	.grid-box-2 .main .list .right .item:nth-child(6n+1){
		background-image: linear-gradient(90deg, 
			rgba(242, 200, 142, .2) 0%, 
			rgba(22, 22, 22, .2) 100%);
	}
	.grid-box-2 .main .list .right .item:nth-child(6n+2){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%); 
	}
	.grid-box-2 .main .list .right .item:nth-child(6n+3){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%);
	}
	.grid-box-2 .main .list .right .item:nth-child(6n+4){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%);
	}
	.grid-box-2 .main .list .right .item:nth-child(6n+5){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%);
	}
	.grid-box-2 .main .list .right .item:nth-child(6n+6){
		background-image: linear-gradient(90deg, 
		rgba(242, 200, 142, .08) 0%, 
		rgba(22, 22, 22, .08) 100%);
	}
	.grid-box-3{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(34, 34, 34, 1);
		border-radius: 0.1rem;
		height: 7.5rem;
	}
	.grid-box-3 .item{
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.grid-box-3 .item-1{
		background-image: url("../images/index/pic2.jpg");
		width: 8.75rem;
		height: 5rem;
	}
	.grid-box-3 .item-2{
		margin-left: 1.02rem;
		width: 8.75rem;
		height: 4.25rem;
		background-image: url("../images/index/frame.png");
	}
	.grid-box-3 .item-2 .name{
		padding: .44rem;
		font-size: 0.23rem;
		color: rgba(255, 255, 255, 1);
	}
	.grid-box-4{
		background-color: #111111;
		height: 7.5rem;
	}
	.grid-box-4 .title{
		font-size: 0.33rem;
		color: rgba(230, 196, 165, 1);
		width: 19.05rem;
		margin: 1.34rem auto .63rem;	
	}
	.grid-box-4 .list{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.grid-box-4 .list .item{
		width: 8.5rem;
		height: 4.2rem;
		background-image: linear-gradient(90deg, 
			rgba(220, 211, 201, .2) 0%, 
			rgba(22, 22, 22, .2) 100%);
		border-radius: 0.2rem;
		color: rgba(255, 255, 255, 1);
		font-size: 0.23rem;
		padding: .38rem;
	}
	.grid-box-4 .list .item:nth-child(2n+1){
		margin-right: .55rem;
	}
}