@charset "utf-8";



/* CSS Document */

/*banner*/

.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(../images/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);



	}



}



/*jj*/

.gsjj {

	height: 815px;

	background: url(../images/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(../images/08.jpg) no-repeat center;

}



.li_01:hover {

	background: url(../images/09.jpg) no-repeat center;

}



.li_02 {

	background: url(../images/03.jpg) no-repeat center;

}



.li_02:hover {

	background: url(../images/10.jpg) no-repeat center;

}



.li_03:hover {

	background: url(../images/11.jpg) no-repeat center;

}



.li_04:hover {

	background: url(../images/case_jt.jpg) no-repeat center;

}



.li_05:hover {

	background: url(../images/d.jpg) no-repeat center;

}



.li_06:hover {

	background: url(../images/dbl.jpg) no-repeat center;

}



.li_03 {

	background: url(../images/04.jpg) no-repeat center;

}



.li_04 {

	background: url(../images/05.jpg) no-repeat center;

}



.li_05 {

	background: url(../images/06.jpg) no-repeat center;

}



.li_06 {

	background: url(../images/07.jpg) no-repeat center;

}



/*高资业务*/

.yss {

	height: 845px;

	background: url(../images/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;

	display: flex;

	gap: 0 20px;

}



.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: 100%;

	height: 300px;

	object-fit: contain;

	background: #fff;

}



/*高资技术*/

.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: contain;

	background: #f2f2f2;

}



.jzgz ul li:hover div .pos {

	transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	/* IE 9 */

	-moz-transform: scale(1.1, 1.1);

	/* Firefox */

	-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(../images/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(../images/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;

}



/*al*/

.tc {

	text-align: center;

}



.ys_dbg {

	background: url(../images/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;

	object-fit: cover;

}



#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(../images/left.png) no-repeat;

	background-position: 0 0;

	background-size: 100%;

}



#certify .swiper-button-prev:hover {

	background: url(../images/leftleft.png) no-repeat;

}



#certify .swiper-button-next {

	right: 130px;

	width: 26px;

	height: 26px;

	top: 530px;

	background: url(../images/right.png) no-repeat;

	background-size: 100%;

}



#certify .swiper-button-next:hover {

	background: url(../images/rightright.png) no-repeat;

}



/* news */

.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);

	/* IE 9 */

	-moz-transform: scale(1.1, 1.1);

	/* Firefox */

	-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;

	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 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;

	object-fit: contain;

	background: #f2f2f2;

}