.zhi{ width: 100%; background: #f5f5f5;padding-bottom: 60px;}
.zhi .conOne{ padding-top: 46px;}
.zhi .conOne h3{ font-size: 36px; color: #333333; line-height: 54px;}
.zhi .conOne p{ font-size: 16px; color: #555555; margin-top: 14px; line-height: 34px;}
.zhi .tutwo{overflow: hidden; margin-top: 30px;}
.zhi .tutwo div{position: relative; overflow: hidden;padding-bottom: 27%; float: left;}
.zhi .tutwo div em{position: absolute; top: 0; left: 0; background-size: cover; background-position: center; background-repeat:no-repeat; width: 100%; height: 100%; }
.zhi .tutwo div:first-child{ width: 46.6%;}
.zhi .tutwo div:last-child{ width: 51.4%; float: right; }
.zhi .tutwo div:last-child em{position: absolute; top: 0; left: 0; background-size: cover; background-position: center; background-repeat:no-repeat; width: 100%; height: 100%;}
.zhi .tuthree{overflow: hidden; margin-top: 30px;background: url(../images/zqualitbg.jpg) no-repeat center center;background-size: cover;padding: 4% 10%;box-sizing: border-box;}
.zhi .tuthree div{ position: relative; overflow: hidden; float: left;width: 30%;}
.zhi .tuthree div img{width: 100%;}
.zhi .tuthree div:first-child img{width: 96%;}
.zhi .tuthree div:nth-child(2){margin: 0 5%;}
.zhi .zhi-jiang{ overflow: hidden; margin-top: 36px; margin-bottom: 10px;}
.zhi .zhi-jiang li{ float: left;width: 22%; margin-right: 1%;}
.zhi .zhi-jiang li em{ display: block; height: 168px; background-size: contain;  background-position: center; background-repeat:no-repeat; }
.zhi .zhi-jiang li span{ display: block; font-size: 16px; color: #555555; text-align: center; padding: 16px 0;}
.zhi .zhi-jiang li:nth-child(2){ width: 30%;}

.zhi hr{border: none; border-top: 1px #d3d4d4 solid;}
.zhi .time{ margin-top: 34px;}
.zhi .time li{ position: relative;background: url(../images/zhi01.png) no-repeat 130px 0px;}
.zhi .time li i{ float: left; font-size: 30px; color: #009adc; line-height: 30px; display: inline-block; margin-top: -8px;}
.zhi .time li span{ width: 84.6%; float: right; font-size: 16px; color: #555555; line-height: 30px;   box-sizing: border-box;  padding-bottom: 50px;margin-top: -8px;}
.zhi .time li::before{ content: ""; position: absolute; top: 13px; left: 137px; width: 1px; height: 100%; background: #cacaca;}
.zhi .time li::after{clear: both;content: ""; display: table;}
.zhi .time li:last-child::before{ height: 0;}

.zhi .guan{ overflow: hidden; margin-top: 34px; padding-bottom: 97px;}
.zhi .guan li{ width: 49.1%; padding-bottom: 27.4%; position: relative; float: left; background-repeat: no-repeat; background-size: cover;}
.zhi .guan li b{font-size: 48px; color: #fff; position: absolute; top: 16%; left: 9%;}
.zhi .guan li p{ position: absolute; top: 34%; left: 0; color: #fff; margin:0 9%; line-height: 32px; font-size: 16px;}
.zhi .guan li:last-child{ float: right;}

/*------质量管理2--------*/
.zhi .zhi-top{ overflow: hidden; padding-top: 60px;}
.zhi .zhi-pic{ width: 50%; height: 400px; float: left; overflow: hidden;}
.zhi .zhi-pic em{display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;transition: All 0.4s ease-in-out;}
.zhi .zhi-pic em:hover{transform: scale(1.1);}
.zhi-text{ width: 50%; height: 100%; background: #fff; float: left;height: 400px; padding: 54px 0 0 60px; box-sizing: border-box;}
.zhi-text h3{ font-size: 28px; color: #1a1a1a; position: relative; line-height: 36px; position: relative; display: inline-block;}
.zhi-text p{ font-size: 16px; color: #444444; margin-top: 24px; width: 88%;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-height: 30px;}
.zhi-text h3 span{ position: absolute; top: -10px; right: 21%;}

.zhi .zhi-cen{ margin-top: 30px; height: 465px;}
.zhi .zhi-cen .cen-left{ float: left; width: 50%;}
.zhi .cen-left .cen-pic{width: 100%; height: 260px; float: left; overflow: hidden;}
.zhi .cen-left .cen-pic em{display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;transition: All 0.4s ease-in-out;}
.zhi .cen-left .cen-pic em:hover{transform: scale(1.1);}
.zhi .cen-left .zhi-text{ width: 100%; height: 205px; padding-top: 36px;}
.zhi .cen-left .zhi-text p{-webkit-line-clamp:2;}
.zhi .cen-right{ margin-left: 30px; margin-top: -108px; width:44.7% !important;}
.zhi .cen-right .cen-pic{ height: 284px !important;}
.zhi .cen-right .zhi-text{ height: 288px; position: relative;}
.zhi .cen-right .zhi-text span{ color: #009adc; font-size: 16px; position: absolute; bottom: 14%; left: 54px;}
.zhi-button{ margin-top: 30px; padding-bottom: 140px; padding-top: 0 !important;}
.zhi .zhi-button .zhi-pic{ height: 334px;}
.zhi .zhi-button .zhi-text{ height: 334px; position: relative;}
.zhi .zhi-button .zhi-text span{ color: #009adc; font-size: 16px; position: absolute; bottom: 14%; left: 62px;}
.zhi .zhi-top .zhi-text h3::after{content: "+"; position: absolute; top: -12px; right: -6%;}
.zhi .zhi-cen .cen-left .zhi-text h3::after{content: "+"; position: absolute; top: -12px; right: -6%;}


@media only screen and (max-width: 1140px){
	.zhi .zhi-jiang li:first-child{ width: 26%;}
	.zhi .zhi-jiang li:last-child{ width: 18%;}
}

@media only screen and (max-width: 991px){
	.zhi .time li span{ width: 80.6%; }
	.zhi .zhi-jiang li{ }
	.zhi-text{padding-left: 20px;}
	.zhi-text h3{ font-size: 22px;}
	
	/* 手机站修改 */
	.zhi .conOne h3 {font-size: 24px;line-height: 42px;}
	.zhi .guan li {width: 49.1%;padding-bottom: 45%;}
}

@media only screen and (max-width: 778px){
	.zhi .time li span{ width: 68.6%; }
	.zhi .guan li b{ font-size: 32px; top: 30px;}
	.zhi .guan li p{ top:80px; line-height: 28px;font-size: 14px;}
	.zhi .zhi-jiang li{ width: 50%; margin: 0;}
	.zhi .zhi-jiang li:nth-child(2){ width: 50%;}
	.zhi .zhi-jiang li:first-child{ width: 50%;}
	.zhi .zhi-jiang li:last-child{ width: 50%;}
	.zhi .zhi-pic{ width: 100%;}
	.zhi-text{ width: 100%; height: 230px;}
	.zhi .zhi-cen .cen-left{ width: 100%; }
	.zhi .cen-right{ width: 100% !important; margin: 30px 0 30px 0; }
	.zhi-button{ width: 100%; margin-top: 30px;}
	.zhi .guan{padding-bottom: 0;}
	
	/* 手机站修改 */
	.zhi .conOne {padding-top: 30px;}
	.zhi .time li {background-position: 24% 0;}
	.zhi .time li::before {left:24%;transform:translateX(2px);}
	.zhi {padding-bottom: 20px;}
	.zhi .guan li:last-child {margin-top: 10px;}
	.zhi .guan {padding-bottom: 10px;margin-top: 10px;}
	.zhi .guan li{ width: 100%;/* height: 250px; */padding-bottom: 0;height:auto;position: static;}
	.zhi .guan li p {position: static;margin-top: 80px;margin-bottom:55px;}
}

@media only screen and (max-width: 480px){
	/* .zhi .time li{background-position: 65px 0;} */
	.zhi .time li::before{ left: 72px;}
	.zhi .time li span{ width: 72.6%; }
	.zhi .time li i{ font-size: 20px;}
	.zhi .conOne h3{ font-size: 22px;}
	
	/* 手机站修改 */
	.zhi .time li {background-position: 22% 0;}
	.zhi .time li::before {left:22%;transform:translateX(3px);}
	.zhi .time li span {padding-bottom: 20px;}
	.zhi {padding-bottom: 10px;}
	.zhi .zhi-jiang {margin-top: 0px;}
	.zhi .zhi-jiang li span {padding: 10px 0;}
	.zhi .zhi-jiang li:first-child em,.zhi .zhi-jiang li:nth-child(2) em{height: 120px;}
	.zhi .zhi-jiang li:first-child,.zhi .zhi-jiang li:nth-child(2){margin-bottom:10px;}
	.zhi .conOne {padding-top: 20px;}
	.zhi .conOne p {margin-top: 5px;}
	
	
	
}