@charset "UTF-8";
/* CSS Document */
/* 图片自适应 */
			img {
				width: 100%;
				height: auto;
				border: none;
				width: auto\9;
				/* ie8 */
				display: block;
				-ms-interpolation-mode: bicubic;
				/*为了照顾ie图片缩放失真*/
			}

			/* 初始化 */
			body,
			div,
			ul,
			li,
			input,
			dl,
			dt,
			dd,
			a,
			img,
			button,
			section {
				margin: 0;
				padding: 0;
				font-size: 14px;
				-moz-user-select:none;
				-webkit-user-select:none;
				-ms-user-select:none;
				user-select:none;
				-webkit-touch-callout: none;
				font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
				-o-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}

			ul,
			li {
				list-style-type: none;
			}

			a,
			input{
				text-decoration: none;
			}
			/*垂直居中*/
			li,
			img,
			input {
				vertical-align: middle;
			}
			/*取消边线*/
			input,
			select,
			button {
				outline: none;
			}
			/* 移动端点击a链接出现蓝色背景问题解决 */
			a:link,a:active,a:visited,a:hover {
				background: none;
				-webkit-tap-highlight-color: rgba(0,0,0,0);
				-webkit-tap-highlight-color: transparent;
			}
			/*清除浮动*/
			.clearfix:after {
				content: "";
				display: block;
				visibility: hidden;
				height: 0;
				clear: both;
			}
			.clearfix {
				zoom: 1;
			}

			/*header*/
			.header * {
				transition: all 0.1s ease-in;
				-moz-transition: all 0.1s ease-in;
				-ms-transition: all 0.1s ease-in;
				-webkit-transition: all 0.1s ease-in;
			}

			.header{
				width: 100%;
				height: 40px;
				background-color: #4e4e4e;
				text-align: center;
				line-height: 40px;
				letter-spacing:2px;
			}
			.header span{margin-right: 20px;color: #fdfdfd;}

			.home-top{
				width: 100%;
				height: 150px;
			}
			.home-top .top-up{
				height: 100px;
				display: flex;
				justify-content: center;
			}

			/*logo*/
			.home-top .top-up .logo{
				width: 140px;
				height: 100px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.home-top .top-up .logo img{
				width: 100px;
				height: 68px;
			}

			/*官网名称*/
			.home-top .top-up .guanwang{
				margin:20px 10px 0;
				width: 250px;
				height: 66px;
				border-left:3px solid #358CE6;
				line-height: 66px;
				font-family: 微软雅黑;
				font-size:30px;
				padding: 0 10px;
				font-weight: bold;
			}

			/*搜索框*/
			form {position: relative;width: 400px;margin: 0 auto;}
			input, button {	border: none;	outline: none;}
			input {	width: 100%;	height: 42px;padding: 0 46px 0 13px;}
			button {	height: 42px;	width: 42px;	cursor: pointer;	position: absolute;}
			.search{line-height: 100px;margin-right: 50px;}
			.search input {	border: 2px solid #358CE6;	background: transparent;padding: 0 10px 0 10px;}
			.search button {	background: #358CE6;	width: 60px;	top: 30px;	right: 0;}
			.search button:before {	content: "搜索";	font-size: 13px;	color: #F9F0DA;}

			/*购物车*/
			.home-top .top-up .car{
				margin:32px 10px 0;
				width: 140px;
				height: 40px;
				border: 2px solid #f0f0f0;
				padding: 0 10px;
				display: flex;
				align-items: center;
			}
			.home-top .top-up .car .car-img{
				width: 20px;
				height: 20px;
				vertical-align: middle;
			}
			.home-top .top-up .car .comment{
				width: 33px;
				height: 18px;
				position:absolute;top: 1px;
			}

			.home-top .top-up .car .arrows{
				width: 10px;
				height: 10px;
				-moz-transform:scaleY(-1);
				-webkit-transform:scaleY(-1);
				-o-transform:scaleY(-1);
				transform:scaleY(-1);
			}
			.tip-num{position: relative;width: 35px;height: 38px;}

			.home-top .top-up .car .car-text{
				line-height: 20px;
				padding-left:2px;
				color: #424242;
			}
			.home-top .top-up .car .car-num{
				font-size: 10px;color: white;position: absolute;top:0;left: 5px;width: 22px;text-align: center;
			}

			/*分类*/
			.home-top .top-down{
				width: 1200px;
				height: 36px;
				margin: 14px auto 0;
				position: relative;
			}

			.home-top .top-down .category{
				width: 212px;
				height: 36px;
				background-color: #358CE6;
				position: relative;
				float: left;
			}

			/*全部分类*/
			.hamburger{
				width: 100%;
				height: 100%;
				position: relative;
				cursor: pointer;
			}

			.hamburger .linebox{
				width: 20px;
				height: auto;
				position: absolute;
				left: 10px;
				top: 10px;
			}

			.linebox .line{
				height: 2px;
				width: 20px;
				background: #fff;
			}

			.linebox .line + .line{
				margin-top: 5px;
			}

			.hamburger .name{
				font-size: 16px;
				line-height: 36px;
				color: #fff;
				text-align: center;
			}

			/* 左侧分类 */

			/* 默认隐藏 */
			.category .one-list{
				width: 212px;
				height: auto;
				background: #fff;
				position: absolute;
				top:36px;
				z-index: 10;
				display: none;
			}

			/* 鼠标挪动到全部商品分类时,显示 */
			.category:hover .one-list{
				display: block;
			}

			.one-list > ul{}

			.one-list > ul li{
				width: 212px;
				height: 36px;
				/*position: relative;*/
			}

			/* 设置默认顶底边框  颜色留白 */
			.one-list > ul li .one-row{
				width: 100%;
				height: 100%;
				padding: 5px 10px;
				z-index: 20;
				display: flex;
				align-items: center;
				cursor: pointer;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				position: relative;
			}

			/* 右侧用伪类 绝对定位 实现覆盖效果   默认距离右侧0 */
			.one-list > ul li .one-row:after{
				content: '';
				display: block;
				width: 1px;
				height: 35px;
				background: #fff;
				position: absolute;
				right: 0px;
				top: 0;
			}

			/* 左侧一级分类 鼠标滑过时, 改变边框颜色 */

			.one-list > ul li:hover .one-row{
				border-top: 1px solid #358CE6;
				border-bottom: 1px solid #358CE6;
			}

			/* 左侧一级分类 鼠标滑过时, 改变伪类右侧距离  -1  实现白色覆盖效果 */
			.one-list > ul li:hover .one-row:after{
				right: -1px;
			}

			.one-row .sma-img{
				width: 16px;
				height:16px;
			}

			.one-row span{
				font-size: 14px;
				line-height: 22px;
				margin-left: 6px;
			}

			/* 右侧二级分类 */

			/* 默认全部隐藏 */
			.two-list{
				width: 700px;
				height:auto;
				min-height: 300px;
				background: #fff;
				padding: 5px 10px;
				position: absolute;
				top: 0;
				left: 212px;
				z-index: 15;
				border: 1px solid #358CE6;
				display: none;
			}

			/* 当左侧一级分类li标签 鼠标滑过时, 仅改变该一级分类li标签下的 二级分类  显示 */
			.one-list > ul li:hover .two-list{
				display: block;
			}

			.two-list .out-li{
				width: 100%;
				height: auto;
				min-height: 35px;
				padding: 2px 0;
			}
			.two-list .out-li .list-title{
				width: 25%;
				font-size: 14px;
				line-height: 35px;
				color: #358CE6;
				float: left;
			}
			.two-list .out-li .list-cate{
				width: 95%;
				float: left;
				border-bottom: 1px dashed #dddddd;
				position: relative;
				padding: 0 0 0 30px;
			}

			.list-cate > img{
				width: 6px;
				float: left;
				position: absolute;
				left: 10px;
				top: 10px;
				z-index: 15;
			}

			.list-cate > a{
				display: block;
				height: 35px;
				line-height: 35px;
				font-size: 14px;
				padding: 0 10px;
				float: left;
				color: #666666;
				position: relative;
			}

			.list-cate > a:after{
				content: '';
				display: inline-block;
				height: 14px;
				border-right: 1px solid #ddd;
				position: absolute;
				right: 0;
				top: 11px;
			}

			.list-cate > a:last-child:after{
				border-color: #fff;
			}

			/*导航分类*/
			.home-top .top-down .cate-list{
				width: 988px;
				height: 36px;
				float: left;
			}

			.cate-list .item {
				height: 100%;
				padding: 0 28px;
				color: #000;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.3s ease-in-out;
			}

			.cate-list .item:hover{
				background: #358CE6;
				color: #fff;
			}

			/*banner*/
			.banner{
				width: 100%;
				height: auto;
				position: relative;
			}

			.banner .bantext ul{
				width: 1200px;
				height: 100%;
				margin: 0 auto;
			}

			.banner .bantext  ul li{
				width: 33.333333%;
				float: left;
				height: 100%;
				text-align: center;
				font-size: 24px;
				color: #2b2b2b;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.banner .bantext  ul li .w1,
			.banner .bantext  ul li .w3,
			.banner .bantext  ul li .w5{
				font-size: 34px;
				color: #e10a23;
			}

			.banner .bantext  ul li .w2,
			.banner .bantext  ul li .w4,
			.banner .bantext  ul li .w6{
				margin-left: 18px;
			}



			.banner .bantext  ul li:hover{
				background: #e10a23;
				color: #fff;
			}

			.banner .bantext  ul li:hover .w1,
			.banner .bantext  ul li:hover .w3,
			.banner .bantext  ul li:hover .w5{
				color: #fff;
			}

			/*公告通知*/
			.banner .notice{
				width: 775px;
				height: 20px;
				position: absolute;
				z-index: 8;
				transform: translate(-50%);
				left: 50%;
				background-color: rgb(43, 43, 43,0.1);
			}
			.banner .notice img{
				width: 15px;
				height: 15px;
				float: left;
				margin: 3px 5px;

			}
			.banner .notice span{
				color: #dddddd;
				font-size: 10px;
			}

			.banner .notice #dome{
				width: 700px;
				float: right;
				color: #dddddd;
				font-size: 10px;
				line-height: 20px;
				overflow:hidden;
				display: flex;
			}

			.banner .notice li{
				list-style:none;
				line-height:22px;
				white-space: nowrap;
				width: 700px;
				color: white;
			}

			/*客服*/
			.kefu{position: fixed;width: 100px;height: 100px;right:30px;}

			/*大背景*/
			.big-background{
				width: 100%;
				/*height: 4820px;*/
				padding-bottom: 0.4rem;
				/*background: url('../image/beijing.png') no-repeat;*/
				background-size: 100%;
			}

			/*标题下划线和其他*/
			.font-tit{font-family: 微软雅黑;font-size: 42px;color: #358CE6;font-weight: bold;}
			.yellow-line{width: 30px;height: 0;border: 0.2rem solid #FBDD00;display: block;margin: 10px 0;}
			.con-tit{padding-top:30px;}
			.white{color: white;}
			.pad-left{padding-left: 30px;}


			/*官网优势*/
			.big-background .advantage{
				width: 1200px;
				height: 400px;
				margin: 100px auto 0;
			}

			.advantage .advantage-list{
				margin-top: 40px;
			}
			.advantage .advantage-list ul{
				height:170px;
				border:1px solid #277fc9;
			}

			.advantage .advantage-list li{
				width: 14%;
				margin:0 35px;
				float: left;
				/*border-right: 2px solid #3283d5;*/
			}

			.advantage .advantage-list li:last-child{
				border-right: none;
			}

			.advantage .advantage-list img{

			}

			.advantage .advantage-list span{
				display: block;
				margin-left: 20px;
				font-size: 14px;
				color: #358CE6;
			}

			/*行业解决方案*/
			.big-background .scheme{
				width: 1200px;
				height: 550px;
				margin: 0px auto;
			}

			.scheme .advantage-list{
				margin-top: 40px;
			}

			.scheme ul{
				margin: 0 auto;
			}

			.scheme li{
				width: 25%;
				float: left;
				position: relative;
			}

			.scheme li span{
				display: block;
				background: #358CE6;
				width: 90px;
				height: 25px;
				line-height: 25px;
				border-radius: 30px;
				text-align: center;
				color: white;
				position: absolute;
				top: 400px;
				left: 60%;
			}


			/*产品中心*/
			.big-background .centre{
				width: 100%;
				height: 120px;
				background-image: url('../image/zhongxin.jpg');
				background-size: 100% 100%;
			}
			.big-background .centre img{
				width: 100%;
				height: 100px;
				object-fit:cover;
			}
			.big-background .centre .inner-left{
				width: 1200px;
				margin: 0 auto;
			}

			.big-background .equip{
				width: 1200px;
				margin: 0 auto;
			}

			.big-background .equip-outside{
				width: 100%;
				height: 626px;
				margin-bottom: 15px;
				border: 1px solid #b9d3ea;
			}

			.big-background .equip-outside .equip-left{
				width: 40%;
				height: 100%;
				float: left;
				/*padding-top: 30px;*/
			}

			.big-background .equip-outside .equip-left img{
				width:78%;
				height:67%;
				margin: 30px auto;
			}


			.big-background .equip-outside .equip-right{
				width: 60%;
				height: 100%;
				float: left;
				background-color: #fcfdff;
			}

			.big-background .equip-outside .equip-right li{
				width: 50%;
				height: 312px;
				float: left;
				text-align: center;
				font-size: 20px;
				color: #555555;
				background:url('https://shop.hach.com.cn/upload/20230402/1680401355262.png');
			}

			.big-background .equip-outside .equip-right li{
				width: 50%;
				height: 312px;
				float: left;
				text-align: center;
				font-size: 20px;
				color: #555555;
			}

			.big-background .equip-outside .equip-right span{
				padding: 0 30px;
			}

			.big-background .equip-outside .equip-right li img{
				width: 80%;
				height: 80%;
				margin: 0 auto;
			}

			.bj1{background-size: 100% 100%;}
			.bj2{background-size: 100% 100%;}
			.bj3{background-size: 100% 100%;}
			.bj4{background-size: 100% 100%;}
			.bj5{background-size: 100% 100%;}
			.line-b{border-bottom: 1px solid #c4d9ee;}
			.line-t{border-right: 1px solid #c4d9ee;}
			.line-r{border-right: 1px solid #c4d9ee;border-bottom: 1px solid #c4d9ee;}
			.line-l{border: none;}
			.xms{font-size:24px;}

			/*消息咨询*/
			.information{
				width: 100%;
				height: 530px;
				background-image: url('../image/foot.jpg');
				position: absolute;
			}

			.information .brand{
				width: 1200px;
				height: 70%;
				border: 2px solid #ccdae3;
				background-color: #ffffff;
				margin:5% auto;
				padding: 0 30px;
			}

.banner_bg {
  width: 100%;
  height: 210px;
  position: relative;
  margin: 457px auto 0 auto;
  background: #f6f6f6;
}

.bannerd {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.bannerd img {
  width: 120px;
}

.banner_txt {
  width: 980px;
  position: relative;
  margin: 0 auto;
  font-size: 30px;
  text-align: center;
  padding: 38px 0px 30px 0px;
}

.banner01 {
  position: absolute;
  top: 100px;
  left: -2px;
  width: 130px;
  height: 70px;
}

.banner01:hover {
  opacity: 0.8;
}

.banner01 a:hover {
  opacity: 0.8;
}

.banner02 {
  position: absolute;
  top: 100px;
  left: 124px;
  width: 130px;
  height: 70px;
}

.banner02:hover {
  opacity: 0.8;
}

.banner02 a:hover {
  opacity: 0.8;
}

.banner03 {
  position: absolute;
  top: 100px;
  left: 250px;
  width: 130px;
  height: 70px;
}

.banner03:hover {
  opacity: 0.8;
}

.banner03 a:hover {
  opacity: 0.8;
}

.banner04 {
  position: absolute;
  top: 100px;
  left: 375px;
  width: 130px;
  height: 70px;
}

.banner04:hover {
  opacity: 0.8;
}

.banner04 a:hover {
  opacity: 0.8;
}

.banner05 {
  position: absolute;
  top: 100px;
  left: 500px;
  width: 130px;
  height: 70px;
}

.banner05:hover {
  opacity: 0.8;
}

.banner05 a:hover {
  opacity: 0.8;
}

.banner06 {
  position: absolute;
  top: 100px;
  left: 627px;
  width: 130px;
  height: 70px;
}

.banner06:hover {
  opacity: 0.8;
}

.banner06 a:hover {
  opacity: 0.8;
}

.banner07 {
  position: absolute;
  top: 100px;
  left: 754px;
  width: 130px;
  height: 70px;
}

.banner07:hover {
  opacity: 0.8;
}

.banner07 a:hover {
  opacity: 0.8;
}

.banner08 {
  position: absolute;
  top: 100px;
  left: 880px;
  width: 130px;
  height: 70px;
}

.banner08:hover {
  opacity: 0.8;
}

.banner08 a:hover {
  opacity: 0.8;
}

.news_bg {
  width: 100%;
  height: 326px;
  position: relative;
  margin: 0 auto;
  background: #525455;
}

.news {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.news_tit01 {
  color: #ffffff;
  font-size: 16px;
  padding-bottom: 20px;
}

.news01 {
  color: #c4c4c4;
  font-size: 14px;
  line-height: 25px;
}

.news01 a {
  color: #c4c4c4;
}

.news01 a:hover {
  text-decoration: underline;
}

.news01:hover {
  text-decoration: underline;
}

.news_inf01 {
  width: 100px;
  position: absolute;
  top: 50px;
  left: 40px;
}

.news_inf02 {
  width: 100px;
  position: absolute;
  top: 50px;
  left: 240px;
}

.news_inf03 {
  width: 100px;
  position: absolute;
  top: 50px;
  left: 470px;
}

.news_inf04 {
  width: 100px;
  position: absolute;
  top: 50px;
  left: 670px;
}

.news_inf05 {
  width: 100px;
  position: absolute;
  top: 50px;
  left: 870px;
}

.footer_bg {
  width: 100%;
  height: 50px;
  position: relative;
  margin: 0 auto;
  background: #2a2b2c;
}

.footer {
  width: 1200px;
  position: relative;
  margin: 0 auto;
  color: #ffffff;
  font-size: 12px;
  text-align:center;
}