body {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
iframe {
	margin: 0px; padding: 0px;
}
ul {
	list-style: none;
}
html {
	width: 100%; height: 100%;
}
body {
	width: 100%; height: 100%;
}
body {
	
}
.wrapper {
	margin: 75px auto 0px; width: 1200px; height: 400px; overflow: hidden; position: relative;
}
.wrapper ul {
	width: 100%; height: 100%; padding-top: 30px; padding-left: 218px; position: relative;
}
.wrapper li {
	transition:0.5s ease-in-out; width: 824px; height: 380px; position: absolute; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
}
.show {
	text-align: center; margin-top: 30px;
}
.show ul li {
	background: rgb(150, 159, 163); border-radius: 50%; width: 9px; height: 9px; margin-right: 20px; float: left; display: block; cursor: pointer;
}
.show ul li:nth-child(5) {
	background: rgb(17, 74, 131);
}
.show ul {
	display: inline-block; transform: rotate(180deg);
}
.wrapper .pic1 {
	border: currentColor; border-image: none; z-index: 1; opacity: 0; transform: translate(-540px, -233px) scale(0.2); -o-transform: translate(-540px, -233px) scale(0.2); -moz-transform: translate(-540px, -233px) scale(0.2); -webkit-transform: translate(-540px, -233px) scale(0.2);
}
.wrapper .pic2 {
	border: currentColor; border-image: none; z-index: 2; opacity: 0; transform: translate(-440px, -7px) scale(0.4); -o-transform: translate(-440px, -7px) scale(0.4); -moz-transform: translate(-440px, -7px) scale(0.4); -webkit-transform: translate(-440px, -7px) scale(0.4);
}
.wrapper .pic3 {
	border: currentColor; border-image: none; z-index: 3; opacity: 0; transform: translate(-340px, -7px) scale(0.6); -o-transform: translate(-340px, -7px) scale(0.6); -moz-transform: translate(-340px, -7px) scale(0.6); -webkit-transform: translate(-340px, -7px) scale(0.6);
}
.wrapper .pic4 {
	border: currentColor; border-image: none; z-index: 4; opacity: 0.2; transform: translate(-240px, -7px) scale(0.8); -o-transform: translate(-240px, -7px) scale(0.8); -moz-transform: translate(-240px, -7px) scale(0.8); -webkit-transform: translate(-240px, -7px) scale(0.8);
}
.wrapper .pic5 {
	border: 3px solid rgb(17, 74, 131); border-image: none; z-index: 5; opacity: 1; transform: translate(0px, 0px) scale(1); -o-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -webkit-transform: translate(0, 0) scale(1);
}
.wrapper .pic6 {
	border: currentColor; border-image: none; z-index: 4; opacity: 0.2; transform: translate(240px, -7px) scale(0.8); -o-transform: translate(240px, -7px) scale(0.8); -moz-transform: translate(240px, -7px) scale(0.8); -webkit-transform: translate(240px, -7px) scale(0.8);
}
.wrapper .pic7 {
	border: currentColor; border-image: none; z-index: 3; opacity: 0; transform: translate(340px, -7px) scale(0.6); -o-transform: translate(340px, -7px) scale(0.6); -moz-transform: translate(340px, -7px) scale(0.6); -webkit-transform: translate(340px, -7px) scale(0.6);
}
.wrapper .pic8 {
	border: currentColor; border-image: none; z-index: 2; opacity: 0; transform: translate(440px, -7px) scale(0.4); -o-transform: translate(440px, -7px) scale(0.4); -moz-transform: translate(440px, -7px) scale(0.4); -webkit-transform: translate(440px, -7px) scale(0.4);
}
.wrapper .pic9 {
	border: currentColor; border-image: none; z-index: 1; opacity: 0; transform: translate(540px, -233px) scale(0.2); -o-transform: translate(540px, -233px) scale(0.2); -moz-transform: translate(540px, -233px) scale(0.2); -webkit-transform: translate(540px, -233px) scale(0.2);
}
.wrapper .pic10 {
	border: currentColor; border-image: none; z-index: 1; opacity: 0; transform: translate(640px, -233px) scale(0.2); -o-transform: translate(640px, -233px) scale(0.2); -moz-transform: translate(640px, -233px) scale(0.2); -webkit-transform: translate(640px, -233px) scale(0.2);
}
.wrapper .controller {
	left: 10%; top: 40%; width: 80%; height: 30px; position: absolute; z-index: 10; cursor: pointer;
}
.wrapper .controller span {
	transition:0.5s; width: 42px; height: 79px; display: block; position: absolute; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.wrapper .controller .btn-left {
	background: url("../images/xuan-left_03.png") no-repeat center / cover; left: -4%;
}
.wrapper .controller .btn-right {
	background: url("../images/xuan-right_03.png") no-repeat center / cover; right: -4%;
}