/* Write your styles */

html {
	font-size: 62.5%;
}

body {
	font-size: 1.6rem;
	/* =16px */
	background: #fafafa;
	color: #666;
}

img {
	max-width: 100%;
}

a {
	color: #7cc011;
}

a:focus,
a:hover {
	color: #7cc011;
}
.am-pagination>.am-active>a, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span, .am-pagination>.am-active>span:focus, .am-pagination>.am-active>span:hover{
	background-color: #7cc011;
    border-color: #7cc011;
}
.header,
.banner,
.box1,
.box2,
.box3,
.footer {
	min-width: 1200px;
	width: 100%;
}

.wrap {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	border-top: 3px solid #7cc011;
	padding: 1rem 0;
}

.main-menu>li>a {
	padding: .6em 0;
	margin: 0 1.4rem;
	border-bottom: 2px solid #fafafa;
}

.main-menu a {
	color: #333;
}

.main-menu>li.am-active>a,
.main-menu>li.am-active>a:focus,
.main-menu>li.am-active>a:hover {
	color: #008e45;
	background: none;
	border-bottom: 2px solid #7cc011;
	cursor: default;
}

.main-menu>li>a:focus,
.main-menu>li>a:hover {
	background: none;
	border-bottom: 2px solid #ccc;
}

.banner {
	overflow: hidden;
	text-align: center;
}

.banner li>img {
	min-height: 360px;
}
.box1 {
	background: #fafafa;
	padding: 2rem 0;
}

.index-cp-list dt {
	background: url(../../images/index-cp-title-bg.png);
	text-align: center;
}

.index-cp-list>dt+dd {
	margin-top: 0;
}

.index-cp-list>dd {
	margin-bottom: .1rem;
}

.index-cp-list dd>a {
	font-size: 1.4rem;
	background: #d5d5d5;
	height: 3.rem;
	line-height: 3.3rem;
	color: #fff;
	text-align: center;
	display: block;
}

.index-cp-list dd.am-active>a,
.index-cp-list dd.am-active>a:focus,
.index-cp-list dd>a:active,
.index-cp-list dd>a:hover {
	background: #b2dd3c;
}


/*产品轮播*/

.cp-scrollbox {
	position: relative;
	background: #fff;
	padding: 20px;
}

.cp-frBtnL {
	cursor: pointer;
	width: 3%;
	position: absolute;
	left: 2rem;
	top: 45%;
}

.cp-frUl {
	width: 92%;
	margin-left: 6%;
}

.cp-frBtnR {
	cursor: pointer;
	width: 3%;
	position: absolute;
	right: 2rem;
	top: 45%;
}

.cp-frUl ul li {
	display: block;
	float: left;
	width: 33.3333%;
	overflow: hidden;
	position: relative;
}

.cp-frUl ul li a {
	display: block;
	margin: 0 1rem;
	border: 1px solid #e8e8e8;
	background: #fcfcfc;
	color: #333;
	font-size: 1.4rem;
}

.cp-frUl .cp-img {
	padding: 1rem;
	border-bottom: 1px solid #e8e8e8;
}

.cp-frUl .cp-img img {
	width: 100%;
	max-height: 200px;
}

.cp-frUl .cp-title {
	margin: 1rem;
}

.cp-frUl .cp-more {
	margin: 1rem;
}


/*案例轮播*/

.box2 {
	position: relative;
	background: #fff;
	padding-bottom: 40px;
}

.box2-bg-color {
	width: 100%;
	position: absolute;
	height: 200px;
	bottom: 0;
	left: 0;
	background: #7cc011;
	z-index: 0;
}

.box2 .wrap {
	z-index: 10;
	position: relative;
}

.cp-scrollbox {
	width: 100%;
}

.anli-frUl ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.anli-frUl ul li {
	padding: 0;
	margin: 0;
	float: left;
	width: 25%;
	overflow: hidden;
	position: relative;
}

.anli-frUl ul li a {
	display: block;
	color: #333;
	background: #fff;
	margin: 1rem;
}
.anli-frUl ul li:hover a{
	color: #7cc011;
}
.anli-frUl ul li a .anli-img img {
	width: 100%;
	max-height: 200px;
}

.anli-frUl ul li a .anli-title {
	font-weight: bold;
	font-size: 1.6rem;
	padding: 1rem;
}

.anli-frUl ul li a p {
	font-size: 1.4rem;
	color: #999;
	padding: 0 1rem 1rem 1rem;
	margin-top: 0;
}

.anli-scroll-btn {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -6rem;
}

.anli-frBtnL {
	cursor: pointer;
}

.anli-frBtnR {
	cursor: pointer;
}


/*box3*/

.box3 {
	padding-top: 8rem;
	padding-bottom: 5rem;
}

.box3 .am-u-md-4:first-child {
	padding-right: 3rem;
}

.box3 .am-u-md-4:last-child {
	padding-left: 3rem;
}

.title {
	position: relative;
	margin: 1rem 0;
}

.title h2 {
	font-size: 2.2rem;
	color: #7cc011;
	font-weight: normal;
	display: inline-block;
	padding-left: 1rem;
	margin: 0;
}

.title i {
	display: inline-block;
	width: .4rem;
	height: 2rem;
	background: #7cc011;
	position: absolute;
	left: 0;
	top: .6rem;
}

.title span.en {
	color: #c6c6c6;
	display: inline-block;
	margin-left: 1rem;
	font-size: 1.8rem;
}

.title .more {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 180%;
	padding: 0 1rem;
	background: #d5d5d5;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	text-align: center;
}

.title .more:hover {
	background: #7cc011;
}

.news-info>img {
	height: 21rem;
	width: 100%;
}

.news-info a.news-title {
	color: #7cc011;
	display: block;
	font-size: 2rem;
	margin: 1rem 0 .8rem;
	cursor: pointer;
}

.news-info p.news-mess {
	margin: 0 0 1rem 0;
	font-size: 1.4rem;
	color: #999;
	height: 4rem;
	overflow: hidden;
}

.news-list {
	padding: 1rem;
}

.news-list:hover,
.news-list.active {
	background: #93d016;
	color: #fff;
}

.news-list .date {
	display: inline-block;
	border: 2px solid #d0d0d0;
	font-size: 3.2rem;
	color: #d0d0d0;
	line-height: 3.8rem;
	padding: 0 1rem;
}

.news-list:hover .date,
.news-list.active .date {
	border: 2px solid #fff;
	color: #fff;
}

.news-list .year-month {
	display: inline-block;
	font-size: 1.6rem;
	margin-top: .4rem;
	color: #c6c6c6;
}

.news-list:hover .year-month,
.news-list.active .year-month {
	color: #fff;
}

.news-list .news-list-mess>a {
	color: #333;
}

.news-list:hover .news-list-mess>a,
.news-list.active .news-list-mess>a {
	color: #fff;
}

.news-list .news-list-mess>p {
	margin-top: .5rem;
	margin-bottom: 0;
	font-size: 1.4rem;
	color: #999;
	height: 4rem;
	overflow: hidden;
}

.news-list:hover .news-list-mess>p,
.news-list.active .news-list-mess>p {
	color: #fff;
}

.faq-list {
	border-bottom: 1px dashed #ccc;
	padding-bottom: .6rem;
}

.faq-list dt {
	margin-bottom: 1rem;
	position: relative;
}

.faq-list dd {
	position: relative;
}

.faq-list dt>span,
.faq-list dd>span {
	width: 3rem;
	height: 3rem;
	text-align: center;
	background: #7cc011;
	line-height: 3rem;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 2rem;
}

.faq-list dd>span {
	background: #d5d5d5;
}

.faq-list dt>p,
.faq-list dd>p {
	margin: 0;
	padding-left: 4rem;
}

.faq-list dt>p {
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 3rem;
	height: 3rem;
	overflow: hidden;
}

.faq-list dd>p {
	height: 4rem;
	overflow: hidden;
	color: #999;
	font-size: 1.4rem;
}

.footer {
	background: #5d5d5d;
	border-top: .8rem solid #93d016;
	padding: 3rem 0;
	color: #c6c6c6;
}

.footer .link-title>h2 {
	font-size: 2.2rem;
	color: #7cc011;
	font-weight: normal;
	margin-bottom: 0;
}

.footer .link-title>span {
	font-family: "arial";
	color: #858585;
	font-size: 2.8rem;
	display: block;
	margin-top: -.8rem;
}

.footer .links {
	margin-top: 1.5rem;
}

.footer .links a {
	font-size: 1.4rem;
	line-height: 100%;
	display: inline-block;
	color: #c6c6c6;
	padding: 0 1rem;
	/*border-right: 1px solid #c6c6c6;*/
}

.footer .links a:first-child {
	padding-left: 0;
}

.footer .links a:last-child {
	border-right: none;
}

.footer .footer-logo {
	margin-top: 1rem;
}

.footer .copy {
	font-size: 1.4rem;
	margin-top: 1rem;
}

.footer-code {
	writing-mode: vertical-lr;
	/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;
	/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}

.footer-code img {
	display: block;
	float: left;
	width: 124px;
}

.footer-code>span {
	width: 2rem;
	display: block;
	font-size: 1.8rem;
	letter-spacing: .6rem;
	float: left;
	color: #fff;
	margin-left: 1rem;
}

.footer-tel>p {
	line-height: 240%;
}

.footer-tel>p span {
	font-family: "arial";
	font-weight: bold;
	font-size: 40px;
	color: #7cc011;
	font-style: italic;
}

.footer .contact-us {
	line-height: 200%;
	font-size: 1.4rem;
}
/*cp*/
.img-title{
	text-align: center;
	padding: 1rem 0;
}
.img-box{
	transition: .5s;
	border: 1px solid #e8e8e8;
	background: #fcfcfc;
}
.img-box:hover{
	background:#7cc011;
	color: #fff;
	transform: scale(1.03);
}
.img-box:hover a:link,.img-box:hover a:visited,.img-box:hover a:hover,.img-box:hover a:active{
	color: #ffff;
}
.img-box>a{
	display: block;
	text-align: center;
}
.img-box>a>img{
	max-height: 200px;
}
h1.title{
	border-left: 5px solid #7cc011;
	color: #7cc011;
	padding:0 0 0 2rem;
	line-height: 100%;
}
.box-shadow{
	box-shadow: 0 3px 6px rgba(0,0,0,.1);
}

.imgs td{
	width: 33.333%;
}
.imgs td a{
	padding: 20px;
	display: inline-block;
}
.imgs td a img{
	height: 240px;
	max-width: 100%;
}
.title{
	position: relative;
}
.title .breadcrumb{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1rem;
	display: inline-block;
}

/**/
.am-article-bd img {
    display: inline-block;
    width: 640px;
}
/**/
@media only screen and (max-width: 640px) {
	.header,
	.banner,
	.box1,
	.box2,
	.box3,
	.footer {
		min-width: auto;
		width: 100%;
	}
	.banner {
		display: none;
	}
	.wrap {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.mr-zhe {
		display: none;
	}
	.box2 {
		min-height: auto;
	}
	.anli-scroll-btn {
		display: none;
	}
	.anli-frUl ul li a p {
		display: none;
	}
	.anli-frUl ul li a .anli-title {
		display: none;
	}
	.box2 {
		padding-bottom: 1rem;
	}
	.box2-bg-color {
		height: .5rem;
	}
	.box3 .am-u-md-4:first-child {
		padding-right: 1.5rem;
	}
	.box3 .am-u-md-4:last-child {
		padding-left: 1.5rem;
	}
	.imgs td a img{
		height: auto;
		max-width: 100%;
	}
	/**/
	.am-article-bd img {
	    display: inline-block;
	    width: auto;
	}
	.box1>.wrap>.am-u-md-3{
		display: none;
	}
	.footer .am-u-md-4,.footer .links,.footer .link-title{
		display: none;
	}
}