@charset "utf-8";

/* CSS Document */

html,
body {
	width: 100%;
	height: 100%;
}

p{
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: "iconfont";
	src: url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype');
}

.iconfont {
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "iconfont2";
	src: url('../font/iconfont2.woff') format('woff'), url('../font/iconfont2.ttf') format('truetype');
}

.iconfont2 {
	font-family: "iconfont2";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'iconfont3';
	src: url('../font/iconfont3.eot');
	/* IE9*/
	src: url('../font/iconfont3.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/iconfont3.woff') format('woff'), /* chrome、firefox */
	url('../font/iconfont3.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../font/iconfont3.svg#mobile') format('svg');
	/* iOS 4.1- */
}

.iconfont3 {
	font-family: "iconfont3" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.box {
	width: 100%;
	height: 100%;
	position: relative;
	transition: 0.5s all;
}

.boxOut {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 3;
	transition: 0.5s all;
	z-index: 3;
}

.header {
	width: 100%;
	height: 0.75rem;
	background:#037d04;
	position: fixed;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 2;
	transition: 0.5s all;
}

.footer {
	width: 100%;
	height: 0.75rem;
	background: #037d04;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
	transition: 0.5s all;
}

.search_hl {
	font-size: 0.4rem;
	float: left;
	width: 14.0625%;
	text-align: center;
	line-height: 0.75rem;
}

.nav-btn {
	font-size: 0.4rem;
	float: right;
	width: 14.0625%;
	text-align: center;
	line-height: 0.75rem;
}

.logo {
	width: 71.875%;
	display: block;
	margin: 0 auto;
	text-align: center;
	float: left;
}

.logo img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.search {
	position: absolute;
	top: -100%;
	left: 0;
	background: #003a9b;
	width: 96%;
	height: 100%;
	padding: 0 2%;
	transition: 0.3s all;
}

.close {
	font-size: 0.3rem;
	display: block;
	height: 100%;
	float: left;
	line-height: 0.75rem;
	width: 9%;
}

.search input {
	height: 0.49rem;
	margin-top: 0.13rem;
	float: left;
	box-sizing: border-box;
	border: 0;
	background: #FFFFFF;
	
}

.SearchStr {
	width: 75%;
	border-radius: 15px 0 0 15px;
	font-family: "microsoft yahei";
	text-indent: 5%;
	font-size: 14px;
}

.button {
	width: 15%;
	border-radius: 0 15px 15px 0;
	font-size: 0.25rem;
	text-align: center;
}

.content {
	max-width: 640px;
	margin: 0 auto;
	padding: 0.75rem 0;
}

.swiper-container {
	width: 100%;
}

.swiper-container img {
	width: 100%;
	display: block;
}

.smallNav {
	overflow: hidden;
}

.smallNav a {
	width: 25%;
	float: left;
	display: block;
	box-sizing: border-box;
	border-right: 1px solid #53bd89;
	border-bottom: 1px solid #53bd89;
	background: #037d04;
	color: #FFFFFF;
	text-decoration: none;
}

.smallNav span:first-of-type {
	font-size: 0.4rem;
	line-height: 0.4rem;
	display: block;
	text-align: center;
	padding-top: 0.1rem;
}

.smallNav span:last-of-type {
	font: 0.21rem/0.425rem "Microsoft YaHei";
	display: block;
	text-align: center;
}

.productShow {
	width: 93%;
	margin: 0 auto;
}

.productShow .title {
	position: relative;
}

.productShow .title .line {
	border-bottom: 1px solid #037d04;
	top: 50%;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: -1;
}

.productShow .title .font {
	width: 25%;
	font: 400 0.23rem/0.4rem "Microsoft YaHei";
	margin: 0 auto;
	background: #FFFFFF;
	text-align: center;
}

.productShow .title .font a {
	color: #037d04;
}

.productlist ul {
	overflow: hidden;
	padding: 5px 0;
}

.productlist ul li {
	float: left;
	width: 49%;
}

.productlist ul li:nth-child(2n) {
	float: right;
}

.productlist ul li img {
	width: 2.43333333rem;
	padding: 0.04rem;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	display: block;
	height: 1.6rem;
	margin: 0 auto;
	display: block;
}

.productlist ul li span {
	color: #2d2f3c;
	display: block;
	font: 100 0.18rem/0.5083rem "Microsoft YaHei";
	text-align: center;
}

.contentBox .contentBoxTitle {
	overflow: hidden;
}

.contentBox .contentBoxTitle h3 {
	background: #e4c701;
	border-radius: 0.05rem 0 0 0.05rem;
	color: #fff;
	float: left;
	font: 400 0.23rem/0.342rem "Microsoft YaHei";
	text-align: center;
	width: 25%;
	margin: 0;
}

.contentBox .contentBoxTitle a {
	background: #037d04;
	border-radius: 0 0.05rem 0.05rem 0;
	color: #fff;
	display: block;
	float: right;
	font: 400 0.22rem/0.342rem "Microsoft YaHei";
	padding-right: 5%;
	text-align: right;
	width: 70%;
}

.contentBox .contentBoxFont ul {
	padding: 10px 0;
}

.contentBox .contentBoxFont ul li {
	overflow: hidden;
	padding: 0.05rem 0;
	border-bottom: 1px solid #efefef;
}

.contentBox .contentBoxFont ul li .left {
	float: left;
	width: 29.67%;
}

.contentBox .contentBoxFont ul li .left img {
	width: 100%;
	height: 1.12rem;
	display: block;
}

.contentBox .contentBoxFont ul li .newsDescription {
	float: right;
	width: 100%;
}

.contentBox .contentBoxFont ul li .newsDescription h3 {
	height:0.4rem;
	overflow:hidden;
	margin: 0;
}

.contentBox .contentBoxFont ul li .newsDescription h3 a {
	color: #1c1c1c;
	padding-left:2%;
	display: block;
	font: 400 0.2rem/0.4rem "Microsoft YaHei";
	overflow: hidden;
}

.contentBox .contentBoxFont ul li .newsDescription p {
	color: #646464;
	font: 400 0.2rem/0.23rem "Microsoft YaHei";
	height: 0.7rem;
	overflow: hidden;
	margin: 0;
}

.newsDescription span {
    color: #666;
    float: right;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 2;
	padding-right:2%;
}

.contentBoxFont p {
	font: 0.21rem/0.4rem "Microsoft YaHei";text-align: justify; padding-left:2%; padding-right:2%;
}

.contentBoxFont .contact {
	border-top: 1px solid #478500;
	margin: 0 auto;
	width: 93.75%;
}

.contentBoxFont .contact span {
	border-bottom: 1px solid #478500;
	color: #478500;
	display: block;
	font: 0.21rem/0.21rem "Microsoft YaHei";
	overflow: hidden;
	padding: 0.06rem 0;
}

.jszc {
	color: #3e3e3e;
	font: 0.21rem/0.45rem "Microsoft YaHei";
	text-align: center;
}

.footer a {
	color: #cccccc;
	display: block;
	float: left;
	text-align: center;
	width: 25%;
}

.footer a span {
	color: #fff;
	display: block;
	font-size: 0.3rem;
	line-height: 0.4rem;
	/*padding-right: 0.1rem;*/
	text-align: center;
	width: 100%;
}

.footer a h3 {
	color: #fff;
	display: block;
	font: 0.21rem/0.35rem "microsoft yahei";
	text-align: center;
	margin: 0;
}

@font-face {
	font-family: "commonfont";
	src: url("../font/common.woff") format("woff"), url("../font/common.ttf") format("truetype");
}

.commonfont {
	font-family: "commonfont" !important;
	font-style: normal;
}

.nav {
	width: 220px;
	background: #037d04;
	height: 100%;
	position: fixed;
	right: -220px;
	transition: all 0.5s;
	z-index: 3;
}

.nav li {
	border-bottom: 1px solid #303030;
	text-align: center;
}

.nav li a {
	font: 700 16px/50px "微软雅黑";
	color: #fff;
	display: block;
}

.infoContent,
.infoContent p,
.infoContent a {
	font-size: 20px;
	line-height: 2;
	text-align:justify;
	font-family: "microsoft yahei";
}

.infoContent {
	padding: 10px;
}

.productlist .title {
	font-size: 24px;
	font-family: "microsoft yahei";
	color: #7b7b7b;
	border-bottom: 1px #ccc solid;
	line-height: 2;
}

.page {
	background: #ddd none repeat scroll 0 0;
	border-radius: 0.38rem;
	color: #777;
	display: block;
	font: 0.2rem/0.38rem "microsoft yahei";
	height: 0.38rem;
	margin: 2% auto;
	overflow: hidden;
	text-indent: 0.1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.back {
	border-radius: 0.4rem;
	color: #fff;
	display: block;
	font: 0.2rem/0.4rem "microsoft yahei";
	height: 0.4rem;
	margin: 2% auto;
	text-align: center;
	width: 33.57%;
	background: red;
}

.productContent h1 {
	color: #393939;
	font: 0.3rem/0.5rem "microsoft yahei";
	text-align: center;
	width: 100%;
}

.productContent img {
	display: inline;
	max-width: 100%;
}

.productContent,
.productContent p {
	font-size: 16px;
	line-height: 2;
}

.articleContent h1 {
	color: #393939;
	font: 0.3rem/0.5rem "microsoft yahei";
	text-align: center;
	width: 100%;
}

.articleContent img {
	display: inline;
	max-width: 100%;
}

.articleContent, .articleContent p {
	font-size: 16px;
	line-height: 2;
}

.articleContent,.ProductContent{
	padding:0 0.1rem;
}

.articlelist ul{padding:10px;}

.articlelist ul li{border-bottom: #ccc dashed 1px; font-size: 14px; line-height: 3;}

.articlelist ul li a{color:#000;}

.articlelist ul li span{float:right;}

.pages{font-size: 16px; text-align: center; width: 80%; margin: 0 auto;}

.pages a:nth-child(1){background: #037d04; display: inline-block; color:#fff; width: 40%; line-height: 2; border-radius: 10px 0 0 10px;}

.pages a:nth-child(2){background: #037d04; display: inline-block; color:#fff; width: 20%; line-height: 2;}

.pages a:nth-child(3){background: #037d04; display: inline-block; color:#fff; width: 40%; line-height: 2; border-radius: 0 10px  10px 0;}
.fenye{ text-align:center; font-size:12px; font-family:"微软雅黑";}