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

/* Eric Meyer's Reset CSS v2.0 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;}
.more { background: url("../images/more_icon.png") center center no-repeat; display: inline-block; width: 20px; height: 20px; background-size: auto 100%; vertical-align: middle;}
.more-green { background: url("../images/more_icon-green.png") center center no-repeat; display: inline-block; width: 40px; height: 40px; background-size: auto 100%; vertical-align: middle;}
.img-fr { float:right; margin: 10px;}
.co-2 {display: flex; width: 1080px; margin: 0 auto;/* 确保容器宽度占满父容器 */}
.co-2-1{flex: 1; /* 每个列平分剩余空间 */ margin: 10px 15px; padding: 20px; background-color: #f0f0f0;}



.bottom-con {background: #2d2d2d; color: #fff; text-align: center; margin: 0; margin-top: 50px; padding: 40px; padding-top: 15px }
.bottom-con .nav-bottom a { color: #fff; font-size: 18px; font-weight: bold; display: inline-block; margin:18px; margin-top: 8px;}
.bottom-con .nav-bottom a:hover, .bottom-con .nav-bottom a.active { color:aqua}
.bottom-con .footer-logo-con {display: inline-block; width:1080px; margin:0 auto;text-align: left; padding: 15px 0 12px; margin-bottom: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 22.4px; font-weight: bolder;}
.bottom-con .footer-logo-con img { width: 28%; float: left; padding-right: 2%; border-right: 1px solid #fff;margin-right: 1.6%;}
.bottom-con .footer-logo-con p {}
.bottom-con .container { display: inline-block; width:1080px; margin:0 auto;text-align: left; padding-bottom: 0; margin-bottom: 15px;}
.bottom-con .container p { color:#fff; font-size:10px; line-height:15px;}

@media only screen and (max-width:1100px) {
	.bottom-con { width: 100%;}
	.bottom-con .footer-logo-con {width: 100%; text-align: center;}
	.bottom-con .container {width: 100%;}
	.bottom-con .nav-bottom { margin-bottom: 6px; }
	.bottom-con .nav-bottom a { font-size: 10px; font-weight: normal; line-height: 14px; margin: 2px 4px; margin-top: 0px;}
	.bottom-con .footer-logo-con img { width: 35%; border: none; margin: 0 auto; float: initial;}
	.bottom-con .footer-logo-con p { display: block; font-size: 12px; line-height: 16px; font-weight: normal; margin-top: 1px;}
}
@media only screen and (max-width:1200px) {
	.bottom-con { width: 100%;}
	.bottom-con .footer-logo-con {width: 100%; text-align: center;}
	.bottom-con .container {width: 100%;}
	.bottom-con .nav-bottom { margin-bottom: 6px; }
	.bottom-con .nav-bottom a { font-size: 10px; font-weight: normal; line-height: 14px; margin: 2px 4px; margin-top: 0px;}
	.bottom-con .footer-logo-con img { width: 35%; border: none; margin: 0 auto; float: initial;}
	.bottom-con .footer-logo-con p { display: block; font-size: 12px; line-height: 16px; font-weight: normal; margin-top: 1px;}
}
@media only screen and (max-width:900px) {
	.bottom-con { width: 100%;}
	.bottom-con .footer-logo-con {width: 100%; text-align: center;}
	.bottom-con .container {width: 100%;}
	.bottom-con .nav-bottom { margin-bottom: 6px; }
	.bottom-con .nav-bottom a { font-size: 10px; font-weight: normal; line-height: 14px; margin: 2px 4px; margin-top: 0px;}
	.bottom-con .footer-logo-con img { width: 35%; border: none; margin: 0 auto; float: initial;}
	.bottom-con .footer-logo-con p { display: block; font-size: 12px; line-height: 16px; font-weight: normal; margin-top: 1px;}
}

.secend-page-text-con {background:#5f9100; width: 100%; color:#fff; padding:20px; padding-bottom: 30px; margin-bottom: 20px;}
.green-text-con { padding: 0 70px; margin-top: 30px; color: #5f9100; font-size: 48px; font-weight: bold; line-height: 54px;}
.green-text-con ul { width:85%; display: flex; flex-wrap: wrap; margin: 30px auto 0; font-size: 42px;}
.green-text-con ul li {width: 50%; background: url("../images/banner1-greenicon-1.png") left center no-repeat; padding: 20px 0px 20px 110px; background-size: auto 65%; line-height: 50px; border-right: 1px solid; border-bottom: 1px solid;  }
/*.green-text-con ul li i { display:inline-block; width: 45px; height: 45px;  background-size: 100% auto;vertical-align: bottom; margin-right: 6px;}
*/.green-text-con ul li:nth-child(2) { background: url("../images/banner1-greenicon-2.png") 60px center no-repeat; background-size: auto 65%; padding: 20px 0px 20px 170px; border-right: none;}
.green-text-con ul li:nth-child(3) { background: url("../images/banner1-greenicon-3.png") left center no-repeat; background-size: auto 65%;border-bottom: none;}
.green-text-con ul li:nth-child(4)  { background: url("../images/banner1-greenicon-4.png") 60px center no-repeat; background-size: auto 65%; padding: 20px 0px 20px 170px;border-right: none;border-bottom: none;}
.company-text .titile-con { font-weight: bold; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-top: 15px; overflow: auto;}
.company-text .titile-con h3 { width: 24%; display: inline-block; font-size: 50px; line-height: 62px;}
.company-text .titile-con p { width:76%;border-left: 1px solid #fff; padding-left:20px; float:right;font-size: 33px; line-height: 36px; margin-top: 0; }
.company-text p {font-size: 16px; line-height: 20px; font-weight: 500; margin-top: 25px;}
.company-text p img { width:40%; float: right; margin: 0 0 10px 10px;}
@media only screen and (max-width:1100px) {
	.green-text-con { font-sizE:28px; line-height: 36px; padding: 0 20px;}
	.green-text-con ul { width:90%; margin: 0 auto; font-size: 31px;}
	.green-text-con ul li {background-size: auto 57%;}
	.green-text-con ul li:nth-child(2) { background: url("../images/banner1-greenicon-2.png") 42px center no-repeat; background-size: auto 57%; padding: 20px 0px 20px 150px; border-right: none;}

}
@media only screen and (max-width:1200px) {
	.green-text-con { font-sizE:28px; line-height: 36px; padding: 0 20px;}
	.green-text-con ul { width:90%}
	.green-text-con ul li {background-size: auto 57%;}
	.green-text-con ul li:nth-child(2) { background: url("../images/banner1-greenicon-2.png") 42px center no-repeat; background-size: auto 57%; padding: 20px 0px 20px 150px; border-right: none;}
.green-text-con ul li:nth-child(3) { background: url("../images/banner1-greenicon-3.png") left center no-repeat; background-size: auto 57%; border-bottom: none;}
	.green-text-con ul li:nth-child(4) { background: url("../images/banner1-greenicon-4.png") 42px center no-repeat; background-size: auto 57%; padding: 20px 0px 20px 150px; border-right: none;}
}

@media only screen and (max-width:900px) {
	.company-text .titile-con {margin-top: 0px; overflow: auto; text-align: center;}
	.company-text .titile-con h3 { width: 100%; display: inline-block; font-size: 30px; line-height: 32px; margin-bottom: 10px;}
	.company-text .titile-con p { width: 100%; float: none; border:none; padding: 0; font-size: 18px; line-height: 22px; font-weight: normal;}
	.company-text p { font-weight: normal;}
	.company-text p img { width:100%; float: none; margin: 0; margin-bottom: .5rem;}
	.green-text-con { font-sizE:28px;}
	.green-text-con ul { width:90%; margin: 0 auto; padding: 0; font-size: 26px; line-height: 30px}
	.green-text-con ul li {background-size: auto 36px; font-size: 20px; line-height: 24px; padding: 10px 20px; padding-left: 44px;}
	.green-text-con ul li:nth-child(2) { background: url("../images/banner1-greenicon-2.png") 12px center no-repeat;background-size: auto 36px; padding: 10px 20px; padding-left: 56px; border-right: none;}
.green-text-con ul li:nth-child(3) { background: url("../images/banner1-greenicon-3.png") left center no-repeat;background-size: auto 36px; padding: 10px 20px; padding-right: 0; padding-left: 44px; border-bottom: none;}
	.green-text-con ul li:nth-child(4) { background: url("../images/banner1-greenicon-4.png") 12px center no-repeat;background-size: auto 36px; padding: 10px 20px; padding-left: 56px; border-right: none;}
}
.second-main { width: 100%; padding: 0 70px; }
.product-main { font-size:18px; line-height: 22px;}
.product-main p { padding:0 30px; font-size: 20px; line-height: 28px;}
.product-main p img { clear: both; width: 40%; float: left; margin-left: 7%;margin-top: 20px; }
.product-main .product-imag { width:40%; margin-left: 10px; margin-top: 0; float: right;}
.product-main .common-titles { text-align: left; justify-content: left; padding-bottom: 20px;padding-left: 30px;}
.product-main .products-main-content { background: #eaeaea; padding: 20px; display: flex; flex-wrap: wrap;}
.product-main .products-main-content fl, .product-main .products-main-content .fr {flex:1;}
.product-main .products-main-content img { width: 20%; height: 100%; margin:40px 95px;}
.product-main .products-main-content .product-list-titile { font-size: 21px; font-weight: bold; margin-top: 40px;}
.product-main .products-main-content ul { margin-top: 20px; margin-bottom: 40px}
.product-main .products-main-content ul li { padding-left: 24px; background: url("../images/circle.png") left 3px no-repeat; background-size: 15px 15px;line-height: 24px; margin: 8px 0;}
.laboratory-ul { width:100%; margin: 20px auto; padding: 0 60px; display: flex; flex-wrap: wrap;}
.laboratory-ul li { width:32%; margin: 15px 0; margin-right: 2%;display: flex; align-items: center; /* 垂直居中 */ justify-content: space-between; /* 两列之间有等间距 */}
.laboratory-ul li:nth-child(3n) { margin-right: 0;}
.laboratory-ul li img { width:15%; margin-right: 3%;}
.laboratory-ul li div { width:82%; }
.laboratory-ul li div p { width:100%; font-size: 15px; line-height: 18px;}
.laboratory-ul li div p:first-child { display: block; color: #5f9100; font-weight: 500;}
@media only screen and (max-width:1200px) {
	.second-main { width: 100%; padding: 0 20px; }
	.product-main .product-imag { width: 100%; margin: 0; margin-bottom: 1rem}
}
@media only screen and (max-width:1100px) {
	.second-main { width: 100%; padding: 0 20px; }
	.product-main .product-imag { width: 100%; margin: 0; margin-bottom: 1rem}
}
@media only screen and (max-width:900px) {
	.second-main { width: 100%; padding: 0 0px; }
	.product-main .product-imag { width: 100%; margin: 0; margin-bottom: 1rem}
	.laboratory-ul { padding:0 15px}
	.laboratory-ul li { width:100%; margin: 15px 0; display: flex; align-items: center; /* 垂直居中 */ justify-content: space-between; /* 两列之间有等间距 */}
	.product-main p img { clear: both; width: 84%; float: left; margin-left: 7%; margin-top: 20px; }
	.product-main .products-main-content img { width: 60%; padding: 0 10%; height: fit-content; margin:10px auto;}

}
a{ }