@media screen and (max-width: 1300px) {
	/* index product */
	.index-pro .index-pro-list .index-pro-list-next, .index-pro .index-pro-list .index-pro-list-prev{
		top: -50px;
	}
	.index-pro .index-pro-list .index-pro-list-next{
		right: 0;
	}
	.index-pro .index-pro-list .index-pro-list-prev{
		left: auto;
		right: 50px;
	}
}

@media screen and (max-width: 1200px) {
	/* index vr */
	.index-vr .index-vr-r .index-vr-r-next, .index-vr .index-vr-r .index-vr-r-prev{
		top: -50px;
	}
	.index-vr .index-vr-r .index-vr-r-next{
		right: 0;
	}
	.index-vr .index-vr-r .index-vr-r-prev{
		left: auto;
		right: 35px;
	}
}

@media screen and (max-width: 1024px) {
	/* header */
	.head .head-body{
		display: block;
	}
	.head .head-body .head-logo{
		text-align: center;
	}
	.head .head-body .head-list{
		margin-left: 0;
		margin-top: 15px;
		justify-content: center;
	}
	.head .head-body .head-sear{
		text-align: center;
		margin-top: 15px;
	}
	
	/* index */
	.index-ab .index-ab-r .index-ab-r-info{
		margin-top: 0;
	}
	.index-ab .index-ab-r .index-ab-r-info .index-ab-r-info-d{
		margin-top: 10px;
	}
	.index-ab .index-ab-r .index-ab-r-info .index-ab-r-info-l{
		margin-top: 10px;
	}
	.index-ab .index-ab-r .index-ab-r-img{
		margin-top: 10px;
	}
	.index-pro .index-pro-list .index-pro-list-body .index-pro-item-name{
		font-size: 18px;
	}
	.index-vr .index-vr-r .index-vr-r-body .index-vr-r-item .index-vr-r-item-info .index-vr-r-item-info-box .index-vr-r-item-desc{
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	/* index */
	.index-ab{
		align-items: center;
	}
	.index-pro .index-pro-list{
		margin-top: 50px;
	}
	.index-pro .index-pro-list .index-pro-list-next, .index-pro .index-pro-list .index-pro-list-prev{
		width: 35px;
		top: -40px;
	}
	.index-pro .index-pro-list .index-pro-list-prev{
		right: 40px;
	}
	
	/* foot */
	.foot .foot-form{
		top: -140px;
	}
	.foot .foot-form .foot-form-body{
		margin: 30px;
	}
	.foot .foot-form .foot-form-body .foot-form-line1{
		flex-wrap: wrap;
	}
	.foot .foot-form .foot-form-body .foot-form-inp{
		width: 48%;
	}
	.foot .foot-form .foot-form-body .foot-form-msg{
		width: 100%;
		margin-top: 10px;
	}
}

@media screen and (max-width: 480px) {
	/* header */
	.head .head-body .head-list{
		display: none;
	}
	.head .head-body .head-mobbtn{
		display: inline;
	}
	.head .head-mobbg{
		display: block;
	}
	.head .headmob{
		display: block;
	}
	
	/* index */
	.index-ab{
		margin: 25px auto;
		display: block;
	}
	.index-ab .index-ab-l{
		width: auto;
	}
	.index-ab .index-ab-r{
		width: auto;
		margin-top: 20px;
	}
	.index-pro .index-pro-tit .index-pro-tit-line{
		height: 40px;
	}
	.index-pro .index-pro-list .index-pro-list-next, .index-pro .index-pro-list .index-pro-list-prev{
		width: 30px;
	}
	.index-pro .index-pro-list .index-pro-list-prev{
		right: 35px;
	}
	.index-ads .index-ads-i1{
		display: none;
	}
	.index-ads .index-ads-i2{
		display: inline;
	}
	.index-ads a{
		right: 10px;
		bottom: 10px;
		width: 135px;
		font-size: 15px;
		padding: 7px 0;
	}
	.index-vr{
		display: block;
	}
	.index-vr .index-vr-l{
		width: auto;
	}
	.index-vr .index-vr-r{
		width: auto;
		margin-top: 40px;
	}
	.index-other .index-other-body > ul{
		display: block;
	}
	.index-other .index-other-body .index-other-item{
		width: auto;
		margin-top: 20px;
	}
	.index-other .index-other-body .index-other-item:first-child{
		margin-top: 0;
	}
	
	/* footer */
	.foot{
		margin-top: 0px;
	}
	.foot .foot-form{
		position: static;
		width: auto;
	}
	.foot .foot-body .foot-list{
		width: auto;
		margin-top: 30px;
	}
	
	/* contact-main */
	.contact-main .contact-main-list{
		display: block;
	}
	.contact-main .contact-main-item{
		width: auto;
	}
}