.ad {
	background-position: top; background-repeat: no-repeat;
}
.main {
	padding: 62px 0px;
}
.main .main-left {
	width: 280px;
}
.main .main-left .main-left-top {
	
}
.main .main-left .main-left-top .cate-title {
	padding: 18px 0px; border: 1px solid rgb(180, 182, 184); border-image: none; text-align: center; font-size: 0px;
}
.main .main-left .main-left-top .cate-title h2 {
	color: rgb(62, 177, 53); line-height: 26px; font-size: 24px; margin-bottom: 8px;
}
.main .main-left .main-left-top .cate-title p {
	color: rgb(62, 177, 53); text-transform: uppercase; font-size: 14px;
}
.main .main-left .main-left-top .cate-list {
	padding-top: 20px;
}
.main .main-left .main-left-top .cate-list li {
	margin-bottom: 20px;
}
.main .main-left .main-left-top .cate-list li:last-child {
	margin-bottom: 0px;
}
.main .main-left .main-left-top .cate-list a {
	background: url("../images/jiantou.png") no-repeat 20px; padding: 19px 20px 19px 50px; border: 1px solid rgb(180, 182, 184); transition:0.2s; border-image: none; color: rgb(102, 102, 102); line-height: 20px; overflow: hidden; font-size: 16px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s;
}
.main .main-left .main-left-top .cate-list a:hover {
	border: 1px solid rgb(62, 177, 53); border-image: none; color: rgb(62, 177, 53);
}
.main .main-left .main-left-top .cate-list a.active {
	border: 1px solid rgb(62, 177, 53); border-image: none; color: rgb(62, 177, 53);
}
.main .main-left .main-left-bottom {
	font-size: 0px; margin-top: 20px;
}
.main .main-left .main-left-bottom a {
	display: block;
}
.main .main-right {
	width: 885px;
}
.main .main-right .main-right-top {
	padding: 19px 20px; border: 1px solid rgb(216, 216, 216); border-image: none; font-size: 0px;
}
.main .main-right .main-right-top h2 {
	color: rgb(70, 156, 74); line-height: 20px; padding-left: 14px; font-size: 16px; font-weight: bold; position: relative;
}
.main .main-right .main-right-top h2::before {
	background: rgb(70, 156, 74); left: 0px; top: 50%; width: 2px; height: 17px; display: inline-block; position: absolute; content: ""; transform: translate(0px, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
}
.main .main-right .main-right-top p {
	background: url("../images/mbx.png") no-repeat left / 16px; height: 20px; color: rgb(102, 102, 102); line-height: 20px; padding-left: 20px; font-size: 12px;
}
.main .main-right .main-right-top p a {
	transition:0.2s; height: 20px; color: rgb(102, 102, 102); line-height: 20px; font-size: 12px; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s;
}
.main .main-right .main-right-top a:hover {
	color: rgb(62, 177, 53);
}
.singlepage {
	padding: 20px; border: 1px solid rgb(216, 216, 216); border-image: none; line-height: 2; font-size: 14px; margin-top: 20px; min-height: 500px;
}
.main .main-right .productList {
	
}
.main .main-right .productList li {
	padding: 10px; border: 1px solid rgb(216, 216, 216); transition:0.2s; border-image: none; width: 275px; margin-top: 20px; margin-right: 30px; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s;
}
.main .main-right .productList li:nth-child(3n) {
	margin-right: 0px;
}
.main .main-right .productList a.pic {
	width: 100%; height: 256px; overflow: hidden; margin-bottom: 10px; display: block; position: relative;
}
.main .main-right .productList img {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.main .main-right .productList a.title {
	transition:0.3s; height: 45px; text-align: center; color: rgb(62, 177, 53); line-height: 45px; overflow: hidden; font-size: 14px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.main .main-right .productList li:hover {
	border: 1px solid rgb(62, 177, 53); border-image: none;
}
.news-list {
	font-size: 0px; margin-top: 20px;
}
.news-list > li {
	margin-bottom: 20px;
}
.news-list > li > a {
	background: rgb(255, 255, 255); padding: 20px; border: 1px solid rgb(216, 216, 216); transition:0.3s; border-image: none; display: block; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.news-list > li > a > div {
	vertical-align: top; display: inline-block;
}
.news-list > li > a > div.time {
	transition:0.3s; width: 80px; height: 80px; text-align: center; padding-top: 6px; margin-right: 20px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.news-list > li > a > div.time > strong {
	height: 48px; color: rgb(0, 0, 0); line-height: 48px; font-size: 48px; font-weight: normal; display: inline-block;
}
.news-list > li > a > div.time > p {
	height: 20px; color: rgb(0, 0, 0); line-height: 20px; font-size: 14px;
}
.news-list > li > a > div.news-content {
	width: 740px;
}
.news-list > li > a > div.news-content > h3 {
	transition:0.3s; color: rgb(51, 51, 51); line-height: 20px; font-size: 14px; font-weight: bold; margin-bottom: 10px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.news-list > li > a > div.news-content > p {
	transition:0.3s; height: 50px; color: rgb(51, 51, 51); line-height: 25px; overflow: hidden; font-size: 12px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.news-list > li > a.cur {
	background: rgb(62, 177, 53); border: 1px solid rgb(62, 177, 53); border-image: none;
}
.news-list > li > a.cur > div.time {
	background: rgb(85, 85, 85);
}
.news-list > li > a.cur > div.news-content > h3 {
	color: rgb(255, 255, 255);
}
.news-list > li > a.cur > div.news-content > p {
	color: rgb(255, 255, 255);
}
.form-div {
	border: 1px solid rgb(216, 216, 216); border-image: none; width: 100%; padding-top: 30px; padding-bottom: 30px; margin-top: 20px; min-height: 400px;
}
#mes-form {
	width: 100%; text-align: center;
}
#mes-form ul {
	overflow: hidden;
}
#mes-form li {
	margin: 0px 30px 30px; border: 1px solid rgb(216, 216, 216); border-image: none; width: 380px; font-size: 0px; vertical-align: bottom; float: left;
}
#mes-form li label {
	width: 10%; text-align: center; color: rgb(237, 27, 36); line-height: 38px; font-size: 14px; vertical-align: middle; display: inline-block;
}
#mes-form li:last-child {
	width: 820px;
}
#mes-form input {
	border: 0px currentColor; border-image: none;
}
#mes-form input[type=text] {
	width: 90%; line-height: normal; padding-left: 10px; font-size: 14px; vertical-align: middle; display: inline-block;
}
#mes-form input[type=email] {
	width: 90%; line-height: normal; padding-left: 10px; font-size: 14px; vertical-align: middle; display: inline-block;
}
#mes-form textarea {
	padding: 10px; border: 0px currentColor; border-image: none; width: 100%; height: 150px; text-align: left; line-height: 20px; font-size: 14px; display: inline-block; resize: none;
}
#mes-form #sub-btn {
	padding: 10px 60px; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; cursor: pointer; background-color: rgb(62, 177, 53);
}
.news-main {
	padding: 15px 20px 30px; border: 1px solid rgb(216, 216, 216); border-image: none; margin-top: 20px;
}
.news-info .hd {
	text-align: center; padding-bottom: 20px; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
.news-info .hd h1 {
	color: rgb(0, 0, 0); line-height: 36px; font-size: 22px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;
}
.news-info .hd p {
	color: rgb(51, 51, 51); line-height: 18px; font-size: 12px;
}
.news-info .bd {
	padding: 20px 0px 0px; margin-bottom: 30px; min-height: 600px;
}
.news-info .bd .page {
	line-height: 2; font-size: 14px;
}
.turn {
	padding: 10px 0px; width: 100%; overflow: hidden; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.turn > div {
	width: 50%; overflow: hidden;
}
.turn > div a.iconfont {
	margin: 0px 10px; transition:0.3s; color: rgb(204, 204, 204); line-height: normal; font-size: 30px; vertical-align: middle; display: inline-block; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.turn > div a.iconfont:hover {
	color: rgb(62, 177, 53); text-decoration: none;
}
.turn > div p.turn-main {
	transition:0.3s; color: rgb(51, 51, 51); line-height: 30px; font-size: 14px; vertical-align: middle; display: inline-block; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.turn > div p.turn-main a {
	transition:0.3s; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.turn > div p.turn-main:hover a {
	color: rgb(62, 177, 53); text-decoration: none;
}
.turn > div p.turn-main span {
	display: block;
}
.turn .prev {
	float: left;
}
.turn .next {
	text-align: right; float: right;
}
.turn .next a.iconfont {
	text-align: right;
}
.turn .next a.turn-main {
	text-align: right;
}
.pagination-wrapper {
	margin: 60px 0px 0px; text-align: center;
}
.pagination {
	font-size: 14px;
}
.pagination li {
	vertical-align: top; display: inline-block;
}
.pagination li a {
	background: rgb(247, 247, 247); padding: 0px 12px; border-radius: 4px; border: 1px solid rgb(223, 223, 223); transition:0.3s; border-image: none; height: 32px; color: rgb(153, 153, 153); line-height: 32px; font-size: 14px; text-decoration: none; margin-right: 8px; display: inline-block; box-sizing: border-box;
}
.pagination li:last-child {
	margin-right: 0px;
}
.pagination li a:hover {
	background: rgb(62, 177, 53); border-color: rgb(62, 177, 53); color: rgb(255, 255, 255);
}
.thisclass {
	background: rgb(62, 177, 53); padding: 0px 12px; border-radius: 4px; border: 1px solid rgb(223, 223, 223); transition:0.3s; border-image: none; height: 32px; color: rgb(255, 255, 255); line-height: 32px; font-size: 14px; text-decoration: none; margin-right: 8px; display: inline-block; box-sizing: border-box;
}
.pagination .pageinfo {
	padding: 0px 12px; border: 1px solid rgb(85, 85, 85); border-image: none; height: 32px; color: rgb(85, 85, 85); line-height: 32px; font-size: 14px; display: inline-block; box-sizing: border-box;
}


/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 34px;
margin-right: 5px;
}
.pagination li a{
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;
}
.pagination li.thisclass {
background: rgb(62, 177, 53);
color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: rgb(62, 177, 53);
color: #fff;
cursor: default;
}