/* banner */

.Homebanner {
	width: 100%;
	position: absolute;
	top: 140px;
	z-index: 999;
	height: 600px;
	overflow: hidden;
}

.Homebanner ul {
	width: 100%;
	position: absolute;
	height: 600px;
}

.Homebanner ul li {
	width: 100%;
	height: 600px;
	position: absolute;
	overflow: hidden;
}

.Homebanner ul li img {
	width: 1900px;
	position: absolute;
	left: calc(50% - 950px);
	top: 0px;
	display: block;
}

.Homeleft,
.Homeright {
	background: #FFF;
	font-family: "宋体";
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 40px;
	color: #4092f4;
	position: absolute;
	top: 45%;
	cursor: pointer;
	transition: all .2s ease;
	opacity: 0;
	z-index: 899999
}

.Homeleft {
	left: -60px;
}

.Homeright {
	right: -60px;
}

.Homebanner:hover .Homeleft {
	left: 0px;
	opacity: 1
}

.Homebanner:hover .Homeright {
	right: 0px;
	opacity: 1
}

.Homedot {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 999;
	bottom: 60px;
}

.Homedot a {
	display: inline-block;
	margin: 0px 5px;
	height: 12px;
	width: 12px;
	line-height: 1000px;
	overflow: hidden;
	background: url(../img/index_229.png) no-repeat;
}

.Homedot a.cur {
	background: url(../img/index_228.png) no-repeat;
}

.Homebannertext {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.Homebannertext img.bigimg {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebannertext dl.bannerone {
	position: absolute;
	width: 800px;
	left: 30%;
	top: 20%;
	z-index: 9999;
}

.Homebannertext dl.bannerone dt {
	font-size: 48px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	margin-bottom: 50px;
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebannertext dl.bannerone dd {
	font-size: 24px;
	color: #fff;
	line-height: 54px;
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.Homebannertext dl.bannertwo {
	position: absolute;
	left: 15%;
	top: 0px;
	color: #fff;
	z-index: 9999;
}

.Homebannertext dl.bannertwo dt {
	padding-top: 150px;
	position: relative;
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebannertext dl.bannertwo dt h3 {
	font-size: 50px;
	line-height: 60px;
	font-weight: 700;
	position: relative;
	margin-bottom: 50px;
}

.Homebannertext dl.bannertwo dt p {
	font-size: 20px;
	position: relative;
	padding-top: 20px;
	color: #ff0;
}

.Homebannertext dl.bannerthree {
	position: absolute;
	left: 50%;
	top: 0px;
}

.Homebannertext dl.bannerthree dt {
	position: absolute;
	right: 100px;
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.Homebannertext dl.bannerthree img {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	left: 0px;
	margin: 0px;
	top: 0px;
}

.Homebannertext dl.bannerthree dd {
	color: #fff;
	padding-top: 170px;
	position: relative;
	padding-left: 25px;
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.Homebannertext dl.bannerthree dd h3 {
	font-size: 55px;
	font-weight: 700;
	line-height: 70px;
	margin-bottom: 50px;
}

.Homebannertext dl.bannerthree dd p {
	font-size: 20px;
	line-height: 30px;
}

.bannereffect {
	opacity: 0;
	filter: alpha(opacity=0);
}

.bannertime {
	transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
}

.bannertime1 {
	transition: all .8s ease-in-out .2s;
	-moz-transition: all .8s ease-in-out .2s;
	-ms-transition: all .8s ease-in-out .2s;
	-o-transition: all .8s ease-in-out .2s;
	-webkit-transition: all .8s ease-in-out .2s;
}

.bannertime2 {
	transition: all 1s ease-in-out .2s;
	-moz-transition: all 1s ease-in-out .2s;
	-ms-transition: all 1s ease-in-out .2s;
	-o-transition: all 1s ease-in-out 2s;
	-webkit-transition: all 1s ease-in-out .2s;
}

.Homebannertext img.bigimg.bannertwoimg {
	width: 400px;
	top: 120px;
	left: auto;
	right: 12%;
}

.Homebannertext img.bigimg.bannerthreeimg {
	width: 600px;
	top: 100px;
}

.Homebanner li.cur .Homebannertext img.bigimg {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner li.cur .Homebannertext dl.bannerone dt {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner li.cur .Homebannertext dl.bannerone dd {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner li.cur .Homebannertext dl.bannertwo dt {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner li.cur .Homebannertext dl.bannerthree dt {
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.Homebanner li.cur .Homebannertext dl.bannerthree dd {
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.Homebanner li.cur .bannereffect {
	opacity: 1;
	filter: alpha(opacity=100);
}

.Homebanner li.cur1 .bannertime {
	transition: all .4s linear .2s;
	-moz-transition: all .4s linear .2s;
	-ms-transition: all .4s linear .2s;
	-o-transition: all .4s linear .2s;
	-webkit-transition: all .4s linear .2s;
}

.Homebanner li.cur1 .bannertime1 {
	transition: all .4s linear .1s;
	-moz-transition: all .4s linear .1s;
	-ms-transition: all .4s linear .1s;
	-o-transition: all .4s linear .1s;
	-webkit-transition: all .4s linear .1s;
}

.Homebanner li.cur1 .bannertime2 {
	transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.Homebanner li.cur1 .Homebannertext img.bigimg {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebanner li.cur1 .Homebannertext dl.bannerone dt {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebanner li.cur1 .Homebannertext dl.bannerone dd {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebanner li.cur1 .Homebannertext dl.bannertwo dt {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebanner li.cur1 .Homebannertext dl.bannerthree dt {
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.Homebanner li.cur1 .Homebannertext dl.bannerthree dd {
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.Homebanner li.cur1 .bannereffect {
	opacity: 0;
	filter: alpha(opacity=0);
}

/* 手机 */
@media screen and (max-width: 768px) {
	.Homebanner {
		height: 240px;
		top: 230px;
	}

	.Homebanner ul {
		/* transform: scale(1, 0.5); */
		height: 240px;
	}

	.Homebanner ul li {
		height: 240px;
	}

	.Homebanner ul li img {
		width: 100%;
		height: 240px;
		left: 0;
		top: 0;
	}

	.Homebannertext dl.bannerone {
		width: 90%;
		left: 5%;
	}

	.Homebannertext dl.bannerthree {
		left: 20%;
	}

	.Homebannertext dl.bannerthree dd {
		padding: 0;
		padding-top: 20px;
	}

	.Homebannertext dl.bannerone dt,
	.Homebannertext dl.bannertwo dt,
	.Homebannertext dl.bannerthree dt,
	.Homebanner li.cur .Homebannertext dl.bannerone dt,
	.Homebanner li.cur .Homebannertext dl.bannertwo dt,
	.Homebanner li.cur .Homebannertext dl.bannerthree dt,
	.Homebannertext dl.bannertwo dt h3,
	.Homebannertext dl.bannerthree dd h3 {
		padding-top: 0;
		font-size: 1.6rem;
		height: 50px;
		line-height: 40px;
		margin-bottom: 10px;
	}

	.Homebannertext dl.bannerone dd,
	.Homebannertext dl.bannertwo dd,
	.Homebannertext dl.bannerone dd,
	.Homebanner li.cur .Homebannertext dl.bannerone dd,
	.Homebanner li.cur .Homebannertext dl.bannertwo dd,
	.Homebanner li.cur .Homebannertext dl.bannerthree dd,
	.Homebannertext dl.bannertwo dt p,
	.Homebannertext dl.bannerthree dd p {
		font-size: 0.8rem;
		line-height: 30px;
	}

	.Homebannertext dl.bannerthree dd p {
		padding-right: 50px;
	}

	.Homebannertext dl.bannertwo {
		top: 10%;
	}

	.Homebannertext img.bigimg.bannertwoimg,
	.Homebannertext img.bigimg.bannerthreeimg,
	.bannerthree img {
		width: 150px;
		height: auto;
		top: 40px;
		left: 10%;
	}

	.Homebannertext dl.bannerthree img {
		position: absolute;
		right: -100px;
		width: 150px;
		height: auto;
		top: 40px;
		left: auto;
	}

	.Homebannertext img.bigimg.bannertwoimg {
		top: 60px;
		left: auto;
		right: 5%;
	}

	.Homeleft,
	.Homeright {
		top: calc(50% - 25px);
	}

	.Homedot {
		bottom: 10px;
	}
}

/* 小型笔记本电脑到大型笔记本电脑和桌面显示器 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.Homebanner {
		height: 400px;
	}

	.Homebanner ul {
		/* transform: scale(1, 0.5); */
		height: 400px;
	}

	.Homebanner ul li {
		height: 400px;
	}

	.Homebanner ul li img {
		width: 100%;
		height: 400px;
		left: 0;
		top: 0;
	}

	.Homebannertext dl.bannerone {
		width: 80%;
		left: 20%;
	}

	.Homebannertext dl.bannerthree {
		top: 120px;
		left: 20%;
	}

	.Homebannertext dl.bannerthree dd {
		padding: 0;
		padding-top: 20px;
	}

	.Homebannertext dl.bannerone dt,
	.Homebannertext dl.bannertwo dt,
	.Homebannertext dl.bannerthree dt,
	.Homebanner li.cur .Homebannertext dl.bannerone dt,
	.Homebanner li.cur .Homebannertext dl.bannertwo dt,
	.Homebanner li.cur .Homebannertext dl.bannerthree dt,
	.Homebannertext dl.bannertwo dt h3,
	.Homebannertext dl.bannerthree dd h3 {
		padding-top: 0;
		font-size: 2rem;
		height: 70px;
		line-height: 50px;
		margin-bottom: 10px;
	}

	.Homebannertext dl.bannerone dd,
	.Homebannertext dl.bannertwo dd,
	.Homebannertext dl.bannerone dd,
	.Homebanner li.cur .Homebannertext dl.bannerone dd,
	.Homebanner li.cur .Homebannertext dl.bannertwo dd,
	.Homebanner li.cur .Homebannertext dl.bannerthree dd,
	.Homebannertext dl.bannertwo dt p,
	.Homebannertext dl.bannerthree dd p {
		font-size: 1.2rem;
		line-height: 40px;
	}

	.Homebannertext dl.bannerthree dd p {
		padding-right: 50px;
	}

	.Homebannertext dl.bannertwo {
		position: absolute;
		top: 25%;
	}

	.Homebannertext img.bigimg.bannertwoimg,
	.Homebannertext img.bigimg.bannerthreeimg,
	.bannerthree img {
		width: 200px;
		height: auto;
		top: 40px;
		left: 10%;
	}

	.Homebannertext dl.bannerthree img {
		position: absolute;
		right: -100px;
		width: 200px;
		height: auto;
		top: 40px;
		left: auto;
	}

	.Homebannertext img.bigimg.bannertwoimg {
		top: 150px;
		left: auto;
		right: 10%;
	}

	.Homeleft,
	.Homeright {
		top: calc(50% - 25px);
	}

	.Homedot {
		bottom: 10px;
	}
}

/* 大型笔记本电脑和桌面显示器 */
@media screen and (min-width: 1025px) and (max-width: 1199px) {
	.Homebanner {
		height: 400px;
	}

	.Homebanner ul {
		/* transform: scale(1, 0.5); */
		height: 400px;
	}

	.Homebanner ul li {
		height: 400px;
	}

	.Homebanner ul li img {
		width: 100%;
		height: 400px;
		left: 0;
		top: 0;
	}

	.Homebannertext dl.bannerone {
		width: 80%;
		left: 20%;
	}

	.Homebannertext dl.bannerthree {
		top: 120px;
		left: 20%;
	}

	.Homebannertext dl.bannerthree dd {
		padding: 0;
		padding-top: 20px;
	}

	.Homebannertext dl.bannerone dt,
	.Homebannertext dl.bannertwo dt,
	.Homebannertext dl.bannerthree dt,
	.Homebanner li.cur .Homebannertext dl.bannerone dt,
	.Homebanner li.cur .Homebannertext dl.bannertwo dt,
	.Homebanner li.cur .Homebannertext dl.bannerthree dt,
	.Homebannertext dl.bannertwo dt h3,
	.Homebannertext dl.bannerthree dd h3 {
		padding-top: 0;
		font-size: 2rem;
		height: 70px;
		line-height: 50px;
		margin-bottom: 10px;
	}

	.Homebannertext dl.bannerone dd,
	.Homebannertext dl.bannertwo dd,
	.Homebannertext dl.bannerone dd,
	.Homebanner li.cur .Homebannertext dl.bannerone dd,
	.Homebanner li.cur .Homebannertext dl.bannertwo dd,
	.Homebanner li.cur .Homebannertext dl.bannerthree dd,
	.Homebannertext dl.bannertwo dt p,
	.Homebannertext dl.bannerthree dd p {
		font-size: 1.2rem;
		line-height: 40px;
	}

	.Homebannertext dl.bannerthree dd p {
		padding-right: 50px;
	}

	.Homebannertext dl.bannertwo {
		position: absolute;
		top: 25%;
	}

	.Homebannertext img.bigimg.bannertwoimg,
	.Homebannertext img.bigimg.bannerthreeimg,
	.bannerthree img {
		width: 200px;
		height: auto;
		top: 40px;
		left: 10%;
	}

	.Homebannertext dl.bannerthree img {
		position: absolute;
		right: -100px;
		width: 200px;
		height: auto;
		top: 40px;
		left: auto;
	}

	.Homebannertext img.bigimg.bannertwoimg {
		top: 150px;
		left: auto;
		right: 15%;
	}

	.Homeleft,
	.Homeright {
		top: calc(50% - 25px);
	}

	.Homedot {
		bottom: 10px;
	}
}