/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.db {
	display: block;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.full {
	width: 100%;
	height: 100%;
}

.box {
	display: inline-block;
}

.none {
	display: none;
}

a:focus {
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #ca1c28;
	transition: color 0.4s;
	-moz-transition: color 0.4s;
	-webkit-transition: color 0.4s;
	-o-transition: color 0.4s;
}

@-webkit-keyframes fromBottomFade {
	from {
		-webkit-transform: translateY(20%);
		opacity: 0;
	}
}

@keyframes fromBottomFade {
	from {
		transform: translateY(20%);
		opacity: 0;
	}
}



a {
	text-decoration: none;
}


/*container*/
.container {
	margin: 0 auto;
	clear: both;
}

/*header*/

#head {
	display: none;
}



.menu_bg {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}


.top {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s ease 0s;
}

	.top .topper {
		height: 120px;
		transition: all 0.6s ease 0s;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 300;
		background: rgba(255,255,255,0);
	}

		.top .topper:hover {
			background: #fff;
		}

		.top .topper .topper_nav {
			transition: 0.6s;
			width: 80%;
			height: 120px;
			margin: auto;
		}

			.top .topper .topper_nav .top_logo {
				transition: 0.6s;
				float: left;
				height: 120px;
			}

				.top .topper .topper_nav .top_logo a {
					transition: 0.6s;
					height: 120px;
					display: block;
					float: left;
					display: flex;
					align-items: center;
					display: -webkit-flex; /* Safari */
					-webkit-align-items: center; /* Safari 7.0+ */
				}

				.top .topper .topper_nav .top_logo img {
					display: block;
					float: left;
					max-height: 100%;
				}

				.top .topper .topper_nav .top_logo .img1 {
					display: none;
				}

		.top .topper:hover .topper_nav .top_logo .img1 {
			display: block;
		}

		.top .topper:hover .topper_nav .top_logo .img2 {
			display: none;
		}

		.top .topper:hover .topper_nav .top_logo .logo p {
			color: #333
		}

		.top .topper:hover .topper_nav .top_logo .logo span {
			color: #333
		}

		.top .topper:hover .topper_nav .navul li > a {
			color: #333;
		}

		.top .topper:hover .topper_nav .nav_fa .yxems a {
			color: #333;
		}

		.top .topper .topper_nav .nav_fa {
			float: right;
		}

			.top .topper .topper_nav .nav_fa .yxems a {
				display: block;
				float: right;
				color: #fff;
				margin-right: 30px;
			}

		.top .topper .topper_nav .navul {
			height: 90px;
			display: block;
		}

			.top .topper .topper_nav .navul li {
				transition: 0.6s;
				float: left;
				height: 90px;
				position: relative;
				line-height: 90px;
			}

				.top .topper .topper_nav .navul li > a {
					font-size: 16px;
					padding: 0px 20px;
					color: #fff;
					width: 100%;
					display: block;
					text-align: center;
				}

				.top .topper .topper_nav .navul li.cur > a {
					color: #265c81;
				}

				.top .topper .topper_nav .navul li > a:hover {
					color: #265c81;
				}

				.top .topper .topper_nav .navul li .nav_son {
					margin-top: 0px;
					position: absolute;
					top: 90px;
					left: -30px;
					width: 160px;
					background: #fff;
				}

					.top .topper .topper_nav .navul li .nav_son a {
						font-size: 15px;
						line-height: 35px;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						color: #333;
						text-align: center;
						display: block;
						border-bottom: 1px solid #dcdcdc;
					}

						.top .topper .topper_nav .navul li .nav_son a:hover {
							color: #265c81;
						}

				.top .topper .topper_nav .navul li .line {
					width: 0px;
					height: 4px;
					position: absolute;
					top: 86px;
					left: 0px;
					background: #265c81;
				}

				.top .topper .topper_nav .navul li:hover .line {
					width: 100%;
				}

				.top .topper .topper_nav .navul li.cur .line {
					width: 100%;
				}

		.top .topper .topper_nav .nav_son {
			display: none;
		}

		.top .topper .topper_nav .navul li:hover .nav_son {
			display: block;
		}

		.top .topper.cur {
			background: rgba(255,255,255,1);
			height: 85px;
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			z-index: 100;
		}

			.top .topper.cur .topper_nav .top_logo .img1 {
				display: block;
			}

			.top .topper.cur .topper_nav .top_logo .img2 {
				display: none;
			}

			.top .topper.cur .topper_nav {
				height: 85px;
			}

				.top .topper.cur .topper_nav .top_logo {
					height: 85px;
				}

					.top .topper.cur .topper_nav .top_logo a {
						height: 85px;
					}

				.top .topper.cur .topper_nav .navul {
					height: 100%;
				}

					.top .topper.cur .topper_nav .navul li {
						height: 70px;
						line-height: 70px;
					}

						.top .topper.cur .topper_nav .navul li .line {
							top: 66px;
						}

						.top .topper.cur .topper_nav .navul li .nav_son {
							top: 70px;
						}

			.top .topper.cur .navul li > a {
				color: #000;
			}

			.top .topper.cur .nav_fa .yxems a {
				color: #000;
			}





@media (max-width:1520px) {
	.top .topper .topper_nav .navul li > a {
		padding: 0px 5px;
	}
}

@media (max-width:1400px) {
}

@media (max-width:1200px) {
}


/*banner*/
#indexbanner {
	width: 100%;
	/* height: 100vh; */
	overflow: hidden;
	position: relative;
}

#indexbanner2 {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.bx-controls {
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 70;
	width: 100%;
	color: rgba(0,0,0,0);
}

	.bx-controls .bx-pager {
		text-align: center;
	}

		.bx-controls .bx-pager div {
			display: inline-block;
			margin: 0 2px;
		}

			.bx-controls .bx-pager div a {
				display: block;
				width: 45px;
				height: 4px;
				overflow: hidden;
				line-height: 50px;
				background-color: rgba(255,255,255,0.3);
			}

				.bx-controls .bx-pager div a.active {
					background-color: rgba(255,255,255,0.8);
				}

	.bx-controls .bx-controls-direction {
		display: none;
	}




#insidebanner {
	width: 100%;
	margin-top: 100px;
	position: relative;
}

	#insidebanner .bx-controls {
		display: none;
	}

		#insidebanner .bx-controls .bx-pager {
			display: none;
		}
/* #insidebanner .ctitle{text-align:center;color:#ffffff;font-size:28px;margin-top:80px;} */



/* .tit{width:100%;text-align:center;}  */
/* .tit p{font-size:31px;font-weight:bold;color:#333;margin-bottom:13px;}  */
/* .tit span{font-size:15px;color:#666;line-height:25px; text-transform:uppercase;font-weight:100;}  */
/* .tit .line{margin:15px auto;} */

#indexabout {
	display: block;
	margin-top: 55px;
	margin-bottom: 55px;
	min-height: 475px;
	position: relative;
}

	#indexabout .about_con {
		width: 50%;
		float: right;
		padding-left: 50px;
	}

		#indexabout .about_con .abp1 {
			margin-top: 60px;
			font-size: 28px;
			color: #333333;
		}

		#indexabout .about_con .abp2 {
			margin-top: 12px;
			width: 100%;
			color: #999;
			display: block;
			text-transform: uppercase;
		}

		#indexabout .about_con .abp3 {
			margin-top: 40px;
			font-size: 18px;
			color: #999
		}

		#indexabout .about_con .abp4 {
			line-height: 25px;
			margin-top: 40px;
			color: #999
		}

		#indexabout .about_con a { /*margin-top:60px;*/
			display: block;
			width: 170px;
			height: 44px;
			border: 1px solid #dcdcdc;
			color: #999;
			line-height: 44px;
			text-align: center;
		}

			#indexabout .about_con a:hover {
				background: #265c81;
				color: #fff;
			}

.about_left {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	overflow: hidden;
	height: 475px;
}

	.about_left img {
		max-width: 100%;
		height: 100%;
	}


.indexindustry {
	width: 100%;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 135px;
	margin-top: 56px;
	background: url(../images/service_bg.jpg)no-repeat center;
	background-size: cover;
}

	.indexindustry .tit {
		margin-bottom: 100px;
	}

		.indexindustry .tit p {
			font-size: 28px;
			color: #fff;
			font-weight: lighter;
			text-align: center;
			margin-bottom: 10px;
		}

		.indexindustry .tit span {
			width: 100%;
			color: #fff;
			display: block;
			font-weight: lighter;
			font-size: 14px;
			text-align: center;
			text-transform: uppercase;
		}


.industry {
	position: relative;
	overflow: hidden;
}

	.industry ul {
		display: none;
	}

		.industry ul li {
			width: 25%;
			float: left;
			margin-top: 15px;
		}

			.industry ul li img {
				display: block;
				margin: auto;
			}

			.industry ul li div {
				width: 100%;
				display: block;
			}

				.industry ul li div .sp1 {
					font-size: 16px;
					color: #fff;
					text-align: center;
					display: block;
				}

				.industry ul li div .sp2 {
					font-size: 14px;
					color: #fff;
					text-align: center;
					display: block;
					text-transform: uppercase;
				}

				.industry ul li div .sp3 {
					font-size: 14px;
					color: #9ecfeb;
					text-align: center;
					display: block;
					line-height: 20px;
					width: 80%;
					margin: auto;
					height: 100px;
					overflow: hidden;
				}

			.industry ul li a {
				width: 84px;
				height: 30px;
				border: 1px solid #9ecfeb;
				line-height: 30px;
				margin: auto;
				margin-top: 30px;
				text-align: center;
				color: #9ecfeb;
				display: block;
			}

	.industry .swiper-button-next {
		color: #5f9fc5;
		right: 0;
	}

	.industry .swiper-button-prev {
		color: #5f9fc5;
		left: 0;
	}

	.industry .swiper-slide img {
		display: block;
		margin: auto;
		width: 105px;
	}

	.industry .swiper-slide div {
		width: 100%;
		display: block;
	}

		.industry .swiper-slide div .sp1 {
			font-size: 16px;
			display: block;
			color: #fff;
		}

		.industry .swiper-slide div .sp2 {
			font-size: 14px;
			color: #fff;
			display: block;
			text-transform: uppercase;
		}

		.industry .swiper-slide div .sp3 {
			font-size: 14px;
			color: #9ecfeb;
			display: block;
			line-height: 20px;
			width: 80%;
			margin: auto;
			height: 100px;
			overflow: hidden;
		}

	.industry .swiper-slide a {
		width: 84px;
		height: 30px;
		border: 1px solid #9ecfeb;
		line-height: 30px;
		margin: auto;
		margin-top: 30px;
		text-align: center;
		color: #9ecfeb;
		display: block;
	}
/* .industry ul li:hover .zhe
zhao{background:rgba(10,179,141,0.7);transition: ease 1s;} */



.indexcase {
	width: 100%;
	overflow: hidden;
	padding-bottom: 60px;
}

	.indexcase .tit {
		margin-bottom: 25px;
		margin-top: 70px;
	}

		.indexcase .tit p {
			font-size: 28px;
			font-weight: lighter;
			color: #333;
			text-align: center;
			margin-bottom: 10px;
		}

		.indexcase .tit span {
			width: 100%;
			color: #999;
			display: block;
			font-size: 14px;
			text-align: center;
			text-transform: uppercase;
		}

	.indexcase .tab {
		margin: auto;
		margin-top: 13px;
		overflow: hidden;
		width: 100%;
	}

		.indexcase .tab ul {
			position: relative;
			float: left;
			left: 50%;
		}

			.indexcase .tab ul li {
				float: left;
				width: 115px;
				height: 48px;
				margin-right: 12px;
				text-align: center;
				line-height: 48px;
				position: relative;
				right: 50%;
				border: 1px solid #e1e1e1;
			}

				.indexcase .tab ul li:first-child {
					background: #265c81;
				}

					.indexcase .tab ul li:first-child a {
						color: #ffffff;
					}

				.indexcase .tab ul li a {
					width: 100%;
					height: 100%;
					display: block;
					border-radius: 3px;
					font-size: 13px;
				}

				.indexcase .tab ul li.current a {
					color: #fff;
					background: #265c81;
				}

				.indexcase .tab ul li a:hover {
					color: #fff;
					background: #265c81;
				}

				.indexcase .tab ul li:last-child {
					margin-right: 0px;
				}

.case .cpzs {
	margin-top: 45px;
	width: 100%;
}

	.case .cpzs ul {
		display: none;
		width: 100%;
	}

		.case .cpzs ul:first-child {
			display: block;
		}

		.case .cpzs ul li {
			width: 25%;
			height: 233px;
			float: left;
			margin-bottom: 21px;
			position: relative;
			overflow: hidden;
		}

			.case .cpzs ul li .zhezhao {
				transition: 0.6s;
				position: absolute;
				width: 90%;
				height: 90%;
				background: rgba(31,113,162,0.8);
				top: 100%;
				left: 5%;
			}

				.case .cpzs ul li .zhezhao p {
					color: #fff;
					position: absolute;
					left: 50%;
					top: 50%;
					width: 90%;
					transform: translate(-50%,-50%);
					text-align: center;
					font-size: 28px;
					line-height: 35px;
				}

			.case .cpzs ul li:hover .zhezhao {
				top: 5%;
			}

			.case .cpzs ul li a {
				width: 95%;
				height: 100%;
				display: block;
				margin: auto;
			}

			.case .cpzs ul li .pic {
				width: 100%;
				height: 100%;
				margin: auto;
				overflow: hidden;
			}

				.case .cpzs ul li .pic img {
					width: 100%;
					height: 100%;
					margin: auto;
					transition: 0.9s;
				}




.indexnews {
	width: 100%;
	overflow: hidden;
	padding-bottom: 140px;
	position: relative;
}

	.indexnews .left_bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 50%;
		height: 100%;
		background: #f8f8f8;
	}

.news .news_left {
	width: 50%;
	float: left;
}

	.news .news_left .tit {
		margin-top: 78px;
		width: 90%;
	}

		.news .news_left .tit p {
			font-size: 28px;
			color: #1d1d1d;
		}

		.news .news_left .tit span {
			margin-top: 8px;
			width: 100%;
			display: block;
			color: #999;
			text-transform: uppercase;
		}

			.news .news_left .tit span a {
				float: right;
				text-align: right;
				color: #d57b27;
			}

	.news .news_left ul {
		width: 90%;
	}

		.news .news_left ul li {
			overflow: hidden;
			border-bottom: 1px solid #e1e1e1;
		}

			.news .news_left ul li:first-child {
				padding-top: 30px;
				padding-bottom: 20px;
			}

			.news .news_left ul li .tt_first {
				line-height: 25px;
			}

			.news .news_left ul li .date {
				line-height: 20px;
				color: #3e86af;
			}

			.news .news_left ul li .des {
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				line-height: 25px;
			}

			.news .news_left ul li .tt {
				float: left;
				line-height: 51px;
				width: 70%;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

			.news .news_left ul li .da {
				float: right;
				line-height: 51px;
				width: 30%;
				text-align: right;
			}

			.news .news_left ul li:hover .tt {
				color: #265c81;
			}

.news .news_right {
	width: 50%;
	float: right;
}

	.news .news_right .tit {
		margin-top: 78px;
		width: 90%;
		float: right;
	}

		.news .news_right .tit p {
			font-size: 28px;
			color: #1d1d1d;
		}

		.news .news_right .tit span {
			margin-top: 8px;
			width: 100%;
			display: block;
			color: #999;
			text-transform: uppercase;
		}

			.news .news_right .tit span a {
				float: right;
				text-align: right;
				color: #d57b27;
			}

	.news .news_right ul {
		width: 90%;
		float: right;
	}

		.news .news_right ul li {
			overflow: hidden;
			border-bottom: 1px solid #e1e1e1;
		}

			.news .news_right ul li:first-child {
				padding-top: 30px;
				padding-bottom: 20px;
			}

			.news .news_right ul li .tt_first {
				line-height: 25px;
			}

			.news .news_right ul li .date {
				line-height: 20px;
				color: #3e86af;
			}

			.news .news_right ul li .des {
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				line-height: 25px;
			}

			.news .news_right ul li .tt {
				float: left;
				line-height: 51px;
				width: 70%;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

			.news .news_right ul li .da {
				float: right;
				line-height: 51px;
				width: 30%;
				text-align: right;
			}

			.news .news_right ul li:hover .tt {
				color: #265c81;
			}





.indexxwzx {
	width: 100%;
	overflow: hidden;
	padding-bottom: 60px;
}

	.indexxwzx .tit {
		margin-bottom: 25px;
		margin-top: 70px;
	}

		.indexxwzx .tit p {
			font-size: 28px;
			font-weight: lighter;
			color: #333;
			text-align: center;
			margin-bottom: 10px;
		}

		.indexxwzx .tit span {
			width: 100%;
			color: #999;
			display: block;
			font-size: 14px;
			text-align: center;
			text-transform: uppercase;
		}

	.indexxwzx .tab {
		margin: auto;
		margin-top: 13px;
		overflow: hidden;
		width: 100%;
	}

		.indexxwzx .tab ul {
			position: relative;
			float: left;
			left: 50%;
		}

			.indexxwzx .tab ul li {
				float: left;
				width: 115px;
				height: 48px;
				margin-right: 12px;
				text-align: center;
				line-height: 48px;
				position: relative;
				right: 50%;
				border: 1px solid #e1e1e1;
			}

				.indexxwzx .tab ul li:first-child {
					border: 1px solid #265c81;
				}

					.indexxwzx .tab ul li:first-child a {
						color: #265c81;
					}

				.indexxwzx .tab ul li a {
					width: 100%;
					height: 100%;
					display: block;
					border-radius: 3px;
					font-size: 13px;
				}

				.indexxwzx .tab ul li.current a {
					color: #fff;
					background: #265c81;
				}

				.indexxwzx .tab ul li:last-child {
					margin-right: 0px;
				}

	.indexxwzx .con {
		margin-top: 45px;
		width: 100%;
	}

		.indexxwzx .con ul {
			display: none;
			width: 100%;
			margin-top: 45px;
		}

			.indexxwzx .con ul:first-child {
				display: block;
			}

			.indexxwzx .con ul li {
				width: 33.33%;
				float: left;
				margin-bottom: 21px;
				overflow: hidden;
			}

				.indexxwzx .con ul li a {
					width: 92%;
					display: block;
					margin: auto;
				}

					.indexxwzx .con ul li a .pic {
						width: 100%;
					}

						.indexxwzx .con ul li a .pic img {
							width: 100%;
						}

					.indexxwzx .con ul li a .conn {
						width: 100%;
						height: 60px;
						margin: 10px auto;
					}

						.indexxwzx .con ul li a .conn .date {
							height: 60px;
							width: 20%;
							float: left;
							border-right: 1px solid #dcdcdc;
						}

							.indexxwzx .con ul li a .conn .date p.p1 {
								font-size: 28px;
								text-align: center;
								color: #666;
							}

							.indexxwzx .con ul li a .conn .date p {
								font-size: 12px;
								text-align: center;
								color: #999;
								margin-top: 8px;
							}

						.indexxwzx .con ul li a .conn .connn {
							width: 80%;
							float: right;
						}

							.indexxwzx .con ul li a .conn .connn p.tt {
								font-size: 14px;
								color: #666;
								width: 90%;
								text-overflow: ellipsis;
								overflow: hidden;
								white-space: nowrap;
							}

							.indexxwzx .con ul li a .conn .connn p {
								font-size: 12px;
								color: #999;
								margin-top: 12px;
								text-indent: 15px;
								width: 90%;
								text-overflow: ellipsis;
								overflow: hidden;
								white-space: nowrap;
							}

					.indexxwzx .con ul li a .more {
						width: 93%;
						margin: auto;
						border-top: 1px solid #dcdcdc;
						height: 40px;
						line-height: 40px;
					}

						.indexxwzx .con ul li a .more span {
							font-size: 20px;
							float: right;
						}

					.indexxwzx .con ul li a:hover {
						background: #2378a8;
					}

						.indexxwzx .con ul li a:hover .conn .date p.p1 {
							color: #fff;
						}

						.indexxwzx .con ul li a:hover .conn .date p {
							color: #47a7dd;
						}

						.indexxwzx .con ul li a:hover .conn .connn p {
							color: #fff;
						}

						.indexxwzx .con ul li a:hover .more p {
							color: #fff;
						}

						.indexxwzx .con ul li a:hover .more span {
							color: #fff;
						}


#indexproduct {
	width: 100%;
	overflow: hidden;
	background: #f6f6f6;
	padding: 32px 0px 68px 0px;
}

.product {
	height: 100%;
	margin: auto;
}

	.product .tit {
		width: 100%;
		text-align: center;
	}

		.product .tit p {
			font-size: 18px;
			color: #222;
		}

		.product .tit span {
			font-size: 24px;
			color: #d6d4d4;
			line-height: 30px;
			text-align: center;
			font-family: Georgia;
		}

		.product .tit .line {
			margin: auto;
		}

			.product .tit .line img {
				max-width: 100%;
			}

	.product .tab {
		margin: auto;
		margin-top: 13px;
		overflow: hidden;
	}

		.product .tab ul {
			position: relative;
			float: left;
			width: 100%;
		}

			.product .tab ul li {
				float: left;
				width: 25%;
				height: 48px;
				text-align: center;
				line-height: 48px;
				position: relative;
				border: 1px solid #e1e1e1;
			}

				.product .tab ul li:first-child {
					background: #e98f31;
				}

					.product .tab ul li:first-child a {
						color: #ffffff;
					}

				.product .tab ul li a {
					width: 100%;
					height: 100%;
					display: block;
					border-radius: 3px;
					font-size: 13px;
				}

				.product .tab ul li.current a {
					color: #fff;
					background: #e98f31;
				}

				.product .tab ul li a:hover {
					color: #fff;
					background: #e98f31;
				}

				.product .tab ul li:last-child {
					margin-right: 0px;
				}

	.product .cpzs {
		width: 100%;
		margin-top: 24px;
	}

		.product .cpzs ul {
			display: none;
			width: 100%;
		}

			.product .cpzs ul:first-child {
				display: block;
			}

			.product .cpzs ul .swiper-slide {
				position: relative;
				height: 320px;
				overflow: hidden;
				float: left;
			}

				.product .cpzs ul .swiper-slide a {
					width: 95%;
					display: block;
					margin: auto;
					border-bottom: 2px solid #070707;
				}

				.product .cpzs ul .swiper-slide .pic {
					width: 100%;
					height: 205px;
					margin: auto;
					margin-bottom: 5px;
					overflow: hidden;
					text-align: center;
					position: relative;
					box-shadow: 0px 0px 15px #e1e1e1;
					display: flex;
					align-items: center;
					display: -webkit-flex;
					-webkit-align-items: center;
					display: -ms-flex;
					-ms-align-items: center;
				}

					.product .cpzs ul .swiper-slide .pic img {
						width: 100%;
						max-height: 100%;
						margin: auto;
						transition: 0.9s;
					}

				.product .cpzs ul .swiper-slide:hover .pic img {
					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); /* Safari 和 Chrome */
					-o-transform: scale(1.1,1.1); /* Opera */
				}

				.product .cpzs ul .swiper-slide .con {
					width: 100%;
				}

					.product .cpzs ul .swiper-slide .con p {
						width: 100%;
						font-size: 15px;
						line-height: 25px;
						height: 25px;
					}


	.product .cpzss {
		display: none;
	}

		.product .cpzss ul {
			display: none;
			width: 100%;
		}

			.product .cpzss ul:first-child {
				display: block;
			}

			.product .cpzss ul li {
				width: 25%;
				float: left;
			}

				.product .cpzss ul li a {
					width: 95%;
					display: block;
					margin: auto;
					border-bottom: 2px solid #070707;
				}

				.product .cpzss ul li .pic {
					width: 100%;
					height: 205px;
					margin: auto;
					margin-bottom: 5px;
					overflow: hidden;
					text-align: center;
					position: relative;
					box-shadow: 0px 0px 15px #e1e1e1;
					display: flex;
					align-items: center;
					display: -webkit-flex;
					-webkit-align-items: center;
					display: -ms-flex;
					-ms-align-items: center;
				}

					.product .cpzss ul li .pic img {
						width: 100%;
						max-height: 100%;
						margin: auto;
						transition: 0.9s;
					}

				.product .cpzss ul li:hover .pic img {
					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); /* Safari 和 Chrome */
					-o-transform: scale(1.1,1.1); /* Opera */
				}

				.product .cpzss ul li .con {
					width: 100%;
				}

					.product .cpzss ul li .con p {
						width: 100%;
						font-size: 15px;
						line-height: 25px;
						height: 25px;
					}



#goTopBtn {
	display: none;
}



#indexfooter {
	width: 100%;
	background: #204871;
	padding-top: 75px;
	padding-bottom: 33px;
}

	#indexfooter .footer {
		border-bottom: 1px solid #999;
	}

	#indexfooter .footer_nav {
		margin-bottom: 38px;
	}

		#indexfooter .footer_nav .nav {
			float: left;
		}

			#indexfooter .footer_nav .nav li {
				float: left;
				margin-right: 40px;
				font-size: 16px;
				color: #fff;
			}

				#indexfooter .footer_nav .nav li a {
					display: block;
					font-size: 16px;
					color: #fff;
				}

				#indexfooter .footer_nav .nav li .nav_son {
					margin-top: 25px;
				}

					#indexfooter .footer_nav .nav li .nav_son a {
						display: block;
						line-height: 25px;
						color: #fff;
						font-size: 13px;
					}

	#indexfooter .footer_nav_right {
		float: right;
		line-height: 25px;
		color: #fff;
	}

		#indexfooter .footer_nav_right p {
			font-size: 15px;
			color: #fff;
			margin-bottom: 15px;
		}

		#indexfooter .footer_nav_right span {
			font-size: 14px;
			color: #fff;
			line-height: 25px;
		}

		#indexfooter .footer_nav_right .link {
			margin-top: 50px;
		}

		#indexfooter .footer_nav_right select {
			width: 190px;
			height: 41px;
			float: right;
		}

		#indexfooter .footer_nav_right .link span {
			width: 95px;
			float: right;
			height: 41px;
			display: block;
			background: #49bf8b;
			text-align: center;
			line-height: 41px;
			color: #fff;
		}

	#indexfooter .footer_bottom {
		margin-top: 20px;
	}

		#indexfooter .footer_bottom .left {
			float: left;
			margin-top: 95px;
			color: #fff;
		}

			#indexfooter .footer_bottom .left a {
				color: #fff;
			}

		#indexfooter .footer_bottom .right {
			float: right;
		}

			#indexfooter .footer_bottom .right ul li {
				float: right;
				margin-right: 20px;
			}

			#indexfooter .footer_bottom .right img {
				display: block;
			}

			#indexfooter .footer_bottom .right p {
				display: block;
				color: #fff;
				text-align: center;
				margin-top: 15px;
			}




#nyindexfooter {
	background: #f8f8f8;
	margin-top: 22px;
}

	#nyindexfooter .footer {
		padding-top: 50px;
		padding-bottom: 50px;
	}

		#nyindexfooter .footer .left {
			float: left;
		}

			#nyindexfooter .footer .left p {
				font-size: 22px;
				color: #333;
				margin-bottom: 20px;
			}

			#nyindexfooter .footer .left .ul_1 {
				float: left;
				line-height: 33px;
			}

			#nyindexfooter .footer .left .ul_2 {
				float: left;
				margin-left: 25px;
				line-height: 33px;
			}

		#nyindexfooter .footer .right {
			float: right;
		}

			#nyindexfooter .footer .right img {
				float: right;
				display: block;
			}

			#nyindexfooter .footer .right p {
				float: right;
				display: block;
				margin-top: 95px;
			}

	#nyindexfooter .footer_bottom {
		background: #204871;
		line-height: 50px;
	}

		#nyindexfooter .footer_bottom .left {
			font-size: 13px;
			color: #fff;
		}

			#nyindexfooter .footer_bottom .left a {
				color: #fff;
			}



/*.zxyy .footReturn{ width: 300px;background: #ffffff;margin:50px auto 50px auto; height: 50px;}*/
.footReturn input {
	width: 70%;
	height: 46px;
	margin-top: 40px;
	color: #ffffff;
	border: none;
	background: #e98f31;
}

	.footReturn input:hover {
		border-radius: 5px;
	}




#indexbanquan {
	background: #151515;
	width: 100%;
	overflow: hidden;
	line-height: 25px;
	padding: 5px 0px;
	font-size: 12px;
}

	#indexbanquan .banqua {
		color: #656464;
	}

		#indexbanquan .banqua a {
			color: #656464;
		}

	#indexbanquan .banqua2 {
		display: none;
	}

	#indexbanquan .banqua2 {
		color: #656464;
		line-height: 200%;
	}

		#indexbanquan .banqua2 a {
			color: #656464;
			line-height: 200%;
		}


.indexbanquan {
	background: #f5f5f5;
}









.inset {
	width: 100%; /*background:#f8f8f8;*/
	padding-bottom: 50px;
}

#ne_nav {
	width: 100%;
	height: 40px;
}

	#ne_nav p {
		line-height: 40px;
		font-size: 30px;
		color: #333;
		font-weight: lighter;
		background: url(../images/home.png) no-repeat left center;
	}



.col {
	width: 100%;
	float: right;
	min-height: 300px;
	line-height: 220%;
}

	.col h2 {
		text-align: center;
		font-weight: normal;
		color: #000;
		line-height: 60px;
	}

	.col h3 {
		text-align: center;
		font-weight: normal;
		font-size: 12px;
		line-height: 40px;
	}

	.col img {
		max-width: 100%;
		margin-bottom: 10px;
	}



.maintit {
	text-align: center;
	margin-top: 60px;
}

	.maintit p {
		font-size: 30px;
		color: #333;
		font-weight: lighter;
		margin-bottom: 10px;
	}

	.maintit span {
		font-size: 16px;
		color: #999;
		text-transform: uppercase;
	}

.son_nav {
	margin-top: 25px;
	text-align: center;
}

	.son_nav a {
		padding: 0px 20px;
		height: 45px;
		line-height: 45px;
		border-radius: 2px;
		border: 1px solid #dcdcdc;
		color: #333;
		display: inline-block;
		margin: 0px 10px;
		transition: color 0s;
	}

		.son_nav a.active {
			background: #008b92;
			color: #fff;
			border: 1px solid #008b92;
		}

		.son_nav a:hover {
			background: #008b92;
			color: #fff;
			border: 1px solid #008b92;
		}


.pxxm {
	width: 100%;
	float: right;
	min-height: 450px;
	overflow: hidden;
}

	.pxxm ul {
		margin: 0px 2px;
	}

		.pxxm ul li {
			width: 25%;
			height: 230px;
			float: left;
			margin-bottom: 22px;
			position: relative;
			overflow: hidden;
		}

			.pxxm ul li .zhezhao {
				transition: 0.6s;
				position: absolute;
				width: 90%;
				height: 90%;
				background: rgba(31,113,162,0.8);
				top: 100%;
				left: 5%;
			}

				.pxxm ul li .zhezhao p {
					font-size: 21px;
					color: #fff;
					line-height: 30px;
					position: absolute;
					left: 50%;
					top: 50%;
					width: 90%;
					transform: translate(-50%,-50%);
				}

			.pxxm ul li:hover .zhezhao {
				top: 5%;
			}

			.pxxm ul li a {
				width: 95%;
				height: 230px;
				display: block;
				margin: auto;
			}

			.pxxm ul li .pic {
				width: 100%;
				height: 230px;
				overflow: hidden;
				display: flex;
				align-items: center;
				display: -webkit-flex; /* Safari */
				-webkit-align-items: center; /* Safari 7.0+ */
			}

				.pxxm ul li .pic img {
					width: 100%;
					height: 100%;
					margin: auto;
					transition: 0.3s
				}

			.pxxm ul li p {
				width: 100%;
				text-align: center;
				line-height: 60px;
				height: 60px;
				overflow: hidden;
				color: #000;
				font-size: 14px;
			}

			.pxxm ul li .des {
				font-size: 12px;
				height: 36px;
				line-height: 18px;
				margin-top: 12px;
				padding: 0 3px;
				color: #666;
			}


.xwzx ul li {
	width: 33.33%;
	float: left;
	margin-bottom: 21px;
	overflow: hidden;
}

	.xwzx ul li a {
		width: 92%;
		display: block;
		margin: auto;
	}

		.xwzx ul li a .pic {
			width: 100%;
			height: 229px;
			overflow: hidden;
		}

			.xwzx ul li a .pic img {
				width: 100%;
			}

		.xwzx ul li a .conn {
			width: 100%;
			height: 60px;
			margin: 10px auto;
		}

			.xwzx ul li a .conn .date {
				height: 60px;
				width: 20%;
				float: left;
				border-right: 1px solid #dcdcdc;
			}

				.xwzx ul li a .conn .date p.p1 {
					font-size: 28px;
					text-align: center;
					color: #666;
				}

				.xwzx ul li a .conn .date p {
					font-size: 12px;
					text-align: center;
					color: #999;
					margin-top: 8px;
				}

			.xwzx ul li a .conn .connn {
				width: 80%;
				float: right;
			}

				.xwzx ul li a .conn .connn p.tt {
					font-size: 14px;
					color: #666;
					width: 90%;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
				}

				.xwzx ul li a .conn .connn p {
					font-size: 12px;
					color: #999;
					margin-top: 12px;
					text-indent: 15px;
					width: 90%;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
				}

		.xwzx ul li a .more {
			width: 93%;
			margin: auto;
			border-top: 1px solid #dcdcdc;
			height: 40px;
			line-height: 40px;
		}

			.xwzx ul li a .more span {
				font-size: 20px;
				float: right;
			}

		.xwzx ul li a:hover {
			background: #2378a8;
		}

			.xwzx ul li a:hover .conn .date p.p1 {
				color: #fff;
			}

			.xwzx ul li a:hover .conn .date p {
				color: #47a7dd;
			}

			.xwzx ul li a:hover .conn .connn p {
				color: #fff;
			}

			.xwzx ul li a:hover .more p {
				color: #fff;
			}

			.xwzx ul li a:hover .more span {
				color: #fff;
			}



.xwlb {
}

	.xwlb ul {
		margin: auto;
	}

		.xwlb ul li {
			background: #ffffff;
			transition: 0.6s;
			padding: 25px 0px;
			border-radius: 2px;
			margin-bottom: 2px;
			border-bottom: 2px solid #f8f8f8;
			overflow: hidden;
		}

			.xwlb ul li a {
				margin: auto;
				display: block;
				overflow: hidden;
				position: relative;
			}

			.xwlb ul li .tt {
				width: 70%;
				float: left;
				transition: 0.6s;
				font-size: 16px;
				line-height: 30px;
				color: #333333;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}

			.xwlb ul li .date {
				width: 25%;
				float: right;
				text-align: right;
				transition: 0.6s;
				font-size: 16px;
				line-height: 30px;
				color: #333333;
			}

			.xwlb ul li:hover .tt {
				text-indent: 20px;
				color: #265c81;
			}

			.xwlb ul li:hover .date {
				color: #265c81;
			}

	.xwlb .gomore {
		width: 100%;
		max-width: 600px;
		height: 84px;
		margin: auto;
		margin-top: 50px;
		border-radius: 42px;
		background: linear-gradient(to bottom, #fd2427,#9f0405);
		box-shadow: 0px 0px 10px #acacac;
	}

		.xwlb .gomore a {
			color: #ffffff;
			font-size: 26px;
			text-align: center;
			line-height: 84px;
			display: block;
			width: 100%;
		}






.online {
	width: 100%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

	.online form {
		padding-left: 150px;
	}

	.online .text {
		width: 381px;
		height: 38px;
		float: left;
		margin-bottom: 20px;
		margin-right: 25px;
	}

		.online .text input {
			width: 268px;
			height: 36px;
			border: 1px solid #c9c9c9;
			padding-left: 20px;
		}

		.online .text p {
			float: left;
			width: 76px;
			padding-right: 10px;
			line-height: 38px;
			padding-left: 5px;
		}

			.online .text p span {
				color: #eb0000;
				position: relative;
				top: 2px;
			}

	.online .con {
		width: 927px;
		height: 205px;
		float: left;
		margin-bottom: 20px;
	}

		.online .con textarea {
			padding: 20px;
			border: 1px solid #c9c9c9;
			height: 163px;
			width: 760px;
		}

		.online .con p {
			float: left;
			width: 81px;
			padding-right: 5px;
			line-height: 38px;
			padding-left: 5px;
		}

			.online .con p span {
				color: #eb0000;
				position: relative;
				top: 2px;
			}

	.online .verify {
		height: 38px;
		margin-bottom: 20px;
	}

		.online .verify p {
			float: left;
			width: 76px;
			padding-right: 10px;
			line-height: 38px;
			padding-left: 5px;
		}

			.online .verify p span {
				color: #eb0000;
				position: relative;
				top: 2px;
			}

		.online .verify input {
			width: 154px;
			height: 36px;
			border: 1px solid #c9c9c9;
			float: left;
			padding-left: 20px;
			margin-right: 10px;
		}

		.online .verify img {
			cursor: pointer;
		}

	.online .submit {
		width: 107px;
		height: 35px;
		color: #fff;
		cursor: pointer;
		background: #be252e;
		margin-left: 91px;
		float: left;
		border: none;
		margin-right: 47px;
	}

	.online .reset {
		width: 107px;
		height: 35px;
		color: #fff;
		cursor: pointer;
		background: #008b92;
		float: left;
		border: none;
	}





/*
.xwzx ul li a{width:100%;height:100%;display:block;padding:10px;}
.xwzx ul li .pic{float:left;width:20%;height:160px;text-align:center;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; -webkit-align-items: center; }
.xwzx ul li .pic img{width:100%;height:100%;transition:0.3s;}
.xwzx ul li .conn{margin-left:10%;width:60%;float:left;}
.xwzx ul li .conn .tt{font-size:16px;color:#333;margin-top:38px;width:100%;  text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.xwzx ul li .conn .des{height:73px;margin-top:12px;color:#999;line-height:25px;}
.xwzx ul li .conn .date{margin-top:12px;color:#999;line-height:25px;}
.xwzx ul li .conn .con{margin-top:12px;color:#999;line-height:25px;}
.xwzx ul li:hover{background:#fff;}
.xwzx ul li:hover .tt{color:#ff5f30;}
.xwzx ul li:hover .pic img{
	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); 	
}
.xwzx ul li:hover:after{width:100%;}
*/





/* .xgzl{width:100%;margin-top:20px;} */
/* .xgzl ul li{width:30%;margin-right:5%;float:left;height:60px;line-height:60px;margin-top:10px;} */
/* .xgzl ul li:nth-child(3n){margin-right:0%;} */
/* .xgzl ul li a{width:100%;height:100%;display:block;background:#f5f5f5;text-align:center;} */
/* .xgzl ul li:hover a{color:#fff;background:#4b4b4b;} */







.orientation {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 100%;
}

	.orientation .previous {
		float: left;
		width: 50%;
		overflow: hidden;
	}

	.orientation .next {
		float: right;
		width: 50%;
		overflow: hidden;
		text-align: right;
	}




.mypage {
	text-align: center;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
	overflow: hidden;
}

	.mypage span, .mypage a {
		display: inline-block;
		vertical-align: top;
		color: #a3bbcc;
		background: #f3f3f3;
		/*border: 1px solid #d35b52;*/
		padding: 5px 10px;
		margin: 5px;
	}

		.mypage span.current, .mypage a.current {
			background: #44adff;
			color: #fff;
		}





#sidenav {
	float: left;
	width: 20%;
}

	#sidenav .gy {
		margin-bottom: 10px;
	}

	#sidenav h2 {
		display: inline-block;
		font-weight: bold;
		border-bottom: 1px solid #e98f31;
		font-size: 22px;
		width: 100%;
		font-weight: lighter;
		height: 66px;
		line-height: 66px;
	}

		#sidenav h2:hover {
		}

	#sidenav .contact .con {
		border: 1px solid #dcdcdc;
		padding: 15px 19px;
		line-height: 200%;
		font-size: 12px;
	}

	#sidenav ul li {
		width: 100%;
		margin-bottom: 1px;
		text-align: center;
	}
		/*#sidenav ul .nv{text-indent:20px;font-size: 12px;}*/
		#sidenav ul li > a {
			height: 100%;
			width: 100%;
			display: block;
			position: relative;
			line-height: 50px;
			border-bottom: 1px solid #e98f31;
		}

		#sidenav ul li a:hover {
			background: #e98f31;
			color: white;
		}

		#sidenav ul li a.cur:hover {
			color: #fff;
		}

		#sidenav ul li.cur {
			color: #e98f31;
		}

		#sidenav ul li a.cur {
			color: #e98f31
		}

	#sidenav ul .navson {
		text-align: left;
		text-indent: 45px;
	}


.lxwmconn {
	display: none;
}

.catelist {
	width: 100%;
	overflow: hidden;
	padding-top: 45px;
	padding-bottom: 50px; /*background:#f8f8f8;*/
}

	.catelist .pro_tit {
		margin-bottom: 40px;
	}

		.catelist .pro_tit p {
			font-size: 14px;
			text-align: center;
			color: #666;
			text-transform: uppercase;
		}

			.catelist .pro_tit p.tt {
				font-size: 28px;
				text-align: center;
				color: #333;
				margin-bottom: 8px;
			}

.calist {
	width: 100%;
}

.catelist ul {
	position: relative;
	display: flex;
	justify-content: center;
}

	.catelist ul li {
		display: inline-block;
		border: 1px solid #e5e5e5;
		margin-right: 12px;
		height: 40px;
		line-height: 40px;
		padding: 0 35px;
	}

		.catelist ul li:last-child {
			margin-right: 0px;
		}

		.catelist ul li a {
			font-size: 15px;
			color: #666;
			transition: 0.6s;
			cursor: pointer;
		}

		.catelist ul li.cur {
			border: 1px solid #1e6d9c;
		}

			.catelist ul li.cur a {
				color: #1e6d9c;
			}

/*招贤纳士*/
.recruit {
	min-height: 450px;
}

	.recruit .mt {
		height: 50px;
		line-height: 50px;
		background: #f9f9f9;
	}

		.recruit .mt p {
			float: left;
			text-align: center;
			width: 14%;
			color: #333;
		}

		.recruit .mt .t1 {
			width: 30%;
		}

	.recruit .mc {
		background: #fff;
	}

		.recruit .mc .tbox {
			width: 100%;
			overflow: hidden;
			position: relative;
			border: solid 1px transparent;
			transition: all 0.35s linear;
			-webkit-transition: all 0.35s linear;
		}

		.recruit .mc .list {
			height: 45px;
			line-height: 45px;
			cursor: pointer;
		}

			.recruit .mc .list p {
				float: left;
				text-align: center;
				width: 14%;
			}

			.recruit .mc .list .t1 {
				width: 30%;
			}

			.recruit .mc .list a:hover {
				color: #db7f3c;
			}

		.recruit .mc .tbox.active, .recruit .mc .tbox:hover {
			border-color: #db7f3c;
			box-shadow: 0 0 5px rgba(49, 146, 63, 0.35);
		}

		.recruit .mc .tbox .con {
			width: 100%;
			line-height: 2em;
			padding: 1em 30px 2em;
			display: none;
			border-top: 1px solid #ebebeb;
		}




.company {
	padding-top: 52px;
	overflow: hidden;
}

	.company .con {
		height: 100%;
		overflow: hidden;
		margin-top: 24px;
		padding: 0px 10px;
		line-height: 35px;
	}

	.company .more {
		width: 110px;
		height: 43px;
		border: 1px solid #d2d2d2;
		position: relative;
		margin: auto;
		padding-left: 42px;
		line-height: 43px;
		color: #dd551b;
		cursor: pointer;
		background: url(../images/down.png) no-repeat 107px center;
		top: 23px;
	}

		.company .more:before {
			content: "";
			position: absolute;
			width: 0;
			height: 100%;
			background: #dd551b;
			top: 0px;
			left: 0px;
			z-index: -1;
			transition: all 0.65s ease 0s;
			-ms-transform: all 0.65s ease 0s; /* IE 9 */
			-moz-transform: all 0.65s ease 0s; /* Firefox */
			-webkit-transform: all 0.65s ease 0s; /* Safari 和 Chrome */
			-o-transform: all 0.65s ease 0s; /* Opera */
		}

		.company .more:hover {
			border: 1px solid #dd551b;
			color: #fff;
			background: url(../images/down_hover.png) no-repeat 107px center;
		}

			.company .more:hover:before {
				width: 100%;
			}

	.company .you {
		margin-top: 40px;
	}

		.company .you .detail {
			width: 25%;
			text-align: center;
			float: left;
		}

			.company .you .detail p {
				font-size: 80px;
				color: #dd551b;
				margin-bottom: 30px;
			}

			.company .you .detail:hover span {
				color: #dd551b;
			}

			.company .you .detail:hover p {
				transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				-o-transform: rotate(360deg);
			}


.honor {
	padding-top: 60px;
	width: 100%;
	height: 480px;
	background: url(../images/bggg.jpg) no-repeat center;
	background-size: 100%;
	overflow: hidden;
}

	.honor .con {
		margin-top: 45px;
		position: relative;
	}

		.honor .con .box {
			width: 100%;
			height: 269px;
			overflow: hidden;
		}

		.honor .con ul {
			width: 99999px;
			height: 269px;
		}

			.honor .con ul li {
				float: left;
				width: 330px;
				height: 100%;
			}

				.honor .con ul li .pic {
					width: 330px;
					height: 209px;
					overflow: hidden;
					display: block;
				}

					.honor .con ul li .pic:hover img {
						transform: scale(1.1);
						-webkit-transform: scale(1.1);
						-moz-transform: scale(1.1);
						-o-transform: scale(1.1);
					}

				.honor .con ul li .title {
					width: 279px;
					height: 60px;
					text-align: center;
					line-height: 60px;
				}

		.honor .con .prev {
			position: absolute;
			width: 30px;
			height: 45px;
			background: url(../images/prev.png) no-repeat center;
			left: -40px;
			top: 86px;
			cursor: pointer;
		}

		.honor .con .next {
			position: absolute;
			width: 30px;
			height: 45px;
			background: url(../images/next.png) no-repeat center;
			right: -40px;
			top: 56px;
			cursor: pointer;
		}

	.honor .con1 {
		display: none;
	}

.patent {
	padding-bottom: 100px;
	overflow: hidden;
}

	.patent .con {
		margin-top: 60px;
	}


.case_case {
	padding-bottom: 50px;
	height: 100%;
	overflow: hidden;
}

	.case_case ul li {
		width: 25%;
		float: left;
		height: 240px;
	}

		.case_case ul li .pic {
			width: 90%;
			margin: auto;
			height: 200px;
			overflow: hidden;
		}

		.case_case ul li img {
			height: 100%;
			display: block;
			margin: auto;
			width: 100%;
		}

		.case_case ul li p {
			text-align: center;
			line-height: 40px;
		}

.cate_tit {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

	.cate_tit .tt {
		font-size: 24px;
		color: #000;
		text-align: center;
	}