// 获取关于我们的包裹
var aboutlist = document.getelementsbyclassname("about_min_list")[0];
// 获取关于我们图中图片的列表
var aboutitems = aboutlist.getelementsbyclassname("about_min_items");
// 获取关于我们图的切换按钮
var aboutpre = document.getelementsbyclassname("about_min_pre")[0];
var aboutnext = document.getelementsbyclassname("about_min_next")[0];
// 把关于我们图列表的第一张图片克隆放在列表序列的最后一个
var aboutclonefirst = aboutitems[0].clonenode(true);
aboutlist.appendchild(aboutclonefirst);
// 根据图片的数量来决定关于我们图包裹的宽度(width)
var aboutitemswidth = aboutitems[0].offsetwidth;
aboutlist.style.width = (aboutitemswidth * aboutitems.length)+ 1 + "px";
var aboutindex = 0;

function gopre() {
	aboutindex--;
	if (aboutindex < 0) {
		aboutlist.style.transitionduration = "0s";
		aboutlist.style.transform = "translatex(" + (-aboutitemswidth * (aboutitems.length - 1)) + "px)"
		aboutindex = aboutitems.length - 2;
		aboutlist.offsetleft;
	}
	aboutlist.style.transitionduration = "0.82s";
	aboutlist.style.transform = "translatex(" + (-aboutitemswidth * aboutindex) + "px)"
}

function gonext() {
	aboutindex++;
	if (aboutindex >= aboutitems.length) {
		aboutlist.style.transitionduration = "0s";
		aboutlist.style.transform = "translatex(0)"
		aboutindex = 1;
		aboutlist.offsetleft;
	}
	aboutlist.style.transitionduration = "0.82s";
	aboutlist.style.transform = "translatex(" + (-aboutitemswidth * aboutindex) + "px)"
}

aboutpre.addeventlistener("click", function() {
	gopre();
})
aboutnext.addeventlistener("click", function() {
	gonext();
})