@charset "utf-8";
html {
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%
}
body {
	font:400 14px/22px 'Microsoft YaHei';
	background:#fff;
}
* {
	margin:0 auto
}
li, ul {
	list-style:none;
	margin:0;
	padding:0
}
img {
	border:0;
	padding:0;
	margin:0
}
a, a:hover {
	text-decoration:none
}
button:focus {
	outline:medium
}
header {
	width:100%;
	min-width:1024px;
	height:40px;
	background:#fff;
	padding:30px 0
}
header h1 {
	width:310px;
	height:40px;
	float:left;
	margin-left:26px;
	text-indent:-999em;
	text-align:center
}
header h1 img {
	float:left
}
header ul {
	width:auto;
	height:40px;
	float:right;
	margin-right:26px
}
header ul li {
	width:auto;
	height:40px;
	float:left;
	text-align:center;
	color:#26957a;
	font:bolder 14px/36px Arial, 'Microsoft YaHei'
}
header ul li a {
	display:block;
	color:#26b592;
	width:60px;
	height:36px;
	margin-top:2px;
	padding:0 20px;
	float:left;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s
}
header ul li a:hover {
	width:100px;
	padding:0;
	height:36px;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
	background:#3cc4a3;
	color:#fff
}
header ul li.Line {
	width:2px;
	height:10px;
	background:#32cc93;
	margin:15px 38px 15px 12px
}
header ul li.Tel {
	width:167px;
	height:40px;
	padding:0;
	color:#fff;
	background:url(../images/TopTelBg.png) no-repeat center center
}
header ul li.Tel a {
	color:#fff;
	padding:0;
	display:block;
	width:167px;
	height:40px;
	line-height:38px;
	margin:0
}
header ul. li.Tel a:hover {
color:#ccfde8;
background:0 0
}
@media screen and (max-width:1120px) {
header {
width:100%;
padding:30px 0 20px 0;
text-align:center
}
header ul {
margin:0
}
header ul li a {
padding:0 15px
}
}
.Banner {
	width:100%;
	height:675px;
	overflow:hidden;
	position:relative
}
.Banner .hd {
	width:100%;
	overflow:hidden;
	position:absolute;
	bottom:10px;
	z-index:1
}
.Banner .hd ul {
	text-align:center;
	overflow:hidden;
	zoom:1
}
.Banner .hd ul li {
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	width:26px;
	height:5px;
	border-radius:100px;
	line-height:14px;
	text-align:center;
	background:#fff;
	cursor:pointer
}
.Banner .hd ul li.on {
	background:#fff;
	color:#fff;
	padding-right:10px;
transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
-o-transition:.2s
}
.Banner .BrImg {
	width:100%;
	height:675px;
	position:relative;
	z-index:0
}
.Banner .BrImg li {
	width:100%;
	height:675px;
	float:left;
	zoom:1;
	vertical-align:middle
}
.Banner .BrImg li.PicA {
	background:url(../images/1.jpg) no-repeat center top
}
.Banner .BrImg li.PicB {
	background:url(../images/210105_2.jpg) no-repeat center top
}

.Banner .BrImg li.PicC {
	background:url(../images/3.jpg) no-repeat center top
}


.Banner .BrImg li.PicD {
	background:url(../images/4.jpg) no-repeat center top
}

.Banner .BrImg li.PicE {
	background:url(../images/210105_1.jpg) no-repeat center top
}

.Banner .BrImg li.PicF {
	background:url(../images/6.jpg) no-repeat center top
}

.Cen {
	width:100%;
	height:auto;
	overflow:hidden;
	background:#fff
}
.Cen span.TitName {
	width:100%;
	height:32px;
	float:left;
	font:400 32px/32px Arial, 'Microsoft YaHei';
	text-transform:capitalize;
	color:#000;
	text-align:center
}
.Cen span font {
	color:#26bc92
}
.Cen b.TitWord {
	width:100%;
	height:20px;
	padding-top:10px;
	padding-bottom:72px;
	float:left;
	font:bolder 14px/20px Arial, 'Microsoft YaHei';
	color:#333;
	text-align:center
}
.Cen .ConNews {
	width:1158px;
	height:auto;
	overflow:hidden;
	padding:82px 12px 102px 12px
}
.Cen .ConNews li {
	width:250px;
	height:300px;
	float:left;
	position:relative;
	padding:10px;
	margin:0 13px;
	background:#fff;
	border-radius:4px;
	box-shadow:0 0 25px rgba(0, 0, 0, .15);
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s
}
.Cen .ConNews li:hover {
	box-shadow:0 0 30px rgba(0, 0, 0, .3);
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConNews li.first {
	margin-left:0
}
.Cen .ConNews li.last {
	margin-right:0
}
.Cen .ConNews li img {
	width:250px;
	height:152px;
	float:left
}
.Cen .ConNews li h3 {
	width:228px;
	padding:22px 11px 0 11px;
	height:22px;
	float:left;
	font:bolder 14px/22px Arial, 'Microsoft YaHei'
}
.Cen .ConNews li h3 a {
	color:#333;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConNews li h3 a:hover {
	color:#143cd1;
transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
-o-transition:.5s
}
.Cen .ConNews li p {
	width:228px;
	height:auto;
	float:left;
	text-indent:2em;
	padding:3px 11px 0 11px;
	font:400 12px/20px Arial, 'Microsoft YaHei';
	color:#999;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConNews li i {
	width:72px;
	height:4px;
	background:#3ac9a1;
	position:absolute;
	left:21px;
	bottom:0;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConNews li:hover i {
	left:177px;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	-o-transition:1s
}
.Cen .ConNews li:hover h3 a {
	color:#143cd1;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConNews li:hover p {
	color:#bbb;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConCase {
	width:100%;
	height:auto;
	overflow:hidden;
	background:#f5f5f5;
	padding:72px 0
}
.Cen .ConCase ul {
	float:left;
	overflow:hidden
}
.Cen .ConCase li {
	width:25%;
	max-height:268px;
	height:auto;
	float:left;
	position:relative;
	overflow:hidden
}
.Cen .ConCase li img {
	width:100%;
	position:relative;
	z-index:0
}
.Cen .ConCase li p {
	width:100%;
	max-height:272px;
	height:auto;
	position:absolute;
	top:-272px;
	z-index:1;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s
}
.Cen .ConCase li:hover p {
	position:absolute;
	top:0;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConCase li i {
	position:absolute;
	left:5%;
	bottom:-272px;
	z-index:2;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s
}
.Cen .ConCase li:hover i {
	width:90%;
	height:90%;
	left:5%;
	bottom:5%;
	border:1px solid #fff;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConCase li b {
	font:bolder 20px/22px Arial, 'Microsoft YaHei';
	position:absolute;
	padding-left:6%;
	left:5%;
	top:-272px;
	z-index:2;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s
}
.Cen .ConCase li b a {
	color:#fff
}
.Cen .ConCase li:hover b {
	width:84%;
	height:30px;
	padding-left:6%;
	position:absolute;
	left:5%;
	top:20%;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
	text-align:left
}
.Cen .ConCase li span {
	font:400 14px/22px Arial, 'Microsoft YaHei';
	position:absolute;
	padding-left:6%;
	left:5%;
	top:-272px;
	z-index:2;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s;
	color:#fff
}
.Cen .ConCase li:hover span {
	width:84%;
	height:30px;
	padding-left:6%;
	position:absolute;
	left:5%;
	top:33%;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
	text-align:left
}
.Cen .ConCase li a.button {
	width:98px;
	height:28px;
	border:2px solid #fff;
	color:#fff;
	font:400 14px/28px Arial, 'Microsoft YaHei';
	position:absolute;
	bottom:-272px;
	z-index:2;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s;
	text-indent:30px;
	background:url(../images/CaseIcon.png) no-repeat
}
.Cen .ConCase li a.BtnLink {
	left:11%;
	background-position:0 -2px
}
.Cen .ConCase li a.BtnTent {
	left:36%;
	background-position:-116px -2px
}
.Cen .ConCase li:hover a.button {
	bottom:38%;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConCase li:hover a.button:hover {
	background:url(../images/CaseIcon.png) no-repeat #fff;
	color:#3ac9a1
}
.Cen .ConCase li:hover a.BtnLink:hover {
	left:11%;
	background-position:0 -34px
}
.Cen .ConCase li:hover a.BtnTent:hover {
	left:36%;
	background-position:-116px -34px
}
@media screen and (max-width:1680px) {
.Cen .ConCase li:hover a.button {
bottom:30%
}
.Cen .ConCase li a.BtnTent {
left:40%
}
.Cen .ConCase li:hover a.BtnTent:hover {
left:40%
}
}
@media screen and (max-width:1366px) {
.Cen .ConCase li {
width:33.33%
}
.Cen .ConCase li a.BtnTent {
left:36%
}
.Cen .ConCase li:hover a.BtnTent:hover {
left:36%
}
}
@media screen and (max-width:1280px) {
.Cen .ConCase li:hover a.button {
bottom:26%
}
.Cen .ConCase li a.BtnTent {
left:46%
}
.Cen .ConCase li:hover a.BtnTent:hover {
left:46%
}
}
.Cen .ConSer {
	width:900px;
	height:460px;
	overflow:hidden;
	padding:72px 0;
	position:relative
}
.Cen .ConSer ul {
	width:100%
}
.Cen .ConSer ul li {
	width:300px;
	height:60px;
	overflow:hidden;
	float:left;
	padding-top:88px;
	text-align:center;
	font:400 14px/22px Arial, 'Microsoft YaHei';
	color:#333;
	position:relative
}
.Cen .ConSer ul li i {
	display:block;
	width:80px;
	height:80px;
	position:absolute;
	left:110px;
	top:8px;
	background:url(../images/Icon.png) no-repeat
}
.Cen .ConSer ul li i.IconA {
	background-position:0 0
}
.Cen .ConSer ul li i.IconB {
	background-position:-90px 0
}
.Cen .ConSer ul li i.IconC {
	background-position:-180px 0
}
.Cen .ConSer ul li b.CsWord {
	width:100%;
	height:20;
	float:left;
	font-weight:400
}
.Cen .ConSer ul li span {
	width:300px;
	height:20px;
	position:absolute;
	text-align:center;
	left:0;
	top:150px;
	color:#999;
transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
-o-transition:.4s
}
.Cen .ConSer ul li:hover span {
	top:110px;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Cen .ConSer p {
	width:212px;
	height:52px
}
.Cen .ConSer a.CsBtn {
	display:block;
	width:234px;
	height:78px;
	position:absolute;
	bottom:90px;
	left:333px;
	background:url(../images/FotTelBg.png) no-repeat center top;
	font:400 20px/54px Arial, 'Microsoft YaHei';
	color:#fff;
	text-align:center;
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
footer {
	width:100%;
	min-height:50px;
	height:auto;
	padding-top:110px;
	overflow:hidden;
	font:400 12px/18px Arial, 'Microsoft YaHei';
	background:#fff;
	color:#fff;
	text-align:center;
	position:relative;
	bottom:0
}
footer span {
	display:block;
	width:100%;
	float:left;
	font:400 12px/18px Arial, 'Microsoft YaHei';
	color:#fff;
	text-align:center;
	position:relative;
	z-index:3
}
footer p {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	height:355px;
	overflow:hidden
}
footer .BgA {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:152px;
	background:url(../images/FootBgA.png) no-repeat center bottom;
	z-index:2
}
footer .BgB {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:152px;
	background:url(../images/FootBgB.png) no-repeat center bottom;
	z-index:1
}
footer .BgC {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:152px;
	background:url(../images/FootBgC.png) no-repeat center bottom;
	z-index:0
}
footer .BgB {
	animation:BgB 10s linear 0s infinite;
	-webkit-animation:BgB 10s linear 0s infinite
}
footer .BgC {
	animation:BgC 10s linear 0s infinite;
	-webkit-animation:BgC 10s linear 0s infinite
}
@keyframes BgB {
0% {
transform:translateX(0)
}
50% {
transform:translateX(-10%)
}
100% {
transform:translateX(0)
}
}
@-webkit-keyframes BgB {
0% {
-webkit-transform:translateX(0)
}
50% {
-webkit-transform:translateX(-10%)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes BgC {
0% {
transform:translateX(0)
}
50% {
transform:translateX(10%)
}
100% {
transform:translateX(0)
}
}
@-webkit-keyframes BgC {
0% {
-webkit-transform:translateX(0)
}
50% {
-webkit-transform:translateX(10%)
}
100% {
-webkit-transform:translateX(0)
}
}