.banner {
	clear:both;
	width: 100%;
	position: relative;
	height:750px;
	margin: 0 auto;
	background: transparent;
	
}
.banner .bd {
	margin: 0 auto;
	height: 100%;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.banner .bd ul {
	height: 100%;
	width: 100%;
}
.banner .bd li {
	height: 100%;
	overflow: hidden;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	
	-webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;

	animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite; 
	
}
.banner .bd li a {
	display: block;
	height: 100%;
	width: 100%;
}
.banner .prev, .banner .next {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 15%;
	z-index: 1;
	width: 40px;
	height: 60px;
	background: url(../image/slider-arrow.png) -126px -137px #000000 no-repeat;
	cursor: pointer;
*filter: alpha(opacity=50);
*opacity: .5;
	display: none;
}
.banner .next {
	left: auto;
	right: 15%;
	background-position: -6px -137px;
	
}
@keyframes scaleUpDown {

 from {

-webkit-transform: scale(1.1);
transition: all 0.9s;
transform: scale(1.1);

}

to {

	opacity: 1;
	transition: all 0.9s;
	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

}


.gsjj {height:815px; background: url(../image/02.jpg) no-repeat center;margin-top:60px;}
.gga{ height:566px; width: 1180px; margin: 0 auto; margin-top:40px}
.gga span { display: block; float: left; width:510px;}
.gga span h3 {font-size:24px;margin-top:110px;font-weight:normal;margin-bottom:  50px;}
.gga span i{width:154px;height:38px;border:1px solid #ccc;border-radius:20px;line-height:38px;text-align:center;display:block;margin-top:  36px;}
.gga span i a{ color:#666;transition: all 0.6s;}
.gga span i:hover{ border:1px solid #229f53;transition: all 0.6s;}
.gga span i:hover a{ color:#229f53;}
.gga span p{ text-indent:2em; font-size: 14px; line-height: 30px; overflow: hidden; height: 90px; color: #666;}
.ttsi{float: right;width: 590px;height: 502px;margin-bottom:66px;}
.gga ul{ width: 1180PX; clear: both;height: 174px;}
.gga ul li{ border-radius:6px; float:left; width:172px; height:172px; border:1px solid #c1c1c1;transition: all 0.6s;text-align:center; color: #666; line-height:206px; margin-left: 27px;}
.gga ul li:nth-child(1) { margin-left:0;}
.gga ul li:hover a{ color:#fff;}
.li_01{ background:url(../image/08.jpg) no-repeat center;}
.li_01:hover{ background:url(../image/09.jpg) no-repeat center;}
.li_02{ background:url(../image/03.jpg) no-repeat center;}
.li_02:hover{ background:url(../image/10.jpg) no-repeat center;}
.li_03:hover{ background:url(../image/11.jpg) no-repeat center;}
.li_04:hover{ background:url(../image/case_jt.jpg) no-repeat center;}
.li_05:hover{ background:url(../image/d.jpg) no-repeat center;}
.li_06:hover{ background:url(../image/dbl.jpg) no-repeat center;}
.li_03{ background:url(../image/04.jpg) no-repeat center;}
.li_04{ background:url(../image/05.jpg) no-repeat center;}
.li_05{ background:url(../image/06.jpg) no-repeat center;}
.li_06{ background:url(../image/07.jpg) no-repeat center;}


.yss{ height:845px; background:url(../image/dd.jpg) no-repeat center;}
.lkc{ width:1180px; height:845px; margin:0 auto; margin-top: 50px;}
.lkc h3{ font-size: 30px; text-align: center; font-weight: normal;}
.lkc i{ font-size: 24px; display: block; text-transform: uppercase; color: #ccc; text-align: center; margin: 4px 0 10px 0;}
.lkc ul{ margin-top: 114px;}
.lkc ul li{ float: left; width: 350px; height: 406px; background: #fff; border-radius:10px;transition: all 0.3s; padding-top: 54px; margin-left: 65px;}
.lkc ul li:nth-child(1) { margin-left:0;}
.lkc ul li:hover{ background: #229f53;transition: all 0.3s;}
.lkc ul li h4{ font-weight: normal; text-align: center; font-size: 24px;transition: all 0.3s;}
.lkc ul li:hover h4{ color: #fff;transition: all 0.3s;}
.lkc ul li b{ display: block; width: 38px; height: 1px; background: #333; margin: 0 auto; margin-top: 24px; margin-bottom: 28px;}
.lkc ul li:hover b{display: block; width: 38px; height: 1px; background: #fff;}
.lkc ul li p{ color: #999; width: 202px; margin: 0 auto; line-height: 26px;transition: all 0.3s; height:130px;}
.lkc ul li:hover p{ color: #fff;transition: all 0.3s;}
.lkc ul li img{ display: block; margin: 0 auto; margin-top: 24px; width:350px; height:300px;}


.jzgz{ width:1180px; height:720px; margin:0 auto; margin-top: 50px;}
.jzgz h3{ font-size: 30px; text-align: center; font-weight: normal;}
.jzgz i{ font-size: 24px; display: block; text-transform: uppercase; color: #ccc; text-align: center; margin: 4px 0 10px 0;}
.jzgz ul{ margin-top: 40px; height: 484px;}
.jzgz ul li{float: left;width: 374px;height: 484px;background: #fafafa;transition: all 0.3s;margin-left: 29px;}
.jzgz ul li div{ display: block; overflow: hidden;}
.jzgz ul li div .pos{ display: block; height: 254px; width: 374px; -ms-transition: all .2s;
  transition: all .2s;
  overflow: hidden; object-fit: cover;}
.jzgz ul li:hover div .pos{ transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  
  -moz-transform: scale(1.1, 1.1);
  
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);}
.jzgz ul li:nth-child(1) { margin-left:0;}
.jzgz ul li:hover{ background: #229f53;transition: all 0.3s;}
.jzgz ul li span{ width: 304px; display: block; margin: 0 auto; margin-top: 22px;}
.jzgz ul li h4{ font-size:18px;transition: all 0.3s;}
.jzgz ul li h4 a{ color: #444;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jzgz ul li:hover h4 a{ color: #fff;transition: all 0.3s;}
.jzgz ul li p{color: #7f7f81;line-height: 26px;transition: all 0.3s;margin-top: 16px;overflow: hidden;height: 78px;}
.jzgz ul li:hover p{ color: #fff;transition: all 0.3s;}
.jzgz ul li b{display: block;width:304px;height: 1px;background: #bcbcbd;margin: 0 auto;margin-top: 20px;}
.jzgz ul li:hover b{display: block; width:304px; height: 1px; background: #fff;}
.jzgz ul li i{width: 304px;height: 19px;background:url(../image/04.png) no-repeat center;color: #7f7f81;font-size: 14px;text-align: left;transition: all 0.4s;margin-top: 18px;}
.jzgz ul li:hover i a{ display: block; width: 304px; height: 19px; background:url(../image/05.png) no-repeat center;color: #fff; font-size: 14px; text-align: left;transition: all 0.4s;}
.ckgs{ width: 204px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #d2d2d2; transition: all 0.3s; margin:0 auto;margin-top: 44px;}
.ckgs a{ color: #999;transition: all 0.3s;}
.ckgs:hover a{ width: 204px; height: 48px; display: block; border:1px solid #229f53; color: #229f53;transition: all 0.3s;}


.tc{ text-align: center;}
.ys_dbg {background: url(../image/on.jpg) no-repeat top center;height: 765px;padding-top:34px;margin-top: 60px;}
.ys_dbg h3{ font-size: 30px; text-align: center; font-weight: normal;}
.ys_dbg i{ font-size: 24px; display: block; text-transform: uppercase;  text-align: center; margin:0 0 8px 0;}
.clearboth {clear: both}
.mainall{ width: 1180px;margin: 0 auto; overflow: hidden;}
.ys_t p {font-size: 14px;text-transform: uppercase;color: #939393; letter-spacing: 4px;}
.ys_tel {width: 551px;height: 54px;border: 1px solid #989898; margin: 20px auto 0;line-height: 54px;}
#certify {position: relative;width: 1180px;margin: 50px auto 0;}
#certify .swiper-container { height: 620px;overflow: hidden;}
#certify .swiper-slide {width:806px;height:440px;}
#certify .swiper-slide img {display: block; width:800px; height:420px; border:10px solid #fff;}
#certify .swiper-slide .info { text-align: center; display: none; margin-top:30px;}
#certify .swiper-slide .info h4 a{font-size:18px;color: #fff;height: 40px;display: block; font-weight:normal;line-height: 40px;overflow: hidden;}
#certify .swiper-slide .info i { width:70px; height:1px; background: #fff; display: block;margin: 10px auto;}
#certify .swiper-slide .info p {line-height: 30px;height:60px;overflow: hidden;text-align: center;color: #fff; font-size: 1.1em;margin: 0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#certify .swiper-slide-active .info {display: block;}
#certify .swiper-button-prev {left: 130px;width: 26px;height: 26px;top: 530px;background: url(404.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover {background: url(404.png) no-repeat;}
#certify .swiper-button-next {right: 130px;width: 26px;height: 26px;top: 530px;background: url(404.png) no-repeat;background-size: 100%;}
#certify .swiper-button-next:hover {background: url(404.png) no-repeat;}


.news{ height: 848px; width: 1180px; margin: 0 auto; margin-top: 50px;}
.news h3{ font-size: 30px; text-align: center; font-weight: normal;}
.news i{ font-size: 24px; display: block; text-transform: uppercase; color: #ccc; text-align: center; margin: 4px 0 10px 0;}
.nezo{ width: 482px; height: 600px; float: left; background: #fafafa; margin-top: 52px;}
.ikd{ display: block;}
.ikd img{ margin: 0 auto; padding-top: 23px; display: block; width: 438px; height: 332px; -ms-transition: all .2s;
  transition: all .2s;
  overflow: hidden; object-fit: cover;}
.ikd img:hover{ transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  
  -moz-transform: scale(1.1, 1.1);
  
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);}
.nezo h4{ width: 438px; height: 46px; line-height: 46px; margin: 0 auto; margin-top: 16px; border-bottom: 1px dashed #c9c9c9; font-size: 16px; font-weight: normal;transition: all 0.3s;}
.nezo h4 a{display:inline-block;*display:inline;zoom:1;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nezo h4:hover a{transition: all 0.3s; display: block; color: #229f53; border-bottom: 1px dashed #229f53;}
.nezo p{ color: #b9b9b9; line-height: 30px; height: 90px; overflow: hidden; width: 438px; margin: 0 auto; margin-top: 8px;}
.nezo b{ display: block; width: 144px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #c1c1c1;transition: all 0.3s; font-weight: normal; margin-top: 16px; margin-left: 20px;}
.nezo b a{ color: #b9b9b9;transition: all 0.3s;transition: all 0.3s;}
.nezo b:hover{ border: 1px solid #229f53;transition: all 0.3s;}
.nezo b:hover a{ color: #229f53;transition: all 0.3s;transition: all 0.3s;transition: all 0.3s;}
.clearfloat{ clear: both;}
.ndwzo{ float: right; width: 678px; height: 600px; margin-top: 52px;}
.ndwzo ul{}
.ndwzo ul li{ height: 184px;width: 678px; background: #fafafa; position: relative; margin-bottom: 24px;}
.ndwzo ul li div{ width:394px; height: 144px; background: #fff; position: absolute; top:21px; left:21px;transition: all 0.3s; z-index: 1; padding-left: 18px;}
.ndwzo ul li div h5{ font-size: 16px; width: 364px; height: 40px; line-height: 40px; border-bottom: 1px dashed #d5d5d5; font-weight: normal;}
.ndwzo ul li:hover div h5{border-bottom: 1px dashed #fff;transition: all 0.3s;}
.ndwzo ul li:hover div h5 a{ color: #fff;transition: all 0.3s;transition: all 0.3s;}
.ndwzo ul li div h5 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top: 47px;}
.ndwzo ul li div p{color: #999;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top: 8px;width: 364px;}
.ndwzo ul li:hover div p{ color: #fff;}
.ndwzo ul li div span{font-size: 36px;color: #666;position: absolute;left: 310px;top: 14px;}
.ndwzo ul li div span b{ font-weight: normal; font-size: 18px;transition: all 0.3s;}
.ndwzo ul li:hover div span{ color: #fff;transition: all 0.3s;}
.ndwzo ul li:hover div span b{ color: #fff;transition: all 0.3s;}
.ndwzo ul li:hover div{ background: #229f53;transition: all 0.3s;}
.ndwzo ul li img{ display: block; width: 276px; height: 185px; position: absolute; bottom: -1px; right: 0;}