@charset "utf-8";
/* CSS Document */

body {
	background: #fafafa;
}
a {
	text-decoration: none
}
.head_frame {
	width: 100%;
	height: 50px;
	margin-bottom: 0px;
}
.header_img {
	/*	min-width: 1280px;
	min-height: 444px;*/
	width: 100%;
	/*	height:auto;*/
/*	border:1px blue solid;*/
	margin: 0px auto;
	background: url(../img/plant_banner.jpg) no-repeat center center;
	background-size: cover;
}
.cqbrief {
	width: 1220px;
	height: 402px;
	position: relative;
	text-align: center;
	/*	border:1px red solid;*/
	margin: 65px auto 0px auto;
}
.cqbrief h2, .digital h2 {
	font-size: 30px;
	color: #454545;
	font-weight: normal;
	margin-bottom: 0px;
}
.cqbrief h5, .digital h5 {
	font-size: 14px;
	color: #656565;
	font-weight: 100;
	margin-bottom: 0px;
}
.cqbrief .context {
	text-align: left;
	position: absolute;
	/*	border:1px blue solid;*/
	font-size: 12px;
	color: #656565;
	width: 600px;
	height: 240px;
	top: 100px;
	overflow: hidden;
	padding: 25px 0px 5px 10px;
}
.cqbrief span {
	color: #649B1C;
	font-weight: bold;
}
.cqbrief .img1 {
	position: absolute;
	width: 500px;
	height: 215px;
	top: 130px;
	right: 10px;
	/*	border:1px blue solid;*/
	background: url(../img/cq_portrait.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.cqbrief .img2 {
	position: absolute;
	width: 240px;
	height: 215px;
	top: 365px;
	right: 10px;
	/*	border:1px blue solid;*/
	background: url(../img/office_sh2.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.cqbrief .img3 {
	position: absolute;
	width: 240px;
	height: 215px;
	top: 365px;
	right: 270px;
	/*	border:1px blue solid;*/
	background: url(../img/office_sh3.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
/*认证列表*/
.iso {
	width: 1220px;
	height: 313px;
	border-radius: 6px;
	border: 1px #dbdbdb solid;
	margin: 0px auto 0px auto;
	list-style-type: none;
	overflow: hidden;
}
.div_pic {
	width: 805px;
	height: 252px;
	/*	border:1px red solid;*/
	float: left;
	background: url(../img/drums.jpg) left center no-repeat;
	background-size: 800px 252px;
	overflow: hidden;
}
.div_up, .div_down {
	width: 410px;
	height: 125px;
	float: left;
	overflow: hidden;
	list-style-type: none;
	margin-left: 2px;
}
.div_up li, .div_down li {
	width: 100px;
	height: 100px;
	float: left;
}
.text1, .text2, .text3, .text4, .text5, .text6, .text7, .text8 {
	width: 100px;
	height: 25px;
	text-align: center;
	font-size: 10px;
	color: #656565;
	line-height: 25px;
	border-left: 1px solid #dbdbdb;
}
.text1, .text5 {
	border-left: none;
}

.cert1, .cert2, .cert3, .cert4, .cert5, .cert6, .cert7, .cert8 {
	border-right: 1px #dbdbdb solid;
	border-bottom: 1px #dbdbdb solid;
	position:relative;
}
.cert4, .cert8 {
	border-right:none;
}
.cert5 {
	border-top: 1px #dbdbdb solid;
}
.cert6 {
	border-top: 1px #dbdbdb solid;
}
.cert7 {
	border-top: 1px #dbdbdb solid;
}
.cert8 {
	border-top: 1px #dbdbdb solid;
}



.cert1 img, .cert2 img, .cert3 img, .cert4 img, .cert5 img, .cert6 img, .cert7 img, .cert8 img {
	width:80px;
	height:80px;
	position:absolute;
	left:50%;
	margin-left:-40px;
	top:50%;
	margin-top:-40px;
}

/*内酯产品列表*/

.lactones {
	background-color: #fff;
	width: 1220px;
	height: 463px;
	border: 1px #dbdbdb solid;
	margin: 35px auto;
	border-radius: 6px;
	list-style-type: none;
	overflow: hidden;
}
.lactone1, .lactone2, .lactone3, .lactone4, .lactone5, .lactone6, .lactone7, .lactone8 {
	width: 304px;
	height: 200px;
	border-right: 1px #dbdbdb solid;
	position: relative;
	float: left;
	background: url(../img/border_quotation.jpg) no-repeat center center;
}
.lactone4, .lactone8 {
	border-right: none;
}
.lactone1, .lactone2, .lactone3, .lactone4 {
	border-bottom: 1px #dbdbdb solid;
}
.photo_plant {
	background-color: #fff;
	width: 1220px;
	height: 983px;
	border: 1px #dbdbdb solid;
	margin: 0px auto;
	border-radius: 6px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}
.note1, .note2, .note3, .note4, .note5, .note6, .note7, .note8 {
	width: 150px;
	height: 100px;
	/*	border-right:1px #dbdbdb solid;
	border-bottom:1px #dbdbdb solid;	*/	
	position: relative;
	float: left;
	color: #fff;
	margin: 0 1px;
	background-size: 150px 100px;
	font-size: 12px;
}
.note1 {
	background: url(../img/zoteq/plantoffice.mini.1.jpg) no-repeat center center;
	margin-left: 0px;
	margin-right: 2px;
}
.note2 {
	background: url(../img/zoteq/plantguard.mini.2.jpg) no-repeat center center;
}
.note3 {
	background: url(../img/zoteq/innerworkshop.mini.3.jpg) no-repeat center center;
}
.note4 {
	background: url(../img/zoteq/outsideworkshop.mini.4.jpg) no-repeat center center;
/*	width: 151px;*/
}
.note5 {
	background: url(../img/zoteq/DGwarehouse.mini.5.jpg) no-repeat center center;
	width: 151px;
}
.note6 {
	background: url(../img/zoteq/watertreatment.mini.6.jpg) no-repeat center center;
	width: 151px;
}
.note7 {
	background: url(../img/zoteq/rosegarden.mini.7.jpg) no-repeat center center;
	width: 151px;
}
.note8 {
	background: url(../img/zoteq/innerroad.mini.8.jpg) no-repeat center center;
	margin-right: 0px;
	width: 150px;
}
.mask {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	background-color: #000;
    /*border:1px solid blue;*/
	opacity: 0.5;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100px;
	z-index: 1;
}

.mark {
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:20px;
	z-index:2;
	position: absolute;
	bottom:0px; left:0px;
	color:white;
    background-color:transparent;
}

.mark p{
display:block;
}


.note1:hover, .note2:hover, .note3:hover, .note4:hover, .note5:hover, .note6:hover, .note7:hover, .note8:hover {
	cursor: pointer;
}
.mask_down {
	opacity: 0;
}
.pic_main {
	width: 10985px;
	height: 813px;
	float: left;
	position: absolute;
	top: 172px;
}
.pic_main img {
	float: left;
}


.mark_on{
display:none;	
}

.map_plant{
	background-color: #fff;
	width: 1220px;
	height: 680px;
	border: 1px #dbdbdb solid;
	margin: 35px auto;
	border-radius: 6px;
	list-style-type: none;
	overflow: hidden;
	position: relative;	
}

.map {
	width:1220px; height:620px;
	background: url(../img/zoteq/plant_map.jpg) no-repeat;
	background-size: 1220px 620px;
	position:relative;
}

.green img, .pink img {
	width:40px; height:40px;
	position:absolute;
	top:325px; left:835px;
}

.pink img{
	top:10px; left:1190px;
}

.cqbriefhp {
	width: 1220px;
	position: relative;
	text-align: center;
	/*	border:1px red solid;*/
	margin: 65px auto 0px auto;
}
.cqbriefhp h2, .digital h2 {
	font-size: 30px;
	color: #454545;
	font-weight: normal;
	margin-bottom: 0px;
}
.cqbriefhp h5, .digital h5 {
	font-size: 16px;
	color: #656565;
	font-weight: 100;
	margin-bottom: 0px;
}
.cqbriefhp .context {
	text-align: left;
	/*	border:1px blue solid;*/
	font-size: 14px;
    width:1220px;
	color: #656565;
	top: 100px;
	overflow: hidden;
	padding: 25px 0px 5px 10px;
}