/*公共类start*/

@charset "utf-8";
@font-face {
	font-family: 'icomoon';
	/*自定义字体名称*/
	src: url('../fonts/icomoon.eot?rretjt');
	/*自定义字体的路径*/
	src: url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'), url('../fonts/icomoon.woff?rretjt') format('woff'), /*format为字体格式 便于浏览器识别*/
	url('../fonts/icomoon.ttf?rretjt') format('truetype'), url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
	font-weight: normal;
	/*属性是否加粗*/
	font-style: normal;
	/*是否倾斜属性*/
}



@font-face
{
font-family:font1;
src:url('../fonts/syht.ttf');
    url('../fonts/syht.otf'); 
    url('../fonts/syht.eot'); /* IE9+ */
}
/*一般细*/
@font-face
{
font-family:font2;
src:url('../fonts/SourceHanSansCN-Normal_2.ttf');
    url('../fonts/SourceHanSansCN-Normal_2.otf'); 
   /* url('../fonts/syht.eot');*/ /* IE9+ */
}
/*第二细*/
@font-face
{
font-family:font3;
src:url('../fonts/SourceHanSansCN-Light_2.otf');
    url('../fonts/SourceHanSansCN-Light_2.ttf'); 
    /*url('../fonts/syht.eot');*/ /* IE9+ */
}
/*超细*/
@font-face
{
font-family:font3;
src:url('../fonts/SourceHanSansCN-ExtraLight_2.otf');
    url('../fonts/sourcehansanscnextralight2.ttf'); 
    /*url('../fonts/syht.eot');*/ /* IE9+ */
}
@font-face {
	font-family: SYHT;
	/*src: url('../fonts/SourceHanSansCN-Normal_2.ttf');*/
	src: url('../fonts/SourceHanSansCN-Normal_2.otf');
	
}
@font-face {
	font-family: Arial1;
	/*src: url('../fonts/SourceHanSansCN-Normal_2.ttf');*/
	src: url('../fonts/arial.ttf');
	
}


* {
	outline: none;
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
	text-decoration: none!important;
	/*font-family: "思源黑体 CN";*/
	font-family: SYHT;
}

body {}

.w {
	width: 1200px;
	margin: 0 auto;
}

i {
	font-style: normal;
}

a {
	color: #FFFFFF;
	/*font-family: "思源黑体 CN";*/
	font-family:SYHT;
	font-size: 16px;
}

.blue {
	color: #8D92FF;
}

input,
button {
	outline: none;
	border: none;
}

select {
	border: none;
	outline: none;
	background-color: #f6f6f6;
	color: #777777;
	/*font-family: "思源黑体 CN"!important;*/
	font-family:SYHT; !important;
	font-size: 14px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/*头部*/

header {
	width: 100%;
	height: 100px;
	background-position: center;
	float: left;
	position: absolute;
	z-index: 2;
}

nav {
	width: 100%;
	height: 100px;
	background-position: center;
	margin: 0 auto;
	float: left;
}

nav .logo {
	width: 170px;
	height: 52px;
	float: left;
	margin-top: 24px;
}
nav button {
	width: 26px;
	height: 26px;
	background: url(../img/搜索.png);
}
/*

.nav li {
	float: left;
	line-height: 100px;
}

.nav ul {
	margin-left: ;
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 18px;
	margin-left: 154.5px;
}

.nav a {
	cursor: pointer;
	float: left;
	display: inline;
	line-height: 100px;
	text-align: center;
	vertical-align: middle;
	padding: 0 32.5px;
	transition: all 0.3s;
}

.nav a:hover {
	margin-top: 3px;
}*/


/*头部end*/


/*banner*/


/*.banner {
	width: 100%;
	min-width: 1200px;
	height: 1080px;
	background: url(../img/首页banner_01.png);
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
}*/


.banner {
		width: 100%;
		height: 1080px;
		font-size: 0;
		overflow: hidden;
		position: relative;
		min-width: 1200px;
		/*background: url(../img/banner1.png);*/
	}
	
	.banner_img {
		width: 100%;
		height: 1080px;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.banner_img li {
		width: 100%;
		height: 1080px;
		display: inline-block;
		background-position: center;
		background-repeat: no-repeat;
		float: left;
		list-style: none;
	}
	
	.banner_list {
		height: 12px;
		position: absolute;
		margin: 0 auto;
		z-index: 1;
		margin-top: 318px;
		margin-left: 1510px;
		transform: rotate(90deg);
	}
	
	.banner_list span {
		display: block;
		cursor: pointer;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		border: 1px solid #ffffff;
		float: left;
		margin-left: 10px;
	}
	
	.banner_list .spcss {
		border: 1px solid #FFFFFF;
		background-color: #fff;
	}
	
	.banner_left {
		position: absolute;
		height: 40px;
		width: 40px;
		z-index: 2;
		top: 730px;
		left: 360px;
	}
	
	
	.banner_right {
		position: absolute;
		height: 40px;
		width: 40px;
		z-index: 2;
		top: 730px;
		left: 410px;
	}






/*banner end*/


/*内容*/

.content {
	position: relative;
}

.black {
	width: 280px;
	height: 420px;
	background-color: #333333;
	position: absolute;
	top: -301px;
}


/*主营业务*/

.business {
	height: 631px;
	margin-top: 101px;
}

.b1 {
	margin-left: 298px;
	width: 296px;
	height: 60px;
	font-family: Arial1;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #666666;
}

.b2 {
	margin-left: 298px;
	width: 144px;
	height: 36px;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #333333;
}

.b3 {
	height: 442px;
	margin-top: 98px;
	position: relative;
}

.b3 div {
	text-align: center;
}

.b3 .main {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	margin: 0 auto;
	letter-spacing: 0px;
	color: #222222;
	margin-top: 20px;
}

.b3 .vice {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #888888;
	margin-top: 8px;
}

.b01 {
	position: relative;
	width: 201px;
	height: 185px;
	float: left;
}

.b01:hover .img {
	transform: rotatey(180deg);
	transition: all .7s;
}

.b01 .img {
	width: 54px;
	height: 82px;
	background: url(../img/b1.png);
	margin: 0 auto;
	transform: translate(0,0);
	transition: all.4s ease-in 0s;
}

.b02 {
	position: relative;
	width: 244px;
	height: 185px;
	margin-left: 265px;
	float: left;
}

.b02:hover .img {
	transform: rotatey(180deg);
	transition: all .5s;
}

.b02 .img {
	width: 70px;
	height: 70px;
	background: url(../img/b2.png);
	margin: 0 auto;
	transform: translate(0, 0);
	transition: all.4s ease-in 0s;
}

.b03 {
	position: relative;
	width: 244px;
	height: 185px;
	margin-left: 225px;
	float: left;
}

.b03:hover .img {
	transform: rotatey(180deg);
	transition: all .7s;
}

.b03 .img {
	width: 80px;
	height: 81px;
	background: url(../img/b3.png);
	margin: 0 auto;
	transform: translate(0, 0);
	transition: all .4s ease-in 0s;
}

.b04 {
	position: relative;
	width: 172px;
	height: 185px;
	float: left;
	margin-left: 14px;
	margin-top: 62px;
}

.b04:hover .img {
	transform: rotatey(180deg);
	transition: all .7s;
}

.b04 .img {
	width: 66px;
	height: 73px;
	background: url(../img/b4.png);
	margin: 0 auto;
	transform: translate(0, 0);
	transition: all .4s ease-in 0s;
}

.b05 {
	position: relative;
	width: 268px;
	height: 185px;
	float: left;
	margin-top: 62px;
	margin-left: 268px;
	
}

.b05:hover .img {
	transform: rotatey(180deg);
	transition: all .7s;
}

.b05 .img {
	width: 72px;
	height: 72px;
	background: url(../img/b5.png);
	margin: 0 auto;
	transform: translate(0, 0);
	transition: all .4s ease-in 0s;
}

.b06 {
	position: relative;
	width: 272px;
	height: 185px;
	float: left;
	margin-top: 62px;
	margin-left: 199px;
}

.b06:hover .img {
	transform: rotatey(180deg);
	transition: all .7s;
}

.b06 .img {
	width: 71px;
	height: 73px;
	background: url(../img/b6.png);
	margin: 0 auto;
	transform: translate(0, 0);
	transition: all .4s ease-in 0s;
}

.jia1 {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 324px;
	top: 88px;
	background: url(../img/b7.png);
}
/*.iia1{
	transform: translate(0,0);
	transition: all .6s ease-in 0s;
}*/
.jia1:hover{
	transform: rotatez(90deg);
	transition: all 1s;
}
.jia2 {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 814px;
	top: 88px;
	background: url(../img/b7.png);
}
.jia2:hover{
	transform: rotatez(90deg);
	transition: all 1s;
}
.jia4 {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 324px;
	top: 339px;
	background: url(../img/b7.png);
}
.jia4:hover{
	transform: rotatez(90deg);
	transition: all 1s;
}
.jia5 {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 814px;
	top: 339px;
	background: url(../img/b7.png);
}
.jia5:hover{
	transform: rotatez(90deg);
	transition: all 1s;
}

/*关于我们*/

.about {
	width: 100%;
	height: 787px;
	margin-top: 28px;
}

.a1 {
	width: 100%;
	height: 763px;
	position: relative;
}

.a2 {
	min-width: 550px;
	width: 40%;
	height: 739px;
	background-color: #ececec;
	margin-top: 72px;
}

.a3 {
	min-width: 1200px;
	position: absolute;
	top: 0;
}

.a01 {
	font-family: Arial1;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	margin-top: 50px;
}

.a02 {
	height: 18px;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	line-height: 0;
	margin-top: 10px;
}

.about .line {
	width: 360px;
	height: 1px;
	background-color: #333333;
	float: right;
	margin-top: 50px;
}

.a03 {
	position: relative;
	width: 492px;
	height: 278px;
	border: solid 1px #ffffff;
	margin-top: 54px;
	margin-left: 21px;
}

.a04 {
	position: absolute;
	width: 500px;
	height: 298px;
	background: url(../img/about.png);
	margin-top: -33px;
	margin-left: -21px;
}

.a05 {
	width: 1763px;
	height: 290px;
	background-color: #1b1b1b;
	/*top: 349px;
	left: 157px;*/
	margin-top: -379px;
	float: right;
	min-width: 1084px;
}

@media screen and (max-width:1200px) {
	.a05 {
		/*width: 105%;*/
		width: 1200px;
		position: absolute;
		left: 0%;
	}
}

.a06 {
	width: 379px;
	height: 27px;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 1px;
	color: #333333;
	position: absolute;
	top: 0;
	margin-top: 189px;
	margin-left: 539px;
}

.a07 {
	width: 623px;
	height: 55px;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #666666;
	position: absolute;
	top: 0;
	margin-top: 266px;
	margin-left: 540px;
}

.a08 {
	width: 628px;
	height: 90px;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #8f8f8f;
	position: absolute;
	top: 0;
	margin-top: 378px;
	margin-left: 540px;
}

.a09 {
	width: 767px;
	height: 19px;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #8f8f8f;
	position: absolute;
	top: 0;
	margin-top: 517px;
}

.a10 {
	width: 42px;
	height: 11px;
	/*background: url(../img/about1.png);*/
	position: absolute;
	top: 0;
	margin-top: 578px;
	margin-left: 1127px;
	
}
.ph{
	transform: translate(0, 0);
	transition: all.3s ease-in 0s;
}
.ph:hover{
	transition: all .3s;
	/*transform: rotateZ(360deg);*/
	margin-left: 10px;
}
/*.a10:hover {
	transform: rotatex(180deg);
	width: 46px;
	height: 12px;
	transition: all 2s;
}*/
.cases {
	height: 832px;
	position: relative;
}

.c {
	margin-top: -260px;
}

.c1 {
	width: 1px;
	height: 260px;
	background-color: #666666;
	margin-left: 309px;
}

.c2 {
	width: 1200px;
	font-family: Arial1;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	text-align: center;
	color: #666666;
}

.c3 {
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;
	text-align: center;
}

.c4 {
	height: 596px;
	margin-top: 50px;
}

.cases span {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	line-height: 70px;
	margin-left: 20px;
}

.c01 {
	width: 380px;
	height: 283px;
	float: left;
	position: relative;
}

.c02 {
	width: 380px;
	height: 283px;
	float: left;
	margin-left: 30px;
	position: relative;
}

.c03 {
	width: 380px;
	height: 283px;
	float: left;
	margin-left: 30px;
	position: relative;
}

.c04 {
	width: 380px;
	height: 283px;
	float: left;
	margin-top: 30px;
	position: relative;
}

.c05 {
	width: 380px;
	height: 283px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	position: relative;
}

.c06 {
	width: 380px;
	height: 283px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	position: relative;
}

.c07 .ck {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	font-weight: 300;
	float: left;
	line-height: 109px;
	margin-left: 529px;
}

.c07 .jh {
	width: 25px;
	height: 25px;
	float: left;
	margin-top: 42px;
	margin-left: 22px;
}
.jh img{
	transform: translate(0, 360);
	transition: all .3s ease-in 0s;
}
.c07 a:hover img {
	transform: rotatez(90deg);
	transition: all .3s;
}
.p {
	width: 380px;
	height: 214px;
	overflow: hidden;
}
.p img{
	width: 380px;
	height: 214px;
}
.p1 {
	width: 380px;
	height: 214px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
}
.bofang{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 69px;
	left: 157px;
}
.d {
	width: 378px;
	height: 70px;
	border: solid 1px #ececec;
	border-top: solid 0px ;
	position: absolute;
}
.jt {
	width: 26px;
	height: 26px;
	float: right;
	margin-top: 32px;
	margin-right: 20px;
}
.jt img{
	float: left;
	transform: translate(0, 360);
	transition: all .3s ease-in 0s;
}
.jt:hover img {
	margin-left: 10px;
	
	/*transform: rotatez(360deg);*/
	/*transition: all .3s;*/
}



/*新闻*/

.new {
	width: 100%;
	height: 570px;
	background-color: #ececec;
	position: relative;
	margin-top: 42px;
	min-width: 1200px;
}

.n {
	width: 620px;
	height: 570px;
	float: left;
}

.n11 {
	width: 532px;
	margin-left: 47px;
	height: 570px;
	float: left;
}

.n01 {
	width: 173px;
	height: 45px;
	font-family: Arial1;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #666666;
	position: absolute;
	top: 70px;
}

.n02 {
	width: 144px;
	height: 36px;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;
	position: absolute;
	top: 134px;
}

.n03 {
	width: 620px;
	height: 258px;
	position: absolute;
	margin-top: 221px;
}

.zi {
	width: 550px;
	height: 48px;
	margin-left: 18px;
	position: relative;
}

.zd {
	width: 550px;
	height: 48px;
	margin-left: 18px;
	margin-top: 36px;
	position: relative;
}

.zc {
	width: 550px;
	height: 48px;
	margin-left: 18px;
	margin-top: 21px;
	position: relative;
}

.z1 {
	font-family: Arial1;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	float: left;
}

.z2 {
	font-family: Arial1;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #222222;
	float: left;
	position: absolute;
	top: 21px;
	margin-left: 15px;
}

.xi {
	width: 1px;
	height: 48px;
	background-color: #9e9d9d;
	float: left;
	margin-left: 27px;
}

.z3 {
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	float: left;
	margin-left: 17px;
}

.z4 {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	position: absolute;
	top: 32px;
	left: 114px;
}

.n04 {
	width: 224px;
	height: 17px;
	float: right;
}

.n04 {
	margin-top: 128px;
	position: relative;
}

.dt {
	position: absolute;
	left: 20px;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}

.i1 {
	position: absolute;
	left: 127px;
	top: 3px;
	width: 11px;
	height: 11px;
}

.zx {
	position: absolute;
	left: 150px;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}

.n04 input {
	position: absolute;
	top: 3px;
	width: 11px;
	height: 11px;
	transform: translate(0, 0);
	transition: all .3s ease-in 0s;
}

.n04 input:hover {
	transform: scale(1.2);
	transition: all .3s; 
	
}

.n04 .bjqs {
	margin-top: 201px;
}

.n05 {
	width: 532px;
	height: 298px;
	margin-top: 201px;
}

footer {
	height: 291px;
	background-color: #1b1b1b;
	position: relative;
	min-width: 1200px;
}

.f {
	position: absolute;
	margin-top: 20px;
	float: left;
}

.fa {
	position: absolute;
	margin-top: 20px;
	float: left;
	margin-left: 108px;
}

.fb {
	position: absolute;
	margin-top: 20px;
	float: left;
	margin-left: 218px;
}

.fc {
	position: absolute;
	margin-top: 20px;
	float: left;
	margin-left: 324px;
}

.fd {
	position: absolute;
	margin-top: 20px;
	float: left;
	margin-left: 432px;
}

.fe {
	position: absolute;
	margin-top: 20px;
	float: left;
	margin-left: 540px;
}

.f1 a {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	line-height: 40px;
}

.f2 a {
	width: 48px;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #555555;
}

.f1 a:hover {
	color: #FFFFFF;
}

.f2 a:hover {
	color: #FFFFFF;
}

.ew {
	position: absolute;
	width: 120px;
	height: 120px;
	border: solid 1px #666666;
	margin-left: 732px;
	margin-top: 40px;
}

.ewm {
	width: 114px;
	height: 114px;
	background: url(../img/f1.png);
	margin: 2px;
}

.sys {
	position: absolute;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	margin-left: 747px;
	margin-top: 172px;
}

.yx {
	width: 25px;
	height: 25px;
	background: url(../img/f2.png);
	position: absolute;
	margin-left: 869px;
	margin-top: 49px;
}

.dh {
	width: 336px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	margin-left: 904px;
	margin-top: 49px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
}

.yx1 {
	width: 25px;
	height: 25px;
	background: url(../img/f3.png);
	position: absolute;
	margin-left: 869px;
	margin-top: 88px;
}

.dh1 {
	width: 336px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	margin-left: 904px;
	margin-top: 88px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
}

.yx2 {
	width: 25px;
	height: 25px;
	background: url(../img/f4.png);
	position: absolute;
	margin-left: 869px;
	margin-top: 127px;
}

.dh2 {
	width: 298px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	margin-left: 904px;
	margin-top: 127px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
}
.dibu {
	height: 60px;
	background-color: #111111;
	position: relative;
	min-width: 1200px;
}
.di1{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #555555;
	line-height: 60px;
	text-align: center;
}
.dbd{
	width: 11px;
	height: 1px;
	position: absolute;
	margin-top: 72px;
	margin-left: 355px;
}
.dbd1{
	width: 1px;
	height: 1px;
	background-color: #FFFFFF;
	float: left;
}
.dbd2{
	width: 1px;
	height: 1px;
	background-color: #FFFFFF;
	float: left;
	margin-left: 4px;
}
/*.xit{
	width: 1px;
	height: 20px;
	position: absolute;
	margin-top: 39px;
	margin-left: 40px;
	background-color: rgba(255,255,255,.6);
	z-index: 2000000;
}*/
.fdj{
	width: 26px;
	height: 26px;
	background: url(../img/搜索.png);
	position: absolute;
	margin-top: 36px;
	margin-left: 1120px;
	z-index: 200000;
}



.clear {
	clear: both;
}

.container1 {
	width: 1200px;
	margin: auto;
	position: relative;
}

.container1 .nav {
	width: 1200px;
	font-size: 18px;
	margin: 0 auto;
}



.container1 .nav  input {
	width: 11px;
	height: 11px;
	display: block;
	float: left;
	cursor: pointer;
	transition: all .3s;
}
.container1 .nav .zuo{
	position: absolute;
	left: 977px;
	top: 129px;
}

.container1 .nav .you{
	position: absolute;
	left: 1105px;
	top: 129px;
}


.container1 .nav  input:hover {
	transform: scale(1.1);
}
.container1 .dt {
	position: absolute;
	font-size: 18px;
	left: 996px;
	top: 128px;
}
.container1 .zx {
	font-size: 18px;
	position: absolute;
	left: 1126px;
	top: 128px;
}


/*
.container .nav span:first-child {
	border: 0px
}*/

.container1 .content {
	width: 1200px;
	position: relative;
	overflow: hidden;
	height: 570px;
}


/*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/

.container1 .content .box {
	position: absolute;
	width: 1200px;
	height: 570px;
}


/*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/

.container1 .content .ul {
	float: left;
	width: 1200px;
}

.container1 .content .ul .li {
	display: block;
	height: 570px;
	width: 1200px;
	float: left;
}

.container1 .content .ul .li+.li {
	margin-left: -1px;
}

input.button {
    position: absolute;
    top: 36px;
    left: 944px;
    width: 26px;
    height: 26px;
}