body {
	background: #ffffff;
}

.subban {
	width: 100%;
	/* height: 240px; */
	overflow: hidden;
	display: flex;
	/* padding: 0 6%; */
	/* background-size: 350%; */
}

	.subban img {
		width: 100%;
		/* height: auto; */
	}

	.subban .subban-img-p {
		display: none;
	}

/* menu_box */
.menu_box {
	width: 1200px;
	height: 40px;
	padding: 0px 20px;
	border-bottom: 1px dashed #dcdcdc;
	margin: auto;
}

	.menu_box .left {
		display: block;
		width: calc(50% - 35px);
		height: 100%;
		float: left;
		padding-left: 35px;
		background: url("../images/menu_img.png") no-repeat left center;
		background-size: auto auto;
		line-height: 40px;
		font-size: 14px;
		color: #999999;
	}

		.menu_box .left > a {
			font-size: 14px;
			color: #999999;
		}

			.menu_box .left > a:hover {
				color: #1f55ab;
			}

	.menu_box .right {
		display: block;
		width: 50%;
		height: 100%;
		float: right;
		text-align: right;
	}

		.menu_box .right > li {
			display: inline-block;
			padding-left: 10px;
			line-height: 40px;
			position: relative;
			margin: 0px -4px;
			margin-left: 20px;
		}

			.menu_box .right > li::after {
				content: '';
				display: block;
				width: 4px;
				height: 4px;
				background: #cccccc;
				position: absolute;
				left: 0px;
				top: 50%;
				margin-top: -2px;
			}

			.menu_box .right > li > a {
				display: block;
				font-size: 14px;
				color: #444444;
			}

			.menu_box .right > li:hover::after {
				background: #1f55ab;
			}

			.menu_box .right > li:hover > a {
				color: #1f55ab;
			}

		.menu_box .right .hover::after {
			background: #1f55ab;
		}

		.menu_box .right .hover > a {
			color: #1f55ab;
		}

.pagi_profile .detail-text {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
}

	.pagi_profile .detail-text > img {
		width: 100%;
	}

/* list-honor */
.list-honor {
	height: auto;
	overflow: hidden;
	margin-top: 35px;
}

	.list-honor > a {
		display: block;
		width: 285px;
		/* height: 430px; */
		float: left;
		overflow: hidden;
		margin-right: 20px;
		margin-bottom: 40px;
	}

		.list-honor > a:nth-child(4n+0) {
			margin-right: 0px;
		}

		.list-honor > a .img {
			width: 285px;
			height: 395px;
			overflow: hidden;
			margin-bottom: 10px;
		}

			.list-honor > a .img > img {
				width: 100%;
				height: 100%;
			}

		.list-honor > a > span {
			display: block;
			width: 100%;
			text-align: center;
			font-size: 18px;
			color: #666666;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}


	.list-honor.list-case a .img {
		width: 285px;
		/* height: 395px; */
		height: 248px;
		overflow: hidden;
		margin-bottom: 10px;
	}

/* contact */
.contact .map {
	display: block;
	width: calc(100% - 20px);
	height: 280px;
	padding: 9px;
	border: 1px solid #dcdcdc;
	overflow: hidden;
	margin-top: 35px;
	margin-bottom: 23px;
}

.contact .info {
	/* width: calc(100% - 60px); */
	overflow: hidden;
	padding-left: 15px;
}

	.contact .info > b {
		display: block;
		font-size: 24px;
		color: #444444;
		font-weight: normal;
		margin-bottom: 20px;
		line-height: 25px;
	}

		.contact .info > b > span {
			font-size: 12px;
			color: #444444;
		}

	.contact .info > ul {
		display: block;
		/* width: 100%; */
	}

		.contact .info > ul > li {
			float: left;
			padding-left: 25px;
			margin-right: 50px;
			font-size: 14px;
			color: #444444;
		}

/* product */
.product_ify {
	width: 1200px;
	height: auto;
	margin: auto;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 20px;
}

/* search_box */
.search_box {
	/* width: 950px; */
	width: 80%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 40px;
}

	.search_box .text {
		display: block;
		/* width: 758px; */
		width: calc(100% - 150px);
		/* height: 18px; */
		height: 40px;
		float: left;
		padding: 10px 20px;
		border: 1px solid #dcdcdc;
		font-size: 14px;
		color: #cccccc;
		margin-right: 10px;
		outline: none;
	}

	.search_box .submit {
		display: block;
		width: 140px;
		height: 40px;
		background: url("../images/search_button.png") no-repeat center center;
		background-size: 100% 100%;
		outline: none;
		border: 0;
	}


/* pro-class */
.pro-class {
	/* width: 380px; */
	width: 33%;
	overflow: hidden;
	float: left;
	height: 280px;
	padding: 0 15px 20px;
	padding-bottom: 100px;
	border-bottom: 1px dashed #dcdcdc;
	margin-bottom: 20px;
}

	.pro-class .a {
		display: block;
		/* width: 385px; */
		width: 100%;
		height: 260px;
		float: left;
		position: relative;
		overflow: hidden;
	}

		.pro-class .a img {
			display: block;
			/* width: 385px; */
			width: 100%;
			height: 260px;
		}

		.pro-class .a b {
			display: block;
			width: 200px;
			font-size: 36px;
			color: #444444;
			position: absolute;
			left: 30px;
			top: 56px;
			overflow: hidden;
			white-space: nowrap;
		}

			.pro-class .a b a {
				font-size: 36px;
				color: #444444;
			}

		.pro-class .a span {
			display: block;
			width: 200px;
			font-size: 24px;
			color: #cccccc;
			position: absolute;
			left: 30px;
			top: 122px;
			line-height: 30px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}

	.pro-class > ul {
		display: block;
		width: 792px;
		height: 260px;
		overflow: hidden;
		float: right;
	}

	.pro-class ul {
		position: absolute;
		top: 120px;
		left: 30px;
		width: calc(100% - 30px);
	}

	.pro-class > ul > li {
		display: block;
		width: 385px;
		height: 120px;
		position: relative;
		float: left;
		margin-right: 22px;
		margin-bottom: 20px;
	}

		.pro-class > ul > li:nth-child(2n+0) {
			margin-right: 0px;
		}

		.pro-class > ul > li:nth-child(3) {
			margin-bottom: 0px;
		}

		.pro-class > ul > li:nth-child(4) {
			margin-bottom: 0px;
		}

		.pro-class > ul > li > a {
			display: block;
			width: 100%;
			height: 100%;
			font-size: 36px;
			color: #444444;
		}

			.pro-class > ul > li > a > img {
				display: block;
				width: 385px;
				height: 120px;
			}

			.pro-class > ul > li > a > b {
				display: block;
				width: 160px;
				font-size: 24px;
				color: #444444;
				position: absolute;
				top: 40px;
				left: 53px;
			}

/* product_list */
.product_list {
	width: 1200px;
	height: auto;
	margin: auto;
	overflow: hidden;
}

	.product_list > a {
		display: block;
		width: 285px;
		height: 433px;
		overflow: hidden;
		float: left;
		margin-right: 20px;
		margin-bottom: 35px;
	}

		.product_list > a:nth-child(4n+0) {
			margin-right: 0px;
		}

		.product_list > a .img {
			width: 283px;
			height: 358px;
			border: 1px solid #eeeeee;
			margin-bottom: 20px;
		}

			.product_list > a .img > img {
				width: 100%;
				height: 100%;
			}

		.product_list > a > b {
			display: block;
			width: calc(100% - 40px);
			padding: 0px 20px;
			font-size: 18px;
			color: #716d6d;
			margin-bottom: 10px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.product_list > a > span {
			display: block;
			width: calc(100% - 40px);
			padding: 0px 20px;
			font-size: 14px;
			color: #999999;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

/* details */
.product_detail_box {
	width: 100%;
	/* height: 505px; */
	margin: auto;
	overflow: hidden;
	margin-bottom: 80px;
}

	.product_detail_box .attribute {
		width: 700px;
		height: 475px;
		padding-top: 30px;
		overflow: hidden;
		float: left;
	}

		.product_detail_box .attribute .text {
			width: 425px;
			height: 100%;
			overflow: hidden;
			float: left;
		}

			.product_detail_box .attribute .text > b {
				display: block;
				width: 100%;
				height: 62px;
				font-size: 24px;
				color: #444444;
			}

			.product_detail_box .attribute .text .parameter {
				display: block;
				width: 100%;
				height: 280px;
				overflow: hidden;
				margin-bottom: 20px;
			}

				.product_detail_box .attribute .text .parameter > h2 {
					width: 100%;
					line-height: 28px;
					color: #666666;
					font-size: 16px;
				}

				.product_detail_box .attribute .text .parameter > span {
					display: block;
					width: 100%;
					line-height: 28px;
					color: #8c8c8c;
					font-size: 14px;
					white-space: pre-wrap;
					margin-bottom: 20px;
				}

			.product_detail_box .attribute .text .img {
				width: 100%;
				height: 100px;
				overflow: hidden;
			}

			.product_detail_box .attribute .text > div > img {
				display: block;
				float: left;
				width: 77px;
				height: 100px;
				margin-right: 10px;
			}

				.product_detail_box .attribute .text > div > img:last-child {
					margin-right: 0px;
				}

		.product_detail_box .attribute .tmall {
			width: 181px;
			height: auto;
			overflow: hidden;
		}

			.product_detail_box .attribute .tmall > a {
				display: block;
				width: 181px;
				height: 40px;
				margin-bottom: 20px;
				background: url("../images/tmall_img.png") no-repeat center center;
				background-size: 100% 100%;
			}

			.product_detail_box .attribute .tmall > div {
				/* width: calc(100% - 28px); */
				padding-left: 28px;
				overflow: hidden;
			}

				.product_detail_box .attribute .tmall > div > span {
					display: block;
					width: 56px;
					float: left;
					font-size: 14px;
					color: #999999;
				}

.product_detail_text {
	width: 100%;
	height: auto;
	margin: auto;
	overflow: hidden;
	margin-bottom: 90px;
}

	.product_detail_text .title {
		font-size: 18px;
		color: #444444;
		background: #fafafa;
		padding: 10px 20px;
		margin-bottom: 40px;
	}

	.product_detail_text .text {
		/* width: 100%; */
		padding: 0 15px;
		overflow: hidden;
	}

		.product_detail_text .text > img {
			width: 100%;
		}

.hot_list_box {
	width: 1200px;
	margin: auto;
	overflow: hidden;
	margin-bottom: 60px;
}

	.hot_list_box .title {
		display: block;
		width: 100%;
		height: auto;
		font-size: 30px;
		color: #444444;
		text-align: center;
		background: url('../images/line2.png') no-repeat center center;
		margin-bottom: 35px;
	}

	.hot_list_box .list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

		.hot_list_box .list > a {
			display: block;
			/* width: 190px; */
			width: 24%;
			float: left;
			/* margin-right: 12px; */
		}


			.hot_list_box .list > a:last-child {
				/* margin-right: 0; */
			}

			.hot_list_box .list > a .img {
				width: calc(100% - 2px);
				/* height: 238px; */
				height: 356px;
				border: 1px solid #eeeeee;
				overflow: hidden;
				margin-bottom: 15px;
			}

				.hot_list_box .list > a .img > img {
					width: 100%;
					height: 100%;
				}

			.hot_list_box .list > a > span {
				display: block;
				width: 100%;
				font-size: 14px;
				color: #444444;
			}

/* support */
/* .support_content{
	width: 1200px;
	overflow: hidden;
	margin: 60px auto 80px;
}
.support_content h3{
	color: rgb(0, 0, 0); font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
.support_content .support-q,.support_content .support-a{
	color: rgb(0, 0, 0); font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px;
	margin-bottom: 20px;
}
.support_content .support-q{
	font-weight: bold;
}
 */
/* trouble_box */
.trouble_box {
	width: 1200px;
	/* height: 740px; */
	overflow: hidden;
	margin: 60px auto 80px;
}



/* tab content */
.xinwen {
	width: 100%;
	position: relative;
	padding-top: 16px;
}

	.xinwen .titl {
		/* overflow: hidden; */
		/* height: 38px; */
		color: #000;
		/* background: #eeeeee; */

		width: 400px;
		float: right;
	}

		.xinwen .titl h3 {
			display: block;
			/* width: calc(100% - 40px); */
			height: 40px;
			padding: 0 20px;
			font-size: 18px;
			color: #444444;
			line-height: 40px;
			background: #fafafa;
			margin-bottom: 30px;
			/* margin: 20px 0; */
			/* padding-left: 15px; */
		}

		.xinwen .titl h4 {
			width: 100%;
			height: 38px;
			text-align: left;
			box-sizing: border-box;
			padding-left: 15px;
		}

			.xinwen .titl h4 a {
				background: none;
				display: block;
				width: calc(100% - 15px);
				padding-left: 15px;
				margin-bottom: 15px;
				text-align: left;
				font-size: 14px;
				color: #666666;
				position: relative;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

			.xinwen .titl h4.cur {
				height: 38px;
				color: #337ab7;
			}

				.xinwen .titl h4.cur a {
					text-decoration: none;
					color: #337ab7;
				}

					.xinwen .titl h4 a:hover,
					.xinwen .titl h4.cur a:hover {
						color: #337ab7;
					}

			.xinwen .titl h4 a::after {
				content: '';
				display: block;
				width: 0;
				height: 0;
				border-top: 6px solid transparent;
				border-left: 8px solid #cccccc;
				border-bottom: 6px solid transparent;
				position: absolute;
				top: 50%;
				margin-top: -6px;
				left: 0;
			}

			.xinwen .titl h4 a:hover {
				color: #1f55ab;
			}

				.xinwen .titl h4 a:hover::after {
					border-left: 8px solid #428acf;
				}

			.xinwen .titl h4.cur a::after {
				color: #1f55ab;
				border-left: 8px solid #428acf;
			}

.xwzx_wrb {
	overflow: hidden;
	float: left;
	/* width: 758px; */
	width: calc(100% - 420px);
	height: 688px;
	border: 1px solid #dcdcdc;
	float: left;
	overflow: hidden;
	background: #ffffff;
	padding: 20px;
	font-family: 微软雅黑, "Microsoft YaHei";
	font-size: 18px;
}

.scroller {
	overflow-y: scroll;
	overflow-y: auto;
	height: 100%;
}
/* detail */
.list_content {
	width: 100%;
	margin-top: 35px;
}

	.list_content > span {
		display: block;
		width: 100%;
		text-align: center;
	}

		.list_content > span > img {
			display: inline-block;
			max-width: 100%;
		}

	.list_content > div {
		width: 100%;
	}

@media (max-width:1200px) {

	/* detail-text */
	.detail-text {
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
	}

	/* list-honor */
	.list-honor {
		padding: 15px;
	}


		.list-honor a {
			display: block;
			/* width: 285px; */
			width: 47%;
			height: auto;
			/* height: 430px; */
			float: left;
			overflow: hidden;
			margin-right: 0;
		}

			.list-honor a:nth-child(2n) {
				float: right;
			}

		.list-honor > a .img {
			width: 100%;
			height: auto;
		}

		.list-honor.list-case a .img {
			height: 160px;
		}

	.contact .map {
		/* width: calc(100% - 20px); */
		height: 280px;
		padding: 0;
		border: 0;
	}

	/* product */
	.product_ify {
		width: 100%;
	}

	.pro-class {
		width: 100%;
	}

		.pro-class .a b {
			top: 30px;
		}

		.pro-class ul {
			top: 100px;
		}

			.pro-class ul li a {
				padding: 12px;
				display: block;
				float: left;
			}

	/* product_list */
	.product_list {
		width: 100%;
	}

		.product_list > a {
			width: 48%;
			margin-right: 0;
		}

			.product_list > a:nth-child(2n) {
				float: right;
			}

			.product_list > a .img {
				width: 100%;
			}

	.hot_list_box {
		width: 100%;
	}
	/* trouble_box */
	.trouble_box {
		width: 100%;
	}
}

@media screen and (max-width: 769px) {
	.subban .subban-img-p {
		display: block;
	}

	.subban .subban-img {
		display: none;
	}

	/* menu_box */
	.menu_box {
		padding: 0;
		width: auto;
	}

		.menu_box .left {
			display: none;
		}

		.menu_box .right {
			width: 100%;
			float: none;
			text-align: left;
		}
	/* list-honor */
	.list-honor > a > span {
		font-size: 16px;
	}

	/* product_list */
	.product_list {
		padding: 15px;
	}

		.product_list > a {
			width: 100%;
			margin-bottom: 0;
		}

	.pro-class .a b a {
		font-size: 24px;
	}

	/* .product_list>a .img {
	    width: 100%;
	} */
	/* product details */

	.hot_list_box .list {
		padding: 0 15px;
	}

		.hot_list_box .list > a {
			width: 48%;
			margin-bottom: 20px;
		}

			.hot_list_box .list > a .img {
				height: 180px;
				height: auto;
			}
	/* trouble_box */
	.trouble_box {
		margin: 0px auto 30px;
	}

	.xinwen .titl {
		width: 100%;
	}

	.xwzx_wrb {
		width: 100%;
		height: auto;
		border: 0;
		border-top: 1px solid #dcdcdc;
		/*float: left;
	    overflow: hidden;
	    background: #ffffff;
	    padding: 1px;*/
		/* font-family: 微软雅黑, "Microsoft YaHei"; */
		font-size: 16px;
	}
}


.pagination > li > a, .pagination > li > span {
	margin: 10px 16px;
	border-radius: 2px;
	color: #333;
}

	.pagination > li > a:focus,
	.pagination > li > a:hover,
	.pagination > li > span:focus,
	.pagination > li > span:hover {
		background-color: #003393;
		color: #FFFFFF;
	}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #003393;
	border-color: #003393;
	border-radius: 2px;
}

.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.mod_pagination {
	display: block;
	width: 100%;
	overflow: hidden;
	text-align: right;
}

	.mod_pagination li {
		display: inline-block;
	}

		.mod_pagination li a, .mod_pagination li span {
			color: #646464;
		}

.gobtn {
	float: right;
	display: inline-block;
	padding-left: 0;
	margin-top: 12px;
}

.gotext {
	width: 64px;
	height: 34px;
	color: #333;
	background-color: #fff;
	border: 1px solid #ddd;
	text-align: center;
	outline: none;
}

.btn {
	width: 43px;
	height: 34px;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box;
	border: solid 1px #ededed;
	text-align: center;
	line-height: 34px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

/* 24.3.22 */
.BtnBox {
	margin: 20px auto;
	position: relative;
	cursor: pointer;
	display: block;
	overflow: hidden;
}

	.BtnBox a:before {
		-webkit-animation: wave 1.3s infinite;
		animation: wave 1.3s infinite;
		border-radius: 50%;
		content: "";
		display: block;
		height: 0;
		left: 50%;
		padding-top: 100%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transition: all .6s;
		transition: all .6s;
		width: 100%;
		z-index: 1
	}

	.BtnBox a span {
		color: #fff;
	}

@-webkit-keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: rgba(0, 0, 0, 0);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

@keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: rgba(0, 0, 0, 0);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}