@charset "utf-8";



/* AB模版网 做最好的织梦整站模板下载网站 */

/* 网址：Www.AdminBuy.Cn */

/* 图标大全：Sc.AdminBuy.Cn 专业建站素材网站 */

/* QQ：9490489 */



/* CSS Document */



.mian {



	position: relative;



	margin-left: auto;



	margin-right: auto;



	min-width: 320px;



	max-width: 640px;



	overflow: hidden;



	background-color: #fff;



	font-family: Microsoft YaHei;



}



a {



	text-decoration: none;



	color: #666;



}



@media screen and (min-width:320px) {



html {



	font-size: 75%;



}



}



@media screen and (min-width:375px) {



html {



	font-size: 87.5%;



}



}



@media screen and (min-width:480px) {



html {



	font-size: 87.5%;



}



}



@media screen and (min-width:540px) {



html {



	font-size: 112.5%;



}



}



@media screen and (min-width:550px) {



html {



	font-size: 125%;



}



}



@media screen and (min-width:640px) {



html {



	font-size: 150%;



}



}



/*标题*/



article {



	overflow: hidden;



	width: 100%;



	margin-top: 5%;



	text-align: center



}



article h2 {



	font-size: 1.2rem;



	color: #00824a;



}



article h2 a {



	color: #00824a



}



article p {



	font-size: 1rem;



	color: #d2d2d2;



	margin-top: 0.2rem;



	font-family: Arial;



	text-transform: uppercase



}



article i {



	background: url("../images/title_line.png") no-repeat center;



	width: 100%;



	height: 3px;



	background-size: 100%;



	display: block;



margin-top: .25rem;



}



section.section {



	width: 94%;



	margin-left: auto;



	margin-right: auto;



}



a.More {



margin: .2rem auto;



	text-align: center;



font-size: .9rem;



	color: #00824a;



	border: 1px solid #00824a;



padding: .5rem;



	width: 20%;



	text-transform: uppercase;



	border-radius: 5px;



	display: block;



}



/*header*/



header {



	overflow: hidden;



	padding: 4% 0;



	width: 100%;



	background: #fff url("../images/hdline.png") no-repeat center top;



	background-size: 100%;



}



header h1 img {



	display: block;



	width: 100%;



}



header h1 {



	width: 40%;



	float: left;



}



header h2 {



	float: right;



	width: 58%;



	color: #999;



	font-size: 1.15rem;



	font-weight: normal;



}



header h2 p {



	font-size: 1rem;



	color: #999;



margin-top: .4rem;



	font-weight: normal;



}



header h2 p a {



	color: #ffba00;



	font-weight: bold;



}



/*nav*/



nav {



	overflow: hidden;



	width: 100%;



	background-color: #00824a;



}



nav a {



	width: 25%;



	float: left;



	text-align: center;



	font-size: 1rem;



	color: #fff;



padding: .75rem 0;



	display: block;



	border-right: 1px solid #fff;



	box-sizing: border-box;



	border-bottom: 1px solid #f1f1f1;



	white-space: nowrap;



}



nav a:nth-child(4n) {



	border-right: none



}



/*banner*/



.banner {



	position: relative;



	width: 100%



}



.banner img {



	display: block;



	width: 100%;



}



.banner .btn {



	position: absolute;



	left: 0;



	bottom: 1rem;



	overflow: hidden;



	width: 100%;



	text-align: center



}



.banner .btn span {



width: .8rem;



height: .8rem;



margin: 0 .1rem;



	border-radius: 1rem;



	background-color: #fff;



	display: inline-block



}



.banner .btn span.on {



	background-color: #01d267



}



/*Service*/



.Service {



	overflow: hidden;



	width: 100%;



}



.Service .list {



	margin-top: 4%;



	overflow: hidden;



	width: 100%;



	text-align: center



}



.Service .list li {



	width: 31%;



	display: inline-block;



	position: relative;



	background: #000;



	margin: 0 .5%;



margin-bottom: .3rem;



}



.Service .list li img {



	opacity: 0.6;



	width: 100%;



	display: block



}



.Service .list li span {



	display: block;



	width: 100%;



	font-size: 1rem;



	color: #fff;



	position: absolute;



	left: 0;



	top: 48%;



}



.Service .list li:last-of-type img {



	opacity: 1



}



/*case*/



.case, .case .list {



	overflow: hidden;



	width: 100%;



}



.case {



	padding-bottom: 4%;



}



.case .list {



	margin-top: 4%;



}



.case .list li {



	width: 48%;



	height: 11rem;



	float: left;



margin-bottom: .5rem;



	text-align: center;



}



.case .list li img {



	display: block;



	width: 100%;



}



.case .list li span {



	display: block;



font-size: .9rem;



	color: #666666;



	overflow: hidden;



	white-space: nowrap;



	text-overflow: ellipsis;



padding: .5rem 0;



}



.case .list li:nth-child(2n) {



	float: right



}



/*Customer*/



.Customer, .Customer .list {



	overflow: hidden;



	width: 100%;



}



.Customer {



	background: #eee



}



.Customer article p {



font-size: .85rem;



	color: #999



}



.Customer .list {



	margin-top: 4%;



}



.Customer .list li {



	width: 48%;



	float: left;



margin-bottom: .5rem;



	background-color: #fff;



padding-bottom: .8rem;



}



.Customer .list li img {



	display: block;



	width: 100%;



}



.Customer .list li h3 {



	display: block;



	font-size: 1rem;



	color: #00824a;



	font-weight: normal;



	overflow: hidden;



	white-space: nowrap;



	text-overflow: ellipsis;



padding: .5rem 1rem;



margin-top: .3rem;



}



.Customer .list li p {



font-size: .85rem;



	color: #666666;



	line-height: 1.4rem;



margin-top: .2rem;



	padding: 0 1rem;



	overflow : hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 2;



	-webkit-box-orient: vertical;



}



.Customer .list li:nth-child(2n) {



	float: right



}



.Customer a.More {



	margin: 3% auto 4%



}



/*Answer*/



.Answer {



	overflow: hidden;



	width: 100%;



padding-bottom: 3%:



}



.Answer .answerBox {



	margin-top: 4%;



}



.Answer dl {



padding: .5rem 4%;



	width: 100%;



	box-sizing: border-box;



	overflow: hidden



}



.Answer dl dt {



	width: 5%;



	float: left;



}



.Answer dl dt img {



	width: 100%;



	display: block



}



.Answer dl dd {



	float: right;



	width: 94%;



	font-size: 1rem;



	color: #666666;



margin-top: .1rem;



	white-space: nowrap;



	text-overflow: ellipsis;



}



.Answer dl:nth-child(2n) {



	background-color: #eee



}



.Answer dl:nth-child(2n) dd {



	color: #00824a



}



/*advantage*/



.advantage {



	overflow: hidden;



	width: 100%



}



.advantage article img {



	display: block;



	width: 100%;



}



.advantage dl {



	padding: 1rem 0;



	overflow: hidden;



	width: 100%;



	border-bottom: 1px solid #e5e5e5



}



.advantage dl dt, .advantage dl dd {



	width: 50%;



}



.advantage dl dt {



	float: right



}



.advantage dl dt img {



	display: block;



	width: 100%;



}



.advantage dl dd {



	float: left;



	position: relative;



	z-index: 99999;



}



.advantage dl dd h3 {



	font-size: 1.25rem;



	color: #00824a;



margin-bottom: .5rem;



	overflow: hidden



}



.advantage dl dd h3 img {



	display: block;



	float: left;



	width: 15%;



margin-right: .5rem;



}



.advantage dl dd p {



	line-height: 1.4rem;



font-size: .85rem;



	color: #666666;



	white-space: nowrap



}



.advantage dl:last-of-type {



	border-bottom: none



}



/*Principle*/



.Principle img {



	display: block;



	width: 100%;



}



/*Government*/



.Government {



	overflow: hidden;



	width: 100%;



	background: #eee



}



.Government .list {



	margin-top: 4%;



	overflow: hidden



}



.Government .list li {



	width: 25%;



	background: #00824a;



	float: left;



	padding: 1rem 0;



	text-align: center



}



.Government .list li:nth-child(2n) {



	background: #f9a733



}



.Government .list li img {



	display: inline-block;



	width: 50%;



}



.Government .list li span {



	display: block;



	width: 100%;



	font-size: 1rem;



	color: #fff



}



.Government .More {



	margin: 4% auto 5%;



}



.Government article p {



	color: #999999



}



/*关于我们*/



.aB {



	overflow: hidden;



	background-color: #fff;



	width: 100%;



	padding-bottom: 1.5rem;



}



.aB .abDl {



	margin-top: 4%;



	overflow: hidden;



}



.aB dt img {



	display: block;



	width: 100%;



	box-sizing: border-box;



	border: 5px solid #fff



}



.aB dd p {



font-size: .9rem;



	color: #666666;



	line-height: 1.5rem;



	overflow: hidden;



	text-align: justify;



	margin: 3% 0;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 3;



	-webkit-box-orient: vertical;



}



.aB .More {



	margin-top: 3%;



}



/*新闻*/



.new {



	overflow: hidden;



	width: 100%;



	padding-bottom: 3%;



}



.new .newNav {



	display: inline-block;



	width: 100%;



	background-color: #00824a



}



.new .newNav li {



	float: left;



	width: 50%;



	text-align: center;



padding: .6rem 0;



	font-size: 0.95rem;



	position: relative;



	box-sizing: border-box;



	border-right: 1px solid #fff



}



.new .newNav li a {



	color: #fff



}



.new .newNav li i {



	display: none;



	background: url("../images/new_li.png") no-repeat center;



	width: 1rem;



height: .5rem;



	background-size: 100%;



	position: absolute;



	left: 50%;



margin-left: -.5rem;



bottom: -.5rem;



}



.new .newNav li:nth-child(3) {



	width: 34%;



	border-right: none



}



.new .newNav li.on {



	background-color: #ffba00;



}



.new .newNav li.on a {



	color: #fff;



}



.new .newNav li.on i {



	display: block



}



.new .newNav li:last-of-type {



	border-right: none



}



.new .newBox, .new .newCon, .new .li, .new .dl {



	overflow: hidden;



	width: 100%;



}



.new .newBox {



	margin-top: 3%;



}



.new .li {



	margin-top: 3%;



}



.new .li li {



	box-sizing: border-box;



padding:.5rem 0;



	font-size: 1rem;



	border-bottom: 1px solid #cccccc;



	overflow: hidden;



}



.new .li li a {



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	display: block;



	width: 69%;



	float: left;



	color: #333333;



}



.new .li li span {



	display: block;



	width: 28%;



	float: right;



	text-align: right;



	color: #cccccc



}



/*地址*/



.addRess {



	overflow: hidden;



	width: 100%;



	background: #eee;



	padding-bottom: 3.5rem;



}



.addRess dl {



	overflow: hidden;



	padding: 1.5rem 0;



	width: 100%;



}



.addRess dl dt {



	width: 25%;



	float: left;



}



.addRess dl dt img {



	display: block;



	width: 100%;



}



.addRess dl dd {



	width: 72%;



	float: right



}



.addRess dl dd h3 {



	font-weight: normal;



	font-size: 1rem;



	color: #00824a;



}



.addRess dl dd h3 a {



	color: #00824a;



	font-weight: bold



}



.addRess dl dd p {



font-size: .85rem;



	color: #666666;



	line-height: 1.5rem;



}



.addRess dl dd p a {



	color: #666



}



.addRess dl dd p:first-of-type {



margin-top: .3rem;



}



/*底部*/



footer {



	position: fixed;



	bottom: 0;



	left: 0;



	background: #00824a;



	width: 100%;



	overflow: hidden;



}



footer img {



	display: block;



	width: 114%;



}



footer a {



	display: block;



	float: left;



	width: 25%;



	text-align: center;



padding: .75rem 0 .5rem 0;



	box-sizing: border-box;



	border-left: 1px solid #fff;



}



footer a:first-child {



	border-left: none;



}



footer em {



	display: block;



	width: 1.875rem;



	height: 1.875rem;



	margin: 0 auto;



}



footer span {



	display: block;



	font-size: 1rem;



	color: #fff;



margin-top: .2rem;



}



footer a.on {



	background: #ffba00;



}