﻿* {
	box-sizing: border-box;
	outline: 0
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ellipsis2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.ellipsis3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3
}

.ellipsis4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4
}

.ellipsis5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5
}

.middleCenter {
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.about .titleBig-1 {
	color: #009a4e;
	font-weight: 700;
	font-size: 36px;
	line-height: 52px;
	margin-bottom: 20px;
	position: relative;
}

.about .titleBig-1 .icon {
	display: inline-block;
	width: 64px;
	height: 64px;
	float: left;
	position: absolute;
	left: 0;
	top: 0
}

.about .titleBig-1 .title {
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	color: #666;
	text-indent: 72px;
	line-height: 1;
	position: relative
}

.about .titleBig-1 .title-2 {
	text-indent: 72px
}

.about .titleBig-2 {
	color: #009a4e;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	position: relative
}

.about .titleBig-2 .icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: top
}

.about .titleBig-2 .title {
	display: inline
}

.about .titleBig-3 {
	color: #009a4e;
	font-weight: 700;
	font-size: 40px;
	line-height: 1;
	text-align: center;
	position: relative
}

.about .titleBig-3 .icon {
	display: block;
	margin: auto auto 20px auto;
	width: 64px;
	height: 64px;
	vertical-align: top
}

.about .titleBig-3 .title {
	margin-bottom: 20px
}

.about .titleBig-3 .info {
	color: #333;
	font-size: 16px;
	font-weight: 400
}

.brief {
	color: #6e7673;
	font-size: 18px;
	line-height: 28px;
	padding: 100px 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover
}

.brief .div-1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	position: relative
}

.brief .div-1 .left {
	width: 620px
}

.brief .div-1 .right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 20px 0 0 70px
}

.brief .div-1 .pic {
	float: left;
	border-radius: 10px;
	overflow: hidden
}

.brief .p-1 {
	margin-bottom: 20px
}

.zhici {
	padding: 80px 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #474747;
	font-size: 16px;
	line-height: 26px
}

.zhici .nr {
	margin-top: 40px
}

.zhici .welcome {
	background: #c8141d;
	color: #fff
}

.zhici .welcome img {
	max-height: 40px;
	vertical-align: top
}

.zhici .p-1 {
	margin-bottom: 20px
}

.zhici .info {
	padding: 40px 0 0 0
}

.zhici .qm {
	text-align: right
}

.zhici .qm img {
	max-height: 80px;
}

.cultrue {
	padding: 80px 0 0 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #474747;
	font-size: 16px;
	line-height: 26px
}

.cultrue .nr {
	margin-top: 50px
}

.cultrue .list {
	margin-left: -25px;
	margin-right: -25px
}

.cultrue .list li {
	width: 25%;
	float: left;
	padding: 0 25px
}

.cultrue .list .box {
	display: block;
	text-align: center;
	color: #fff;
	position: relative
}

.cultrue .list .pic {
	overflow: hidden;
	position: relative
}

.cultrue .list .pic:after {
	content: "";
	display: block;
	padding-top: 96.15384615%
}

.cultrue .list .pic img {
	width: 100%;
	-webkit-transition: all .5s;
	transition: all .5s
}

.cultrue .list .text {
	background-color: rgba(30,136,87,0.8);
	padding: 0 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	z-index: 9;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.cultrue .list .txt {
	width: 100%
}

.cultrue .list .title {
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
	padding-bottom: 20px;
	border-bottom: 1px rgba(255,255,255,0.6) solid;
	margin-bottom: 20px
}

.cultrue .list .info {
	font-size: 18px;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	padding: 0 20px
}

.cultrue .list .box:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.cultrue .list .box:hover .text {
	background-color: rgba(30,136,87,0.9)
}

.history {
	position: relative;
	padding: 100px 0 0 0
}

.history .container {
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
	position: relative
}

.history .con {
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 0 30px 40px 30px
}

.history .titleBig-1 {
	font-size: 36px;
	max-height: 104px;
	overflow: hidden;
}

.history .titleBig-1 .title {
	text-indent: 80px
}

.history .titleBig-1 .title-2 {
	text-indent: 80px
}

.history .conTabs .box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.history .conTabs .pic {
	width: 50%;
	float: left;
	padding-left: 5%
}

.history .conTabs .pic img {
            /*width: 100%;*/
}

.history .conTabs .pic span {
	display: block;
	max-width: 640px;
	position: relative
}

.history .conTabs .pic span:after {
	content: "";
	display: block;
	padding-top: 100%
}

.history .conTabs .text {
	width: 45%;
	float: right;
	padding: 0 0 40px 40px;
	position: relative
}

.history .conTabs .text .date {
	color: #333;
	font-size: 36px;
	padding: 30px 0 50px 0
}

.history .conTabs .text .info {
	color: #555;
	font-size: 18px;
	line-height: 24px
}

.history .conTabs .text .info .span-1 {
	color: #000
}

.history .conTabs .slick-active .pic {
	-webkit-animation: 500ms fadeInLeft2 linear;
	animation: 500ms fadeInLeft2 linear
}

.history .conTabs .slick-active .text {
	-webkit-animation: 500ms fadeInRight2 linear;
	animation: 500ms fadeInRight2 linear
}

.history .menuTabs {
	padding: 0 50px;
	position: relative
}

.history .menuTabs:before {
	content: "";
	width: 100%;
	height: 1px;
	border-bottom: 1px #adacaa solid;
	position: absolute;
	left: 0;
	top: 4px;
	margin: auto;
	display: block
}

.history .menuTabs .slick-list {
	padding: 4px 0 0 0
}

.history .menuTabs .date {
	text-align: center;
	color: #909090;
	font-size: 16px;
	height: 50px;
	line-height: 50px
}

.history .menuTabs .slide {
	width: 20%;
	float: left
}

.history .menuTabs .box {
	cursor: pointer;
	position: relative
}

.history .menuTabs .box:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #909090;
	margin: auto;
	position: absolute;
	z-index: 1;
	top: -4px;
	left: 0;
	right: 0
}

.history .menuTabs .box:after {
	content: "";
	display: block;
	margin: auto;
	background: #e9e9e9;
	height: 1px;
	width: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 50%
}

.history .menuTabs .swiper-container {
	overflow: initial
}

.history .menuTabs .slick-current .date {
	color: #009a4e;
	font-weight: 700
}

.history .menuTabs .slick-current .box:before {
	background: #009a4e
}

.history .menuTabs .slick-current .box:after {
	width: 100%;
	background: #009a4e
}

.history .slick-prev:before, .history .slick-next:before {
	font-size: 20px;
	opacity: 1
}

.history .slick-prev, .history .slick-next {
	width: 46px;
	height: 46px;
	background: #e9e9e9 !important;
	border-radius: 50%;
	z-index: 66;
	top: -20px;
	border: 0 !important;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.history .slick-prev:before, .history .slick-next:before {
	content: "";
	width: 100%;
	height: 100%;
	opacity: .8;
	position: absolute;
	top: 0;
	left: 0
}

.history .slick-prev {
	left: 0
}

.history .slick-prev:before {
	background: url(../images/icon/prev-1.svg) no-repeat center center;
	background-size: 20px 20px
}

.history .slick-prev:hover {
	background: #009a4e !important
}

.history .slick-prev:hover:before {
	background: url(../images/icon/prev-2.svg) no-repeat center center;
	background-size: 20px 20px;
	opacity: 1
}

.history .slick-next {
	right: 0
}

.history .slick-next:before {
	background: url(../images/icon/next-1.svg) no-repeat center center;
	background-size: 20px 20px
}

.history .slick-next:hover {
	background: #009a4e !important
}

.history .slick-next:hover:before {
	background: url(../images/icon/next-2.svg) no-repeat center center;
	background-size: 20px 20px;
	opacity: 1
}

.honor {
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding: 80px 0 80px 0
}

.honor .slick-prev, .honor .slick-next {
	width: 60px;
	height: 60px;
	border: 0 !important;
	margin-top: -30px;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	border-radius: 100%
}

.honor .slick-prev:hover, .honor .slick-next:hover {
	background-color: #009a4e
}

.honor .slick-prev {
	left: -70px;
	background: url(../images/prev-2.png) no-repeat center center rgba(0,154,78,0.2)
}

.honor .slick-next {
	right: -70px;
	background: url(../images/next-2.png) no-repeat center center rgba(0,154,78,0.2)
}

.honor .nr {
	margin-top: 50px
}

.honor .list {
	margin-left: -20px;
	margin-right: -20px
}

.honor .list .slick-list {
	padding-bottom: 20px
}

.honor .list li {
	width: 25%;
	float: left;
	padding: 0 20px
}

.honor .list .box {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 6px 21px 0 rgba(0,154,78,0.08)
}

.honor .list .pic {
	background: #f5f5f5;
	overflow: hidden;
	position: relative
}

.honor .list .pic:after {
	content: "";
	display: block;
	padding-top: 75%
}

.honor .list .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.honor .list .title {
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	font-size: 20px;
	background: #fff
}

.honor .list .box:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.honor .list .box:hover .title {
	color: #009a4e
}

.honor .slick-dots {
	font-size: 0;
	bottom: 0
}

.honor .slick-dots li {
	width: auto !important;
	height: auto;
	float: none !important;
	padding: 0 !important
}

.honor .slick-dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
	background: #666
}

.honor .slick-dots button:before {
	content: ""
}

.honor .slick-dots .slick-active button {
	background: #009a4e
}

@media (max-width:1280px) {
	.honor .slick-prev {
		left: 0
	}

	.honor .slick-next {
		right: 0
	}
}

.partner {
	position: relative
}

.partner .con {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 600px
}

.partner .left {
	width: 400px;
	padding-top: 150px;
	padding-right: 30px;
	position: relative
}

.partner .left .titleBig-2 {
	font-size: 38px
}

.partner .left .bg {
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	width: 660px;
	height: 100%;
	position: absolute;
	z-index: -1;
	right: 0;
	top: 0
}

.partner .left .js {
	color: #6e7673;
	font-size: 16px;
	line-height: 30px;
	margin-top: 50px
}

.partner .right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #fff;
	padding: 60px 0 0 60px
}

.partner .list {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 20px
}

.partner .list li {
	width: 33.33333333%;
	float: left;
	padding: 0 20px 40px 20px
}

.partner .list .box {
	display: block;
	box-shadow: 0 6px 21px 0 rgba(0,154,78,0.08);
	-webkit-transition: all .5s;
	transition: all .5s
}

.partner .list .pic {
	display: block;
	overflow: hidden;
	position: relative
}

.partner .list .pic:after {
	content: "";
	display: block;
	padding-top: 40%
}

.partner .list .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.partner .list .box:hover {
	box-shadow: 0 6px 21px 0 rgba(0,154,78,0.18)
}

.partner .list .box:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

@media screen and (max-width:1440px) {
	.about .titleBig-1 {
		font-size: 30px
	}

	.about .titleBig-2 {
		font-size: 30px
	}

	.about .titleBig-3 {
		font-size: 30px
	}

	.about .titleBig-3 .info {
		font-size: 14px
	}

	.brief {
		padding: 60px 0;
		font-size: 14px
	}

	.zhici {
		padding: 60px 0;
		font-size: 14px;
		line-height: 28px
	}

	.cultrue {
		padding-top: 60px
	}

	.cultrue .list {
		margin-left: -15px;
		margin-right: -15px
	}

	.cultrue .list li {
		padding: 0 15px
	}

	.cultrue .list .title {
		font-size: 24px
	}

	.cultrue .list .info {
		padding: 0;
		font-size: 14px;
		line-height: 24px;
		height: 48px
	}

	.history {
		padding-top: 60px
	}

	.honor {
		padding: 60px 0 40px 0
	}

	.honor .list {
		margin-left: -15px;
		margin-right: -15px
	}

	.honor .list .title {
		font-size: 14px
	}

	.honor .list li {
		padding: 0 15px
	}

	.partner .con {
		min-height: 400px
	}

	.partner .left .js {
		font-size: 14px;
		line-height: 28px
	}
}

.shoujinav{
    display: none;
}


@media screen and (max-width:1200px) {
    
    .shoujinav{
    display: block;
    width: 100%;
    
}
 .shoujinav li {float:left; width:24.4%; margin:1px; text-align:center; background-color:#009a4e; height:40px; line-height:40px; font-size:18px;}
.shoujinav li a{color:#ffffff;}
	.about .titleBig-1 {
		font-size: 24px;
		line-height: 36px
	}

	.about .titleBig-1 .icon {
		width: 48px;
		height: 48px
	}

	.about .titleBig-1 .title {
		text-indent: 60px;
		font-size: 14px
	}

	.about .titleBig-1 .title-2 {
		text-indent: 60px
	}

	.about .titleBig-2 {
		font-size: 24px
	}

	.about .titleBig-3 {
		font-size: 24px
	}

	.about .titleBig-3 .info {
		font-size: 14px
	}

	.brief {
		clear: both;
		padding: 40px 0
	}

	.brief .div-1 {
		overflow: hidden;
		display: block
	}

	.brief .div-1 .left {
		width: 100%;
		clear: both
	}

	.brief .div-1 .left img {
		width: 100%
	}

	.brief .div-1 .right {
		width: 100%;
		clear: both;
		padding: 40px 0 0 0
	}

	.brief .div-1 .right .p-1:last-child {
		margin-bottom: 0
	}

	.zhici {
		padding: 40px 0
	}

	.zhici .welcome img {
		max-height: 30px
	}

	.zhici .nr {
		margin-top: 30px
	}

	.zhici .info {
		padding: 30px 0
	}

	.zhici .qm img {
		max-height: 48px
	}

	.cultrue {
		padding-top: 40px
	}

	.cultrue .nr {
		margin-top: 30px
	}

	.cultrue .list {
		margin-left: -10px;
		margin-right: -10px
	}

	.cultrue .list li {
		padding: 0 10px 20px 10px;
		width: 50%
	}

	.history {
		padding-top: 40px
	}

	.history .nr {
		margin-top: 20px
	}

	.history .titleBig-1 {
		margin-bottom: 0
	}

	.history .conTabs .pic {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		-webkit-animation: none !important;
		animation: none !important
	}

	.history .conTabs .pic span {
		margin: auto;
		max-width: 100%
	}

	.history .conTabs .pic img {
		width: 100%
	}

	.history .conTabs .text {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
		-webkit-animation: none !important;
		animation: none !important
	}

	.history .conTabs .text .year {
		font-size: 130px;
		line-height: 1;
		top: 0;
		left: 0
	}

	.history .conTabs .text .date {
		font-size: 20px;
		padding: 10px 0
	}

	.history .conTabs .text .info {
		font-size: 14px
	}

	.history .menuTabs {
		margin-top: 30px;
		padding-left: 0;
		padding-right: 0
	}

	.history .menuTabs .year {
		font-size: 24px
	}

	.history .menuTabs .bt {
		font-size: 16px
	}

	.history .menuTabs .slick-prev {
		left: -20px
	}

	.history .menuTabs .slick-next {
		right: -20px
	}

	.honor {
		padding-top: 40px;
		padding-bottom: 20px
	}

	.honor .list {
		margin-left: -10px;
		margin-right: -10px
	}

	.honor .list li {
		padding: 0 10px 20px 10px;
		width: 50%
	}

	.partner .con {
		display: block;
		min-height: auto
	}

	.partner .left {
		width: 100%;
		padding: 60px 20px 40px 20px
	}

	.partner .left .bg {
		width: 100%;
		left: 0
	}

	.partner .left .js {
		margin-top: 40px
	}

	.partner .right {
		padding: 20px 0
	}

	.partner .list {
		margin-left: -15px;
		margin-right: -15px
	}

	.partner .list li {
		padding: 0 15px 30px 15px
	}
}

@media screen and (max-width:840px) {
	.honor .slick-prev, .honor .slick-next {
		z-index: 999;
		width: 48px;
		height: 48px
	}

	.honor .slick-next {
		right: 0
	}
}

@media screen and (max-width:640px) {
	.cultrue .list {
		margin-left: -5px;
		margin-bottom: -5px
	}

	.cultrue .list li {
		padding: 0 5px 10px 5px
	}

	.cultrue .list .text {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
		padding: 0 10px
	}

	.cultrue .list .title {
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 10px
	}

	.history .conTabs .box {
		display: block
	}

	.history .conTabs .pic {
		width: 100%
	}

	.history .conTabs .text {
		padding: 20px 0
	}

	.history .menuTabs .slick-prev, .history .menuTabs .slick-next {
		width: 30px;
		height: 30px;
		top: -10px
	}

	.history .menuTabs .slick-prev:before, .history .menuTabs .slick-next:before {
		background-size: 16px
	}

	.honor .list {
		margin-left: -5px;
		margin-right: -5px
	}

	.honor .list li {
		padding: 0 5px 10px 5px
	}

	.partner .left .titleBig-2 {
		font-size: 24px;
		text-align: left
	}

	.partner .left .js {
		margin-top: 20px
	}

	.partner .list {
		margin-left: -5px;
		margin-right: -5px
	}

	.partner .list li {
		padding: 0 5px 10px 5px
	}
}

.grb {
	padding-top: 100px;
	padding-bottom: 100px
}

.grb .container {
	max-width: 1290px
}

.grb .list {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 70px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.grb .list img {
	display: block;
	vertical-align: middle;
	float: left;
	width: 100%
}

.grb .list li {
	padding: 0 5px 10px 5px;
	width: 50%;
	float: left
}

.grb .list .pic {
	overflow: hidden;
	font-size: 0
}

.grb .list .div-1 {
	width: 100%;
	clear: both;
	padding-top: 10px
}

.grb .list .div-2 {
	padding: 0 5px 0 0;
	float: left;
	width: 50%
}

.grb .list .div-2:nth-child(2) {
	padding-left: 5px;
	padding-right: 0
}

.grb .list .li-2 {
	width: 50%
}

.grb .list .box {
	display: block;
	position: relative
}

.grb .list .title {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 27.5%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #009a4e;
	color: #fff;
	font-size: 16px;
	padding: 0 10px;
	position: absolute;
	bottom: 0;
	left: 0
}

.grb .list .title-2 {
	background: #87c03d;
	font-size: 20px;
	height: 25%
}

.grb .list .title-3 {
	height: 100%;
	background: #efb443;
	color: #14140c;
	font-size: 46px
}

@media screen and (max-width:1440px) {
	.grb {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.grb .container {
		max-width: 1200px;
		padding: 0 20px
	}

	.grb .list {
		margin-bottom: 50px
	}

	.grb .list .title-2 {
		font-size: 16px
	}

	.grb .list .title-3 {
		font-size: 36px
	}
}

@media screen and (max-width:640px) {
	.grb {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.grb .list {
		margin-bottom: 20px
	}

	.grb .list li {
		padding: 0 5px 10px 5px
	}

	.grb .list .div-1 {
		padding-right: 5px
	}

	.grb .list .div-1:nth-child(2) {
		padding-left: 5px;
		padding-right: initial
	}

	.grb .list .title {
		font-size: 14px;
		line-height: 24px
	}

	.grb .list .title-3 {
		font-size: 24px
	}
}

@media screen and (max-width:768px) {
	.grb .list li {
		width: 100%
	}

	.grb .list .li-2 {
		width: 100%
	}

	.grb .list .title-3 {
		height: 100%
	}
}

.hxyw .titleBig-1 {
	color: #fff;
	font-weight: 700;
	font-size: 36px;
	line-height: 52px;
	margin-bottom: 20px;
	position: relative
}

.hxyw .titleBig-1 .icon {
	display: inline-block;
	width: 64px;
	height: 64px;
	float: left;
	position: absolute;
	left: 0;
	top: 0
}

.hxyw .titleBig-1 .title {
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	text-indent: 80px;
	line-height: 1;
	position: relative
}

.hxyw .titleBig-1 .title-2 {
	text-indent: 80px
}

.hxyw img {
	vertical-align: middle
}

.hxyw .titleBig {
	font-size: 44px;
	line-height: 1;
	color: #333;
	font-weight: 700;
	margin-bottom: 60px
}

.hxyw .baozhang {
	padding: 100px 0;
	position: relative
}

.hxyw .baozhang .container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.hxyw .baozhang:before {
	content: "";
	display: block;
	width: 100%;
	height: 55%;
	background: #f6f6f6;
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0
}

.hxyw .baozhang .left {
	width: 45%;
	float: left
}

.hxyw .baozhang .right {
	width: 55%;
	float: left;
	text-align: right
}

.hxyw .baozhang .text {
	font-size: 16px;
	color: #7a7a7a;
	line-height: 26px;
	padding: 0 100px 25px 0;
	text-align: right
}

.hxyw .baozhang .p-1 {
	display: inline-block;
	font-size: 24px;
	line-height: 38px;
	color: #333;
	max-width: 330px;
	margin-bottom: 30px
}

.hxyw .cangchu {
	padding: 100px 0
}

.hxyw .cangchu .container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.hxyw .cangchu .left {
	width: 47.2%;
	min-height: 520px;
	float: left;
	position: relative
}

.hxyw .cangchu .left .pic {
	width: auto;
	position: absolute;
	right: 0;
	top: 0
}

.hxyw .cangchu .left .pic img {
	max-width: initial
}

.hxyw .cangchu .right {
	width: 52.8%;
	float: right;
	padding: 78px 0 78px 170px;
	position: relative
}

.hxyw .cangchu .right:before {
	content: "";
	display: block;
	border: 20px #f8f8f8 solid;
	width: 45%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50px
}

.hxyw .cangchu .text {
	background: #fff;
	font-size: 18px;
	color: #7a7a7a;
	line-height: 30px;
	padding: 40px 0
}

.hxyw .cangchu .p-1 {
	display: inline-block;
	font-size: 24px;
	line-height: 38px;
	color: #333;
	max-width: 330px;
	margin-bottom: 30px
}

.hxyw .ziyuan {
	font-size: 22px;
	line-height: 36px;
	color: #7a7a7a;
	background: #f5f5f5;
	padding: 100px 0
}

.hxyw .ziyuan .titleBig {
	text-align: center;
	margin-bottom: 0
}

.hxyw .ziyuan .nr {
	margin-top: 40px
}

.hxyw .ziyuan .pics {
	margin-top: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.hxyw .ziyuan .pics > div:first-child {
	padding-right: 10px
}

.hxyw .ziyuan .pics > div:last-child {
	padding-left: 10px
}

.hxyw .jiagong {
	padding: 100px 0
}

.hxyw .jiagong .slick-prev, .hxyw .jiagong .slick-next {
	background-color: rgba(255,255,255,0.6);
	width: 68px;
	height: 68px;
	z-index: 9;
	top: auto;
	left: auto;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.hxyw .jiagong .slick-prev:before, .hxyw .jiagong .slick-next:before {
	content: "";
	width: 100%;
	height: 100%;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0
}

.hxyw .jiagong .slick-prev:hover, .hxyw .jiagong .slick-next:hover {
	background-color: #009a4e
}

.hxyw .jiagong .slick-prev {
	right: 0;
	bottom: 0
}

.hxyw .jiagong .slick-prev:before {
	background: url(../images/icon/prev-3.svg) no-repeat center center;
	background-size: 20px 20px
}

.hxyw .jiagong .slick-prev:hover:before {
	background: url(../images/icon/prev-4.svg) no-repeat center center;
	background-size: 20px 20px
}

.hxyw .jiagong .slick-next {
	right: 0;
	bottom: 70px
}

.hxyw .jiagong .slick-next:before {
	background: url(../images/icon/next-3.svg) no-repeat center center;
	background-size: 20px 20px
}

.hxyw .jiagong .slick-next:hover:before {
	background: url(../images/icon/next-4.svg) no-repeat center center;
	background-size: 20px 20px
}

.hxyw .jiagong .container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.hxyw .jiagong .left {
	width: 61.42%;
	min-height: 560px;
	float: left;
	position: relative
}

.hxyw .jiagong .left .pics {
	width: 1120px;
	position: absolute;
	right: 0;
	top: 0
}

.hxyw .jiagong .left .pics img {
	max-width: initial
}

.hxyw .jiagong .right {
	width: 38.58%;
	float: right;
	padding: 78px 0 78px 100px;
	position: relative
}

.hxyw .jiagong .text {
	background: #fff;
	font-size: 22px;
	line-height: 36px;
	color: #7a7a7a;
	padding: 40px 0;
	text-align: justify
}

.hxyw .jiagong .p-1 {
	display: inline-block;
	font-size: 24px;
	line-height: 38px;
	color: #333;
	max-width: 330px;
	margin-bottom: 30px
}

.hxyw .zhidu {
	position: relative
}

.hxyw .zhidu:before {
	content: "";
	display: block;
	background: #87c03d;
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0
}

.hxyw .zhidu .container:after {
	content: "";
	display: block;
	clear: both
}

.hxyw .zhidu .left {
	width: 47.14%;
	min-height: 910px;
	float: left;
	position: relative
}

.hxyw .zhidu .left .pic {
	position: absolute;
	right: 0;
	top: 0
}

.hxyw .zhidu .left .pic img {
	max-width: initial
}

.hxyw .zhidu .right {
	width: 52.86%;
	float: right;
	padding: 96px 0 96px 90px;
	background: #87c03d;
	color: #fff;
	position: relative
}

.hxyw .zhidu .titleBig-1 {
	margin-bottom: 40px
}

.hxyw .zhidu .list li {
	padding-bottom: 40px
}

.hxyw .zhidu .list li:last-child {
	padding-bottom: 0
}

.hxyw .zhidu .list .box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.hxyw .zhidu .list .icon {
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 5px;
	overflow: hidden
}

.hxyw .zhidu .list .text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 25px
}

.hxyw .zhidu .list .title {
	font-weight: 700;
	font-size: 18px
}

.hxyw .zhidu .list .info {
	font-size: 14px;
	line-height: 20px
}

@media screen and (max-width:1440px) {
	.hxyw .titleBig {
		font-size: 36px;
		margin-bottom: 40px
	}

	.hxyw .baozhang {
		padding: 60px 0
	}

	.hxyw .baozhang .p-1 {
		font-size: 20px
	}

	.hxyw .baozhang .text {
		font-size: 16px;
		line-height: 28px
	}

	.hxyw .cangchu {
		padding: 60px 0
	}

	.hxyw .cangchu .right {
		padding-left: 130px
	}

	.hxyw .cangchu .text {
		font-size: 16px;
		line-height: 32px
	}

	.hxyw .ziyuan {
		font-size: 16px;
		line-height: 28px;
		padding: 60px 0
	}

	.hxyw .ziyuan .titleBig {
		margin-bottom: 20px
	}

	.hxyw .jiagong {
		padding: 60px 0
	}

	.hxyw .jiagong .titleBig {
		margin-bottom: 40px
	}

	.hxyw .jiagong .right {
		padding-left: 80px
	}

	.hxyw .jiagong .text {
		font-size: 16px;
		line-height: 28px
	}
}

@media screen and (max-width:1200px) {
	.hxyw .titleBig {
		font-size: 24px;
		margin-bottom: 20px
	}

	.hxyw .titleBig-1 {
		font-size: 24px;
		line-height: 36px
	}

	.hxyw .titleBig-1 .title {
		font-size: 14px;
		text-indent: 60px
	}

	.hxyw .titleBig-1 .title-2 {
		text-indent: 60px
	}

	.hxyw .titleBig-1 .icon {
		width: 48px;
		height: 48px
	}

	.hxyw .baozhang {
		padding: 40px 0
	}

	.hxyw .baozhang .container {
		display: block
	}

	.hxyw .baozhang .right {
		width: 100%
	}

	.hxyw .baozhang .left {
		width: 100%
	}

	.hxyw .baozhang .text {
		padding: 30px 0 0 0;
		font-size: 14px;
		line-height: 2
	}

	.hxyw .baozhang .p-1 {
		font-size: 16px;
		max-width: 100%;
		margin-bottom: 10px
	}

	.hxyw .cangchu {
		padding: 40px 0
	}

	.hxyw .cangchu .container {
		display: block
	}

	.hxyw .cangchu .left {
		width: 100%;
		min-height: auto
	}

	.hxyw .cangchu .left .pic {
		position: static
	}

	.hxyw .cangchu .left .pic img {
		max-width: 100%
	}

	.hxyw .cangchu .text {
		padding: 30px 0 0 0;
		font-size: 14px;
		line-height: 2
	}

	.hxyw .cangchu .right {
		width: 100%;
		padding: 0
	}

	.hxyw .ziyuan {
		padding: 40px 0;
		font-size: 14px;
		line-height: 2
	}

	.hxyw .ziyuan .nr {
		margin-top: 0
	}

	.hxyw .ziyuan .container {
		display: block
	}

	.hxyw .ziyuan .pics {
		margin-top: 30px
	}

	.hxyw .jiagong {
		padding: 40px 0
	}

	.hxyw .jiagong .container {
		display: block
	}

	.hxyw .jiagong .left {
		width: 100%;
		min-height: auto
	}

	.hxyw .jiagong .left .pics {
		width: 100%;
		position: static
	}

	.hxyw .jiagong .left .pics img {
		max-width: 100%
	}

	.hxyw .jiagong .right {
		width: 100%;
		padding: 0
	}

	.hxyw .jiagong .text {
		padding: 30px 0 0 0;
		font-size: 14px;
		line-height: 2
	}

	.hxyw .jiagong .titleBig {
		margin-bottom: 20px
	}

	.hxyw .jiagong .slick-prev, .hxyw .jiagong .slick-next {
		width: 30px;
		height: 30px;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.hxyw .jiagong .slick-prev:before, .hxyw .jiagong .slick-next:before {
		background-size: 16px 16px !important
	}

	.hxyw .jiagong .slick-prev {
		left: 0
	}

	.hxyw .jiagong .slick-next {
		right: 0
	}

	.hxyw .zhidu:before {
		display: none
	}

	.hxyw .zhidu .container {
		display: block
	}

	.hxyw .zhidu .left {
		width: 100%;
		min-height: auto
	}

	.hxyw .zhidu .left .pic {
		width: 100%;
		position: static
	}

	.hxyw .zhidu .left .pic img {
		max-width: 100%
	}

	.hxyw .zhidu .right {
		width: 100%;
		padding: 30px 30px
	}

	.hxyw .zhidu .text {
		font-size: 14px;
		line-height: 2
	}

	.hxyw .zhidu .list .icon {
		width: 70px;
		height: 70px
	}
}

@media screen and (max-width:640px) {
	.hxyw .zhidu .titleBig-1 {
		margin-bottom: 30px
	}

	.hxyw .zhidu .right {
		padding: 30px 20px
	}

	.hxyw .zhidu .list li {
		padding-bottom: 20px
	}

	.hxyw .zhidu .list .icon {
		width: 50px;
		height: 50px
	}

	.hxyw .zhidu .list .text {
		padding-left: 15px
	}
}

.inside-contact {
	padding: 100px 0
}

.inside-contact .container {
	max-width: 1200px;
	box-shadow: 0 6px 21px 0 rgba(0,154,78,0.14);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 55px 75px;
	border-radius: 10px
}

.inside-contact .lxfs {
	width: 350px;
	border-radius: 10px;
	background-color: #0c3b2b;
	background-position: left top;
	background-size: cover;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	padding: 50px 30px
}

.inside-contact .lxfs a {
	color: #fff
}

.inside-contact .lxfs .titleBig {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 30px
}

.inside-contact .lxfs .list li {
	padding-bottom: 35px
}

.inside-contact .lxfs .list .box {
	display: block;
	padding-left: 40px;
	position: relative
}

.inside-contact .lxfs .list .icon {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 6px
}

.inside-contact .lxfs .list .text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.inside-contact .lxfs .list .title {
	font-weight: 700
}

.inside-contact .message {
	padding: 0 0 0 60px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.inside-contact .message #messageA {
	position: absolute;
	top: 0
}

.inside-contact .message .titleBig {
	margin-bottom: 40px
}

.inside-contact .message .titleBig .title {
	font-size: 30px;
	color: #009a4e;
	line-height: 2
}

.inside-contact .message .titleBig .info {
	color: #616161;
	font-size: 16px
}

.inside-contact .message .list {
	position: relative;
	margin-left: -15px;
	margin-right: -15px
}

.inside-contact .message li {
	width: 33.33333333%;
	float: left;
	padding: 0 15px 15px 15px;
	position: relative
}

.inside-contact .message .col-1 {
	width: 100%
}

.inside-contact .message .col-2 {
	width: 50%
}

.inside-contact .message .box {
	display: block;
	position: relative
}

.inside-contact .message .red {
	position: absolute;
	z-index: 9;
	left: 15px;
	top: 15px;
	color: #f00
}

.inside-contact .message .input-form, .inside-contact .message .textare-form {
	border: none;
	color: #333;
	font-size: 14px;
	vertical-align: middle;
	background: #f1f7f1;
	padding: 0 30px;
	font-family: "microsoft yahei";
	border-radius: 5px;
	border: 1px #f1f7f1 solid
}

.inside-contact .message .input-form:focus, .inside-contact .message .textare-form:focus {
	border: #009a4e solid 1px
}

.inside-contact .message .input-form {
	width: 100%;
	float: left;
	height: 52px;
	line-height: 50px
}

.inside-contact .message .textare-form {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
	min-height: 112px
}

.inside-contact .message .textare-form:focus {
	border: #009a4e solid 1px
}

.inside-contact .message .btn {
	padding-bottom: 0;
	padding-top: 25px;
	width: 100%
}

.inside-contact .message .submit, .inside-contact .message .reset {
	font-size: 14px;
	width: 33.3333333%;
	display: inline-block;
	max-width: 200px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	color: #fff;
	margin-right: 20px;
	background: #87c03d;
	border: none;
	border-radius: 5px;
	appearance: none;
	-webkit-tap-highlight-color: transparent
}

.inside-contact .message .submit .icon, .inside-contact .message .reset .icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
	font-size: 0
}

.inside-contact .message .submit:hover, .inside-contact .message .reset:hover {
	background: #009a4e;
	color: #fff
}

.inside-contact .message .reset {
	color: #666
}

@media screen and (max-width:1440px) {
	.inside-contact {
		padding: 60px 0
	}

	.inside-contact .container {
		padding: 35px 35px
	}

	.inside-contact .lxfs .titleBig {
		font-size: 28px
	}

	.inside-contact .messge .titleBig .title {
		font-size: 28px
	}
}

@media screen and (max-width:1200px) {
	.inside-contact .container {
		max-width: 640px;
		display: block
	}

	.inside-contact .lxfs {
		width: 100%
	}

	.inside-contact .message {
		padding: 40px 0 0 0
	}

	.inside-contact .message .titleBig {
		font-size: 24px;
		margin-bottom: 10px
	}

	.inside-contact .message .list {
		margin: auto;
		margin-left: -5px;
		margin-right: -5px
	}

	.inside-contact .message li {
		width: 100%;
		padding: 0 5px 10px 5px
	}

	.inside-contact .message .form-input {
		height: 40px;
		line-height: 38px;
		font-size: 14px;
		padding: 0 10px 0 20px
	}

	.inside-contact .message textarea {
		font-size: 14px;
		padding: 0 10px 0 20px
	}

	.inside-contact .message .red {
		top: 8px;
		left: 10px
	}

	.inside-contact .message .btn {
		padding-top: 10px;
		font-size: 14px
	}

	.inside-contact .message .submit, .inside-contact .message .reset {
		font-size: 14px;
		height: 40px;
		line-height: 40px
	}
}

@media screen and (max-width:640px) {
	.inside-contact {
		padding: 30px 0
	}

	.inside-contact .container {
		box-shadow: none;
		padding-top: 10px;
		padding-bottom: 10px;
		padding: 0 15px
	}

	.inside-contact .lxfs {
		font-size: 14px;
		padding: 30px 20px
	}

	.inside-contact .lxfs .titleBig {
		font-size: 24px;
		margin-bottom: 20px
	}

	.inside-contact .lxfs .list li {
		padding-bottom: 20px
	}

	.inside-contact .message .titleBig .title {
		font-size: 24px
	}

	.inside-contact .message .titleBig .info {
		font-size: 14px
	}

	.inside-contact .message .input-form, .inside-contact .message .textare-form {
		padding-left: 20px;
		padding-right: 20px
	}

	.inside-contact .message .input-form {
		height: 42px;
		line-height: 40px
	}
}

#allmap {
	width: 100%;
	height: 520px
}

#allmap img {
	max-width: inherit;
	max-height: inherit
}

#allmap .anchorBL {
	display: none
}

@media screen and (max-width:640px) {
	#allmap {
		height: 300px
	}
}

.select-form {
	position: relative
}

.select-form:after {
	content: "";
	width: 10px;
	height: 10px;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	position: absolute;
	z-index: 9;
	right: 20px;
	bottom: 23px;
	pointer-events: none;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.select-form select {
	border: 0;
	background-color: #f8fafb;
	height: 50px;
	line-height: 50px;
	width: 100%;
	font-size: 14px;
	color: #333;
	outline: none;
	border-radius: 25px;
	padding: 0 20px;
	vertical-align: middle;
	appearance: none;
	cursor: pointer
}

.select-form select::-ms-expand {
	display: none
}

.select-form select::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: rgba(255,255,255,0.2)
}

.select-form select::-webkit-scrollbar-track {
	border-radius: 2px;
	background-color: #eee
}

.select-form select::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: #009a4e
}

.select-form option {
	background-color: #fff
}

.job {
	width: 100%;
	overflow: hidden;
	background-color: #f7f8fa;
	padding: 80px 0 80px
}

.job .container {
	max-width: 1200px
}

.job .input-form {
	border: 0;
	background-color: #f8fafb;
	height: 50px;
	line-height: 50px;
	width: 100%;
	font-size: 14px;
	color: #333;
	outline: none;
	border-radius: 25px;
	padding: 0 20px
}

.job .hdSearch {
	background-color: #fff;
	padding: 20px 15px;
	margin-bottom: 20px
}

.job .hdSearch .list {
	margin-left: -10px;
	margin-right: -10px
}

.job .hdSearch .list li {
	width: 33.33333333%;
	float: left;
	padding: 0 10px
}

.job .hdSearch .list li:nth-child(1) {
	width: 25%
}

.job .hdSearch .list li:nth-child(2) {
	width: 25%
}

.job .hdSearch .list li:nth-child(3) {
	width: 45%
}

.job .hdSearch .list .ss .box {
	position: relative
}

.job .hdSearch .list .ss .input-form {
	padding-right: 148px
}

.job .hdSearch .list .ss .btn {
	border: 0;
	width: 128px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	position: relative;
	background-color: #009a4e;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0
}

.job .hdSearch .list .ss .btn:hover {
	background: #c9151e
}

.job .hdSearch .list .ss .btn .icon {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-top: -3px;
	margin-right: 10px
}

.job .bd .left {
	float: left;
	width: 75%
}

.job .bd .right {
	float: left;
	width: 25%;
	padding-left: 20px
}

.job .bd .list {
	background-color: #fff;
	overflow: hidden;
	border-radius: 8px;
	padding: 20px 15px 20px;
	color: #333;
	font-size: 14px;
	margin-bottom: 60px
}

.job .bd .list .titleBig {
	background: #fff;
	font-size: 16px
}

.job .bd .list li {
	background-color: #f7f8fa;
	overflow: hidden;
	border-radius: 8px;
	padding: 10px 10px 10px 15px;
	line-height: 30px;
	margin-bottom: 15px
}

.job .bd .list li:last-child {
	margin-bottom: 15px
}

.job .bd .list .box {
	display: block;
	overflow: hidden
}

.job .bd .list .col-1 {
	width: 41%;
	float: left;
	padding: 0 10px
}

.job .bd .list .col-2 {
	width: 23%;
	float: left;
	padding: 0 10px
}

.job .bd .list .col-3 {
	width: 23%;
	float: left;
	padding: 0 10px
}

.job .bd .list .col-4 {
	width: 12%;
	float: left;
	padding: 0 10px
}

.job .bd .list .btn {
	display: inline-block;
	color: #e2231e;
	border: 1px solid #c9151e;
	height: 25px;
	line-height: 23px;
	width: 88px;
	text-align: center;
	border-radius: 20px;
	-webkit-transition: none;
	transition: none
}

.job .bd .list .btn:hover {
	background: #c9151e;
	color: #fff
}

.job .bd .page a {
	background-color: #fff
}

.job .bd .page a:hover, .job .bd .page a.cpb {
	background: #009a4e
}

.job .right .con {
	overflow: hidden;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	border-radius: 4px;
	padding-top: 35px;
	padding-left: 30px;
	padding: 35px 30px 160px 30px;
	font-size: 14px;
	color: #999;
	line-height: 35px
}

.job .gg .titleBig {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	border-left: 4px #009a4e solid;
	padding-left: 10px;
	margin-bottom: 10px
}

.job .gg .lc {
	border-bottom: 1px #f2f2f2 solid;
	padding-bottom: 20px
}

.job .gg .title-1 {
	color: #333
}

.job .gg .p-2 span {
	display: inline-block
}

.job .gg .wx {
	padding: 20px 0
}

.job .gg .title-2 {
	font-weight: 700;
	font-size: 18px;
	color: #333;
	margin-bottom: 20px
}

.job .gg .title-2 .span-1 {
	color: #009a4e
}

.job .gg .div-1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.job .gg .div-1 .pic {
	border: 1px solid #f2f2f2;
	max-width: 120px;
	padding: 10px;
	float: left
}

.job .gg .div-1 img {
	vertical-align: middle
}

.job .gg .div-1 .txt {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	padding-left: 30px
}

@media screen and (max-width:1200px) {
	.job {
		padding: 40px 0
	}

	.job .container {
		max-width: 640px
	}

	.job .hdSearch .list .ss .input-form {
		padding-right: 100px
	}

	.job .hdSearch .list .ss .btn {
		height: 40px;
		line-height: 40px;
		width: 80px
	}

	.job .hdSearch .list .ss .btn .icon {
		margin-right: 4px;
		width: 14px;
		height: 14px
	}

	.job .bd .left {
		width: 100%;
		padding-bottom: 40px
	}

	.job .bd .right {
		width: 100%;
		padding: 0
	}

	.job .bd .right .con {
		background-image: none !important;
		padding-bottom: 0
	}

	.job .bd .list {
		background: transparent;
		padding: 0;
		margin-bottom: 20px
	}

	.job .bd .list .titleBig {
		display: none
	}

	.job .bd .list li {
		padding: 0
	}

	.job .bd .list .box {
		border-radius: 10px;
		background: #fff;
		padding: 10px 10px
	}

	.job .bd .list .col-1 {
		width: 100%
	}

	.job .bd .list .col-2 {
		width: 50%
	}

	.job .bd .list .col-3 {
		width: 50%
	}

	.job .bd .list .col-4 {
		width: 50%
	}

	.job .select-form select {
		height: 40px;
		line-height: 40px
	}

	.job .select-form:after {
		width: 6px;
		height: 6px;
		bottom: 20px
	}

	.job .input-form {
		height: 40px;
		line-height: 40px
	}
}

@media screen and (max-width:640px) {
	.job .hdSearch .list li {
		width: 50% !important;
		padding-bottom: 10px
	}

	.job .hdSearch .list li:nth-child(3) {
		width: 100% !important;
		padding-bottom: 0
	}

	.job .hdSearch .list .ss .input-form {
		padding-right: 100px
	}

	.job .hdSearch .list .ss .btn {
		height: 40px;
		line-height: 40px;
		width: 80px
	}

	.job .hdSearch .list .ss .btn .icon {
		margin-right: 4px
	}
}

body {
	color: #666;
	line-height: 24px;
	font-size: 16px;
	background: #fff;
	font-family: "Microsoft YaHei","arial"
}

img {
	border: 0;
	max-width: 100%;
	vertical-align: top;
	max-height: 100%;
}

.dw {
	top: -150px;
	z-index: -1;
	position: absolute
}

.vcenter {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	vertical-align: middle
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block;
	zoom: 1
}

@font-face {
	font-family: "font";
    src: url("../fonts/DIN-MEDIUM(1).woff2") format("woff2"),url("../fonts/DIN-MEDIUM(1).woff") format("woff"),url("../fonts/DIN-MEDIUM(1).ttf") format("truetype"),url("../fonts/DIN-MEDIUM(1).eot") format("embedded-opentype"),url("../fonts/DIN-MEDIUM(1).svg") format("svg")
}

.container {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto
}

@media (max-width:1440px) {
	.container {
		max-width: 1200px
	}
}

@media (max-width:1200px) {
	.container {
		max-width: 640px
	}
}

@media (max-width:640px) {
	.container {
		max-width: none !important;
		width: 100% !important;
		padding: 0 20px
	}
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes dong {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes dong {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes dong2 {
	0% {
		opacity: .5
	}

	100% {
		opacity: 1
	}
}

@keyframes dong2 {
	0% {
		opacity: .5
	}

	100% {
		opacity: 1
	}
}

.dong2 {
	-webkit-animation-name: dong2;
	animation-name: dong2
}

@-webkit-keyframes dong3 {
	0% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes dong3 {
	0% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.dong3 {
	-webkit-animation-name: dong3;
	animation-name: dong3
}

@-webkit-keyframes slideInDown2 {
	from {
		-webkit-transform: translate3d(0, -70px, 0);
		transform: translate3d(0, -70px, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInDown2 {
	from {
		-webkit-transform: translate3d(0, -70px, 0);
		transform: translate3d(0, -70px, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInDown2 {
	-webkit-animation-name: slideInDown2;
	animation-name: slideInDown2
}

@-webkit-keyframes fadeInUp2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUp2 {
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2
}

@-webkit-keyframes fadeInDown2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDown2 {
	-webkit-animation-name: fadeInDown2;
	animation-name: fadeInDown2
}

@-webkit-keyframes fadeInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2
}

@-webkit-keyframes rotate-anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate-anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.bmove1 {
	-webkit-animation-name: bmove1;
	animation-name: bmove1
}

@-webkit-keyframes bmove1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bmove1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn2 {
	-webkit-animation-name: fadeIn2;
	animation-name: fadeIn2
}

@-webkit-keyframes fadeIn2 {
	0% {
		opacity: .5
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn2 {
	0% {
		opacity: .5
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.header {
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100px;
	background: rgba(0,0,0,0.28);
	position: absolute
}

.header .logo {
	top: 25px;
	left: 120px;
	position: absolute
}

.header .logo img {
	max-height: 50.84px
}

.header .logo .ph {
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute
}

.header .nav {
	float: right
}

.header .nav .active a {
	color: #009a4e
}

.header .nav li:first-child a:after {
	display: none
}

.header .nav li {
	float: left;
	padding: 0 20px;
	line-height: 100px
}

.header .nav li > a {
	color: #fff;
	display: block;
	position: relative
}

.header .nav li > a:after {
	content: "";
	left: 50%;
	bottom: -1px;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	border-bottom: solid 6px rgba(255,255,255,0.9);
	border-left: solid 8px transparent;
	border-right: solid 8px transparent
}

.header .nav li a:hover {
	color: #009a4e
}

.header .nav li:hover > a:after {
	opacity: 1
}

.header .nav li:hover .subnav {
	display: block
}

.header .nav .subnav {
	top: 100px;
	left: 0;
	width: 100%;
	display: none;
	padding: 50px 0 90px 0;
	min-height: 400px;
	position: absolute;
	line-height: 26px;
	background: rgba(255,255,255,0.95);
	box-shadow: 0 0 15px rgba(0,0,0,0.1)
}

.header .nav .subnav .bt {
	font-size: 32px;
	line-height: 42px;
	color: #222;
	font-weight: normal
}

.header .nav .subnav .leftnr {
	width: 60%;
	float: left
}

.header .nav .subnav .leftnr .text {
	margin: 20px 0
}

.header .nav .subnav .leftnr .more a {
	color: #009a4e
}

.header .nav .subnav .leftnr .more a:hover {
	font-weight: 700
}

.header .nav .subnav .leftnr .more img {
	margin: 9px 0 0 10px
}

.header .nav .subnav .leftnr .dropMenu {
	margin-top: 40px
}

.header .nav .subnav .leftnr .dropMenu span {
	display: block;
	float: left;
	margin-top: 10px;
	padding-right: 10px;
	width: 33.3333%;
	height: 26px;
	overflow: hidden;
}

.header .nav .subnav .leftnr .dropMenu span a {
	color: #222;
	display: block;
	padding-left: 20px;
	background: url(../images/drop-arrow-2.png) no-repeat left 8px
}

.header .nav .subnav .leftnr .dropMenu span a:hover {
	color: #009a4e;
	text-decoration: underline
}

.header .nav .subnav .tu {
	width: 30%;
	float: right;
	overflow: hidden;
	position: relative
}

.header .nav .subnav .tu:after {
	content: "";
	display: block;
	padding-bottom: 66.8%
}

.header .search {
	float: right;
	margin: 38px 20px 0 10px;
	display: inline-block;
	vertical-align: top
}
.header .search1 {
	float: right;
	margin: 20px 20px 0 10px;
	list-style-type: none;
	vertical-align: top
}
.header .search1 li{
 margin-bottom: 5px;
}

.header .search .icon {
	width: 24px;
	height: 24px;
	fill: #fff
}

.fixed .search .icon {
	fill: #000;
}

.header .tel {
	float: right;
	color: #fff;
	margin-top: 30px;
	padding-right: 145px;
	display: inline-block;
	position: relative;
	padding-left: 50px;
	vertical-align: top
}

.header .tel span {
	top: 0;
	left: 0;
	border-radius: 5px;
	position: absolute;
	background: #efb443
}

.header .tel a {
	color: #fff;
	font-size: 20px;
	font-family: "font"
}

.header .tel em {
	line-height: 16px;
	display: block;
	font-style: normal
}

.header .hmenu {
	right: 30px;
	top: 15px;
	display: none;
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 32px;
	text-align: center;
	border-radius: 5px;
	vertical-align: middle;
	border: solid 1px #ccc
}

.header .hmenu img {
	vertical-align: middle
}

.fixed, .header-ny {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	position: fixed;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	-webkit-animation: 1s dong;
	animation: 1s dong
}

.fixed .logo .pc, .header-ny .logo .pc {
	opacity: 0
}

.fixed .logo .ph, .header-ny .logo .ph {
	opacity: 1
}

.fixed .nav li a, .header-ny .nav li a {
	color: #333
}

.fixed .tel, .header-ny .tel {
	color: #7a7a7a
}

.fixed .tel a, .header-ny .tel a {
	color: #333
}

.banner {
	width: 100%;
	display: block;
	overflow: hidden;
	text-align: center
}

.banner span img {
	width: 100%
}

.banner .pic {
	position: relative
}

.banner .txtbox {
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 11;
	color: #fff;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.banner .txtbox img {
	display: inline-block
}

.banner .txtbox-2 {
	top: 20%;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.banner .t1 {
	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	text-shadow: 0 0 20px rgba(0,0,0,0.7)
}

.banner .t2 {
	font-size: 36px;
	line-height: 50px;
	padding-top: 50px;
	text-shadow: 0 0 20px rgba(0,0,0,0.7)
}

.banner .t2 i {
	letter-spacing: 5px;
	display: inline-block;
	position: relative;
	font-style: normal
}

.banner .t2 i:after {
	height: 18px;
	content: "";
	bottom: -3px;
	left: 50%;
	width: 100%;
	z-index: -1;
	position: absolute;
	display: inline-block;
	background: #009a4e;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	box-shadow: 0 0 20px rgba(0,0,0,0.7)
}

.banner .t3 {
	margin-top: 40px;
	text-align: center;
}

.banner .t5 {
	margin-top: -330px;
	text-align: center;
}

.banner .slick-prev, .banner .slick-next {
	border: 0;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}

.banner .slick-prev {
	left: 30px;
	background: url(../images/prev.png) no-repeat center center rgba(0,0,0,0.4)
}

.banner .slick-prev:hover {
	background-color: rgba(0,0,0,0.2)
}

.banner .slick-next {
	right: 30px;
	background: url(../images/next.png) no-repeat center center rgba(0,0,0,0.4)
}

.banner .slick-next:hover {
	background-color: rgba(0,0,0,0.3)
}

.banner .slick-dots {
	bottom: 70px
}

.banner .slick-dots li {
	margin: 0 10px
}

.banner .slick-dots li button {
	width: 50px;
	height: 4px;
	border-radius: 0;
	background: #fff;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.banner .slick-dots li.slick-active button {
	width: 60px;
	height: 8px;
	background: #efb443
}

.banner .slick-active .t1 {
	-webkit-animation: 1.5s fadeInUp2 ease;
	animation: 1.5s fadeInUp2 ease
}

.banner .slick-active .t2 {
	-webkit-animation: 1.5s fadeInDown2 ease;
	animation: 1.5s fadeInDown2 ease
}

.banner .slick-active .index-btn {
	-webkit-animation: 1.5s bmove1 ease;
	animation: 1.5s bmove1 ease
}

@media (max-width:1200px) {
	.banner {
		margin-top: 70px
	}

	.banner .t1 {
		font-size: 20px;
		line-height: 40px
	}

	.banner .t2 {
		font-size: 14px;
		line-height: 24px;
		padding-top: 0
	}

	.banner .btn {
		display: none
	}

	.banner .slick-prev, .banner .slick-next {
		opacity: 0 !important
	}
	.search1{
		display: none
	}
}

.hid {
	text-overflow: ellipsis;
    /*white-space: nowrap;*/
}

.index-title {
	color: #333;
	text-align: center
}

.index-title .icon img {
	max-height: 60.5px
}

.index-title .t-1 {
	font-size: 40px;
	line-height: 50px;
	color: #009a4e;
	font-weight: 700;
	margin: 20px 0 0 0
}

.index-product {
	padding: 60px 0 130px 0;
	background: url(../images/pro-bg.jpg) repeat-x top center #fff
}

.index-product .list {
	margin: 0 -25px;
	margin-top: 50px
}

.index-product .list li:hover .pic img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.index-product .list li:hover .tbox {
	bottom: 20px
}

.index-product .list li:hover .tit {
	color: #fff;
	background-color: rgba(0,154,78,0.6)
}

.index-product .list li {
	width: 25%;
	float: left;
	padding: 0 25px
}

.index-product .list li .item {
	position: relative
}

.index-product .list li .pic {
	overflow: hidden;
	position: relative;
	border-radius: 30px;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.index-product .list li .pic:after {
	content: "";
	display: block;
	padding-bottom: 160.5%
}

.index-product .list li .pic img {
	border-radius: 30px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.index-product .list li .tbox {
	bottom: -25px;
	left: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.index-product .list li .icon {
	display: inline-block
}

.index-product .list li .icon img {
	background: #fff;
	border-radius: 100%
}

.index-product .list li .tit {
	color: #597b17;
	margin: 0 35px;
	height: 80px;
	font-size: 24px;
	background: #fff;
	margin-top: 10px;
	text-align: center;
	line-height: 80px;
	border-radius: 10px;
	padding: 0 10px;
	box-shadow: 6px 5px 21px rgba(0,154,78,0.08)
}

.index-product .list li .tit span {
	height: 80px;
	display: block;
	overflow: hidden
}

.index-title-2 {
	color: #333;
	padding-left: 80px;
	position: relative
}

.index-title-2 .icon {
	top: 10px;
	left: 0;
	position: absolute
}

.index-title-2 .icon img {
	max-height: 60.5px
}

.index-title-2 .t-1 {
	line-height: 20px
}

.index-title-2 .t-2 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
	color: #009a4e
}

.index-business {
	height: 760px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

.index-business .container {
	height: 100%;
	position: relative
}

.index-business .item {
	bottom: 0;
	left: 50px;
	padding: 48px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: absolute;
	background: #fff;
	max-width: 546px;
	width: 100%;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}

.index-business .item:hover {
	background: rgba(255,255,255,0.9)
}

.index-business .item ul li {
	margin-top: 30px;
	position: relative;
	padding-left: 80px
}

.index-business .item ul li .icon {
	top: -5px;
	left: 0;
	position: absolute
}

.index-business .item ul li .t-1 {
	font-size: 22px;
	line-height: 30px;
	color: #1c2228;
	height: 30px;
	overflow: hidden;
	font-weight: 700
}

.index-business .item ul li .t-2 {
	height: 48px;
	overflow: hidden;
	color: #7c7e80;
	margin-top: 10px
}

.index-business .item ul li:hover .t-1 {
	color: #597b17;
	text-decoration: underline
}

.index-more a {
	width: 210px;
	height: 50px;
	color: #fff;
	border-radius: 5px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	background: #efb443
}

.index-more .icon {
	width: 30px;
	height: 30px;
	fill: #fff;
	margin-left: 20px;
	margin-bottom: 5px;
	vertical-align: middle;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.index-more a:hover {
	background: #009a4e
}

.index-more a:hover .icon {
	margin-left: 0
}

.index-about {
	padding: 110px 0 50px 0
}

.index-about .box {
	padding-bottom: 110px;
	position: relative
}

.index-about .container {
	z-index: 3;
	position: relative
}

.index-about .rpic {
	right: 0;
	bottom: 0;
	position: absolute
}

.index-about .index-title-2 {
	padding-left: 0
}

.index-about .index-title-2 img {
	float: left;
	max-height: 60.5px;
	margin-right: 15px
}

.index-about .index-title-2 .t-1 {
	display: block
}

.index-about .index-title-2 .t-2 {
	font-size: 36px
}

.index-about .index-title-2 .icon {
	top: auto;
	left: auto;
	position: relative
}

.index-about .container {
	padding: 0 50px
}

.index-about .left {
	width: 45%;
	float: left
}

.index-about .left .text {
	margin-top: 40px;
	font-weight: 700;
	line-height: 26px;
	color: #6e7673;
	text-align: justify
}

.index-about .left .list {
	padding: 20px 0 40px 0;
	color: #255946
}

.index-about .left .list p {
	margin-top: 20px;
	position: relative;
	padding-left: 30px
}

.index-about .left .list p .icon {
	top: 1px;
	left: 0;
	width: 22px;
	height: 22px;
	fill: #7cbe38;
	position: absolute
}

.index-about .pic {
	width: 47.5%;
	float: right
}

.index-about .list2 {
	z-index: 12;
	padding-top: 50px;
	border-top: solid 1px #e8e6e5
}

.index-about .list2 .container {
	padding: 0
}

.index-about .list2 li:hover span img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.index-about .list2 li {
	width: 20%;
	float: left;
	text-align: center;
	padding: 0 10px
}

.index-about .list2 li span {
	overflow: hidden;
	display: block;
	position: relative
}

.index-about .list2 li span img {
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}

.index-about .list2 li span:after {
	content: "";
	display: block;
	padding-bottom: 44%
}

.index-news {
	padding: 80px 0 120px 0;
	background: url(../images/bg3.jpg) no-repeat left bottom #f6f4ec
}

.index-news .container {
	position: relative
}

.index-news .index-more {
	right: 0;
	top: 10px;
	border-radius: 5px;
	position: absolute
}

.index-news .list {
	margin: 0 -20px;
	margin-top: 60px
}

.index-news .list li:hover .pic img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.index-news .list li:hover .tbox {
	background: #009a4e
}

.index-news .list li:hover .time, .index-news .list li:hover .tit, .index-news .list li:hover .txt, .index-news .list li:hover .more {
	color: #fff
}

.index-news .list li:hover .time .icon, .index-news .list li:hover .tit .icon, .index-news .list li:hover .txt .icon, .index-news .list li:hover .more .icon {
	fill: #fff
}

.index-news .list li {
	padding: 0 20px
}

.index-news .list li .item {
	border-radius: 10px;
	background: #fff;
	position: relative
}

.index-news .list li .item .tag {
	top: 20px;
	left: 20px;
	color: #fff;
	width: 100px;
	height: 30px;
	z-index: 1;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	background: #efb443;
	position: absolute;
	overflow: hidden;
}

.index-news .list li .tbox {
	padding: 30px;
	padding-top: 20px
}

.index-news .list li .time {
	font-size: 14px;
	color: #255946
}

.index-news .list li .time .icon {
	width: 18px;
	height: 18px;
	fill: #255946;
	margin-top: 3px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block
}

.index-news .list li .time span {
	margin-right: 30px;
	vertical-align: top;
	display: inline-block;
	height: 24px;
	overflow: hidden;
}

.index-news .list li .pic {
	overflow: hidden;
	position: relative
}

.index-news .list li .pic img {
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.index-news .list li .pic:after {
	content: "";
	display: block;
	padding-bottom: 75%
}

.index-news .list li .tit {
	overflow: hidden;
	font-size: 18px;
	color: #255946;
	height: 24px;
	margin-top: 10px;
	font-weight: 700
}

.index-news .list li .txt {
	height: 48px;
	overflow: hidden;
	font-size: 14px;
	color: #6e7673;
	margin-top: 5px
}

.index-news .list li .more {
	font-size: 14px;
	color: #255946;
	margin-top: 30px
}

.index-news .list li .more .icon {
	width: 30px;
	height: 30px;
	fill: #255946;
	margin-left: 5px;
	margin-bottom: 2px;
	vertical-align: middle
}

.index-news .list .slick-prev, .index-news .list .slick-next {
	width: 60px;
	height: 60px;
	border: 0;
	margin-top: -30px;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	border-radius: 100%
}

.index-news .list .slick-prev:hover, .index-news .list .slick-next:hover {
	background-color: #009a4e
}

.index-news .list .slick-prev {
	left: -70px;
	background: url(../images/prev-2.png) no-repeat center center rgba(0,154,78,0.2)
}

.index-news .list .slick-next {
	right: -70px;
	background: url(../images/next-2.png) no-repeat center center rgba(0,154,78,0.2)
}

.index-ad {
	color: #fff;
	height: 238px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: url(../images/bg4.jpg) no-repeat top center;
	background-size: cover
}

.index-ad p {
	width: 55%;
	font-size: 34px;
	font-weight: 700;
	line-height: 48px
}

.index-ad .container {
	position: relative
}

.index-ad .index-more {
	top: 50%;
	right: 80px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute
}

.index-ad .index-more a {
	width: 190px
}

.footer {
	color: #fff;
	min-height: 510px;
	padding-top: 80px;
	margin-top: -1px;
	background: url(../images/footer-bg.jpg) repeat
}

.footer a {
	color: #fff
}

.footer a:hover {
	opacity: .8
}

.footer .t-2 {
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 5px
}

.footer .about {
	width: 24%;
	float: left
}

.footer .about .logo img {
	max-height: 50.84px
}

.footer .about .t-1 {
	margin: 30px 0;
	text-align: justify
}

.footer .link {
	margin-top: 15px
}

.footer .link .item {
	float: left;
	margin-right: 10px;
	position: relative
}

.footer .link .item p {
	color: #666
}

.footer .link .item span, .footer .link .item a {
	display: block;
	width: 33px !important;
	height: 33px !important;
	float: right;
	cursor: pointer;
	border-radius: 50%
}

.footer .link .item span.wb {
	background: url("../images/wb1.png") no-repeat center center rgba(255,255,255,0.2)
}

.footer .link .item span.wb:hover {
	background-color: #efb443
}

.footer .link .item span.wx {
	background: url("../images/wx1.png") no-repeat center center rgba(255,255,255,0.2)
}

.footer .link .item span.wx:hover {
	background-color: #efb443
}

.footer .link .item span.dy {
	background: url("../images/dy1.png") no-repeat center center rgba(255,255,255,0.2)
}

.footer .link .item span.dy:hover {
	background-color: #efb443
}

.footer .link .item a.xhs {
	display: block;
	background: url("../images/xhs1.png") no-repeat center center rgba(255,255,255,0.2)
}

.footer .link .item a.xhs:hover {
	background-color: #efb443
}

.footer .link .item .hover {
	position: absolute;
	bottom: 45px;
	left: 50%;
	padding: 10px;
	background: #fff;
	width: 100px;
	margin-left: -50px;
	text-align: center;
	display: none;
	z-index: 77;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);
	font-size: 13px;
	line-height: 23px
}

.footer .link .item:hover .hover {
	display: block
}

.footer .link .item .hover .arrow, .footer .link .item .hover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.footer .link .item .hover .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-color: #fff;
	bottom: -21px;
	border-width: 11px
}

.footer .fastmenu {
	width: 22%;
	float: left;
	padding-left: 130px
}

.footer .fastmenu span {
	display: block;
	margin-top: 25px
}

.footer .contact {
	width: 20%;
	float: left
}

.footer .contact p em {
	display: block;
	font-style: normal;
	font-weight: 700
}

.footer .contact .t-3 {
	padding-left: 60px;
	margin-top: 25px;
	padding-bottom: 15px;
	position: relative
}

.footer .contact .t-3 span {
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 45px;
	border-radius: 100%;
	position: absolute;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	background: rgba(255,255,255,0.2)
}

.footer .contact .t-3 .icon {
	fill: #fff;
	width: 20px;
	height: 20px;
	vertical-align: middle
}

.footer .contact .t-3:nth-child(3) span .icon {
	width: 26px;
	height: 26px
}

.footer .contact .t-3:hover span {
	background: rgba(255,255,255,0.1)
}

.footer .message {
	width: 14%;
	float: right
}

.footer .message .t-4 {
	margin-top: 30px;
	padding-bottom: 50px
}

.footer .message .iform input {
	height: 57px;
	border: 0;
	background: #fff;
	border-radius: 60px;
	padding: 0 30px;
	line-height: 57px;
	width: 100%;
	color: #666;
	font-size: 14px;
	font-family: "微软雅黑"
}

.footer .message .iform input:focus {
	background: rgba(255,255,255,0.8)
}

.footer .message .btn {
	margin-top: 20px;
	text-align: center
}

.footer .message .btn a {
	color: #fff;
	display: block;
	background: #fff;
	border-radius: 60px;
	line-height: 57px;
	background: #87c03d
}

.footer .message .btn a:hover {
	background: #009a4e
}

.footer .copy {
	font-size: 14px;
	margin-top: 80px;
	color: rgba(255,255,255,0.38)
}

.footer .copy .container {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: solid 1px rgba(255,255,255,0.38)
}

.footer .copy span {
	float: right
}

.footer .copy a {
	color: rgba(255,255,255,0.38)
}

.inside-news {
	padding: 60px 0 100px 0
}

.inside-news .list {
	margin-top: 0;
	padding-bottom: 80px
}

.inside-news .list li {
	width: 25%;
	float: left;
	margin-top: 40px
}

.inside-news-show {
	font-size: 18px;
	color: #404040;
	line-height: 34px;
	padding: 100px 0
}

.inside-news-show h1 {
	color: #009a4e;
	font-size: 32px;
	line-height: 36px;
	text-align: center
}

.inside-news-show .info {
	color: #999;
	padding: 15px 0 20px 0;
	margin-bottom: 40px;
	text-align: center;
	position: relative;
	font-size: 15px;
	border-bottom: dashed 1px #c7c7c7
}

.inside-news-show .info::after {
	content: "";
	bottom: -8px;
	left: 50%;
	margin-left: -24px;
	width: 48px;
	height: 8px;
	position: absolute;
	background: url(../images/news-line.jpg) no-repeat
}

.inside-news-show .container {
	position: relative
}

.inside-news-show .txtbox {
	width: 86%;
	float: right;
	padding-bottom: 70px
}

.inside-news-show .leftTool {
	float: left;
	width: 12%;
	text-align: center
}

.inside-news-show .leftTool .kan {
	width: 90px;
	margin: 0 auto;
	font-size: 24px;
	color: #009a4e;
	line-height: 51px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 7px;
	margin-bottom: 20px;
	font-family: "DIN-MEDIUM(1)"
}

.inside-news-show .leftTool .kan .pic {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	border: 1px solid #f1f1f1;
	border-radius: 50%
}

.inside-news-show .leftTool .share span {
	display: block;
	margin-bottom: 13px
}

.inside-news-show .leftTool .share a {
	display: block;
	width: 47px !important;
	height: 47px !important;
	-webkit-transition: all .9s;
	transition: all .9s;
	margin: 8px auto !important;
	padding: 0 !important;
	border: 1px solid #f1f1f1;
	border-radius: 50%
}

.inside-news-show .leftTool .share a:hover {
	border: 1px solid #009a4e
}

.inside-news-show .leftTool .share a.bds_weixin {
	background: url(../images/fn1.png) no-repeat center center
}

.inside-news-show .leftTool .share a.bds_tqq {
	background: url(../images/fn2.png) no-repeat center center
}

.inside-news-show .leftTool .share a.bds_tsina {
	background: url(../images/fn3.png) no-repeat center center
}

.inside-news-show .leftTool .share a.bds_tqz {
	background: url(../images/fn4.png) no-repeat center center
}

.inside-news-show .anchor_fixed {
	position: fixed;
	top: 0
}

.inside-news-show .tag {
	width: 50%;
	float: left;
	font-size: 16px
}

.inside-news-show .tag span {
	color: #009a4e;
	font-size: 16px;
	font-weight: 700
}

.inside-news-show .share1 {
	width: 50%;
	float: right;
	text-align: right
}

.inside-news-show .share1 a {
	margin-left: 10px;
	display: inline-block
}

@media (max-width:1200px) {
	.inside-news-show {
		padding: 50px 0;
		font-size: 14px;
		line-height: 24px
	}

	.inside-news-show h1 {
		font-size: 18px;
		line-height: 24px
	}

	.inside-news-show .leftTool {
		display: none
	}

	.inside-news-show .txtbox {
		width: 100%;
		float: none;
		padding-bottom: 0
	}
}

.inside-page-1 {
	text-align: center
}

.inside-page-1 .list-1 li {
	width: 40%;
	border: 0;
	padding: 0;
	height: 67px;
	vertical-align: top;
	overflow: hidden;
	display: inline-block;
	line-height: 67px;
	color: #585858;
	padding: 0 50px;
	border-radius: 60px;
	background: #f3f3f3;
	font-weight: lighter;
	position: relative
}

.inside-page-1 .list-1 li i {
	z-index: 3;
	display: inline-block;
	position: relative;
	font-style: normal
}

.inside-page-1 .list-1 li span {
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	position: absolute;
	background: -webkit-linear-gradient(left, #009a4e, #009a4e);
	background: linear-gradient(to right, #009a4e, #009a4e)
}

.inside-page-1 .list-1 li a {
	color: #585858;
	vertical-align: top;
	width: 65%;
	line-height: 67px;
	overflow: hidden;
	height: 67px;
	z-index: 3;
	position: relative;
	display: inline-block
}

.inside-page-1 .list-1 li:before {
	content: "";
	width: 11px;
	height: 11px;
	z-index: 3;
	margin-right: 30px;
	position: relative;
	display: inline-block;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.inside-page-1 .list-1 li:after {
	content: "";
	width: 11px;
	height: 11px;
	margin-left: 30px;
	z-index: 3;
	position: relative;
	display: inline-block;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.inside-page-1 .list-1 li:nth-child(2) {
	text-align: center;
	width: 16%;
	padding: 0
}

.inside-page-1 .list-1 li:nth-child(2):before {
	display: none
}

.inside-page-1 .list-1 li:nth-child(2):after {
	display: none
}

.inside-page-1 .list-1 li:nth-child(2) .icon {
	width: 26px;
	height: 26px;
	fill: #585858;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 21px;
	display: inline-block
}

.inside-page-1 .list-1 li:first-child {
	padding-right: 30px;
	float: left
}

.inside-page-1 .list-1 li:first-child:after {
	opacity: 0
}

.inside-page-1 .list-1 li:last-child {
	float: right;
	text-align: right;
	padding-left: 0
}

.inside-page-1 .list-1 li:last-child:before {
	opacity: 0
}

.inside-page-1 .list-1 li:hover {
	color: #fff
}

.inside-page-1 .list-1 li:hover span {
	width: 100%
}

.inside-page-1 .list-1 li:hover a {
	color: #fff
}

.inside-page-1 .list-1 li:hover .icon {
	fill: #fff
}

.inside-page-1 .list-1 li:hover:before {
	border-left: solid 1px #fff;
	border-top: solid 1px #fff
}

.inside-page-1 .list-1 li:hover:after {
	border-right: solid 1px #ccc;
	border-top: solid 1px #fff
}

@media (max-width:1440px) {
	.inside-page-1 .list-1 li {
		height: 50px;
		line-height: 50px
	}

	.inside-page-1 .list-1 li a {
		height: 50px;
		line-height: 50px
	}

	.inside-page-1 .list-1 li:nth-child(2) .icon {
		margin-top: 13px
	}
}

@media (max-width:620px) {
	.inside-page-1 {
		display: none
	}

	.inside-page-1 .list-1 li {
		width: 100%;
		float: none
	}

	.inside-page-1 .list-1 li:nth-child(2) {
		display: none
	}
}

.inside-product {
	background: url(../images/pro-bg.jpg) repeat-x bottom center #fcfcf4
}

.inside-product .list {
	padding-bottom: 30px
}

.inside-product .list li {
	margin-bottom: 70px
}

.inside-bt {
	padding-top: 80px;
	text-align: center;
	font-size: 36px;
	line-height: 46px;
	color: #333;
	margin-bottom: 60px;
	font-weight: 700;
	padding-bottom: 30px;
	position: relative;
	border-bottom: solid 2px #f4f4f4
}

.inside-bt:after {
	content: "";
	width: 200px;
	height: 2px;
	bottom: -2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	background: #009a4e
}

.inside-product-show {
	padding-top: 90px
}

.inside-product-show .container {
	max-width: 1180px
}

.inside-product-show .box-1 {
	background: #fff
}

.inside-product-show .box-1 .leftbox {
	width: 54%;
	float: left
}

.inside-product-show .box-1 .leftbox .bigimg {
	width: 75.5%;
	float: left;
	margin-top: 5px;
	border: solid 1px #e0e0e0
}

.inside-product-show .box-1 .leftbox .bigimg span {
	display: block;
	position: relative
}

.inside-product-show .box-1 .leftbox .bigimg span:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.inside-product-show .box-1 .leftbox .smallimg {
	width: 17.8%;
	float: right
}

.inside-product-show .box-1 .leftbox .smallimg span {
	margin: 5px 0;
	opacity: .8;
	border: solid 1px #ccc;
	display: block;
	position: relative
}

.inside-product-show .box-1 .leftbox .smallimg span:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.inside-product-show .box-1 .leftbox .smallimg .slick-current span {
	opacity: 1;
	border-color: #009a4e
}

.inside-product-show .box-1 .leftbox .slick-prev, .inside-product-show .box-1 .leftbox .slick-next {
	width: 25px;
	height: 25px;
	margin-top: -12px;
	border-color: #a5a5a5
}

.inside-product-show .box-1 .leftbox .slick-prev {
	left: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.inside-product-show .box-1 .leftbox .slick-prev:hover {
	border-color: #999
}

.inside-product-show .box-1 .leftbox .slick-next {
	right: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.inside-product-show .box-1 .leftbox .slick-next:hover {
	border-color: #999
}

.inside-product-show .box-1 .rightbox {
	width: 46%;
	float: left;
	line-height: 28px;
	padding-left: 90px;
	word-break: break-all
}

.inside-product-show .box-1 .rightbox h2 {
	font-size: 32px;
	color: #597b17;
	line-height: 42px;
	position: relative
}

.inside-product-show .box-1 .rightbox .txt {
	font-size: 18px;
	margin-top: 10px;
	color: #7a7a7a
}

.inside-product-show .box-1 .rightbox .tag {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 220px;
	overflow: hidden;
}

.inside-product-show .box-1 .rightbox .button {
	margin-top: 35px
}

.inside-product-show .box-1 .rightbox .button a {
	color: #000;
	max-width: 215px;
	width: 100%;
	height: 40px;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	background: #efb443;
	border-radius: 30px;
	border: solid 1px #efb443
}

.inside-product-show .box-1 .rightbox .button a:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.2)
}

.inside-product-show .box-1 .rightbox .button a:last-child {
	color: #fff;
	float: right;
	background: #000;
	border-color: #000
}

.inside-product-show .box-1 .rightbox .fx {
	margin-top: 25px
}

.inside-product-show .picbox {
	text-align: center
}

@media (max-width:1200px) {
	.inside-product-show .container {
		max-width: 640px;
		margin: 0 auto
	}

	.inside-product-show .box-1 .leftbox {
		width: 100%;
		float: none;
		overflow: hidden
	}

	.inside-product-show .box-1 .rightbox {
		width: 100%;
		float: none;
		line-height: 24px;
		padding: 30px 0 0 0
	}

	.inside-product-show .box-1 .rightbox .tag {
		height: auto
	}

	.inside-product-show .box-1 .rightbox h2 {
		font-size: 20px;
		line-height: 30px
	}

	.inside-product-show .box-1 .rightbox .txt {
		font-size: 14px
	}
}

@media (max-width:1200px) and (max-width:640px) {
	.inside-product-show .box-1 .leftbox .bigimg {
		width: 80%
	}

	.inside-product-show .box-1 .rightbox .button a {
		padding: 0 20px;
		margin-right: 10px;
		float: none !important;
		width: auto;
		max-width: none
	}
}

.inside-pro-tj {
	background: #fff;
	padding-top: 0
}

.inside-pro-tj .inside-bt {
	margin: 0 auto;
	max-width: 1180px
}

@media (max-width:1200px) {
	.inside-pro-tj {
		padding: 50px !important
	}
}

.inside-job-show {
	padding-top: 50px;
	background: #f7f8fa;
	padding-bottom: 100px
}

.inside-job-show .container {
	max-width: 1180px;
	margin: 0 auto
}

.inside-job-show .bt {
	height: 30px;
	font-weight: 700;
	line-height: 30px;
	position: relative;
	font-size: 30px;
	color: #333
}

.inside-job-show .bt img {
	margin: 3px 10px 0 0
}

.inside-job-show h1 {
	font-size: 20px;
	font-weight: bold;
	color: #31825f;
	margin-bottom: 20px
}

.inside-job-show .list {
	font-size: 14px;
	background: #fff;
	padding: 40px;
	padding-bottom: 70px;
	margin-top: 20px
}

.inside-job-show .list .t-1 {
	font-weight: 700
}

.inside-job-show .list .t-1 span {
	margin-top: 5px;
	display: block;
	width: 25%;
	float: left;
	overflow: hidden;
	height: 24px;
}

.inside-job-show .list .t-1 span i {
	color: #333;
	font-style: normal
}

.inside-job-show .list .nr {
	margin-top: 30px;
	padding-top: 30px;
	border-top: solid 1px #eee
}

.inside-job-show .list .nr .item {
	margin-bottom: 40px
}

.inside-job-show .list .nr .t-2 {
	font-weight: bold;
	color: #31825f;
	margin-bottom: 20px
}

.inside-job-show .list .btn a {
	margin: 0 15px;
	max-width: 180px;
	width: 100%;
	color: #c40206;
	height: 45px;
	line-height: 43px;
	display: inline-block;
	text-align: center;
	border: solid 1px #c40206;
	border-radius: 30px
}

.inside-job-show .list .btn a:first-child {
	margin-left: 0
}

.inside-job-show .list .btn .icon {
	width: 20px;
	height: 20px;
	fill: #c40206;
	margin-left: 5px;
	margin-bottom: 2px;
	vertical-align: middle
}

.inside-job-show .list .btn a:hover {
	color: #fff;
	border-color: #009a4e;
	background: #009a4e
}

.inside-job-show .list .btn a:hover .icon {
	fill: #fff
}

.phone-nav .box::-webkit-scrollbar {
	width: 2px;
	height: 1px
}

.phone-nav .box::-webkit-scrollbar-thumb {
	background: #000;
	width: 2px
}

.phone-nav .box::-webkit-scrollbar-track {
	background: rgba(0,0,0,0.1)
}

.phone-nav {
	top: 0;
	z-index: 1999;
	position: fixed;
	right: -150%;
	width: 60%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.1)
}

.phone-nav .close {
	position: absolute;
	z-index: 99;
	top: 40px;
	right: 20px
}

.phone-nav .close img {
	max-height: 40px
}

.phone-nav .box {
	height: 100%;
	overflow-y: auto;
	padding: 0 20px 0 20px;
	-webkit-overflow-scrolling: touch;
	background: url(../images/bg-2.png) no-repeat bottom center #fff
}

.phone-nav .list-menu {
	padding-top: 100px;
	background: url(../images/pbg.png) no-repeat top center rgba(255,255,255,0.5)
}

.phone-nav .list-menu li {
	position: relative;
	border-bottom: solid 1px rgba(179,179,179,0.3)
}

.phone-nav .list-menu li h3 {
	color: #009a4e;
	padding-left: 20px;
	margin: 20px 0 10px 0
}

.phone-nav .list-menu li a {
	padding: 15px 20px;
	display: block;
	position: relative;
	color: #000
}

.phone-nav .list-menu li a span {
	z-index: 9;
	display: inline-block;
	position: relative
}

.phone-nav .list-menu li i {
	position: absolute;
	right: 0;
	top: 8px;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 30px;
	display: block;
	font-style: inherit;
	cursor: pointer
}

.phone-nav .list-menu li i:after {
	content: "+";
	color: #666;
	font-size: 28px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-align: center;
	line-height: 38px;
	font-family: arial
}

.phone-nav .list-menu .submenu {
	display: none;
	padding-bottom: 20px
}

.phone-nav .list-menu .submenu a {
	color: #555;
	font-size: 14px;
	padding: 0 0 0 20px
}

.transparency {
	display: block;
	position: fixed;
	z-index: 9;
	top: 100px;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.2);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s,visibility .3s;
	transition: opacity .3s,visibility .3s
}

.transparency.transparency-visible {
	opacity: 1;
	visibility: visible
}

#searchPopup {
	position: absolute;
	z-index: 999999;
	top: 100px;
	left: 0;
	width: 100%;
	opacity: 1;
	visibility: hidden;
	-webkit-transition: opacity .3s,visibility .3s;
	transition: opacity .3s,visibility .3s;
	padding: 60px 0;
	background: rgba(255,255,255,0.95)
}

#searchPopup > .container {
	position: relative;
	max-width: 1200px
}

#searchPopup.searchPopup-visible {
	opacity: 1;
	visibility: visible;
	-webkit-animation: slideInDown .3s;
	animation: slideInDown .3s
}

#searchPopup.searchPopup-visible .close {
	-webkit-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1)
}

#searchPopup .bt {
	color: #333;
	font-size: 24px;
	line-height: 34px
}

#searchPopup .btn {
	display: block;
	width: 160px;
	height: 63px;
	position: absolute;
	top: 55px;
	right: 0;
	margin: auto;
	color: #fff;
	font-size: 24px;
	line-height: 65px;
	padding-left: 65px;
	font-size: 16px;
	background: url(../images/search.png) no-repeat 40px center #009a4e
}

#searchPopup .btn:hover {
	background-color: #333
}

#searchPopup .tig {
	margin-top: 40px
}

#searchPopup .tig a {
	color: #2b496f;
	padding-right: 20px;
	display: inline-block
}

#searchPopup .tig a:hover {
	color: #333
}

#searchPopup .close {
	position: absolute;
	right: 0;
	top: 0;
	margin: auto;
	height: 40px;
	width: 40px;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	-webkit-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	color: #fff;
	opacity: .5;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	background: url(../images/close.png) no-repeat center;
	background-size: 30px 30px
}

#searchPopup input[type="search"] {
	height: 65px;
	line-height: 65px;
	border: none;
	width: 100%;
	padding: 0 10px;
	margin-top: 20px;
	padding-right: 100px;
	font-size: 16px;
	border: solid 1px #e1e1e1;
	background: transparent;
	background: #fff;
	color: rgba(0,0,0,0.4)
}

#searchPopup input[type="search"]:-ms-input-placeholder {
	color: rgba(0,0,0,0.4)
}

#searchPopup input[type="search"]::-moz-placeholder {
	color: rgba(0,0,0,0.4)
}

#searchPopup input[type="search"]::-webkit-input-placeholder {
	color: rgba(0,0,0,0.4)
}

#searchPopup input[type="search"]:focus {
	color: #000
}

#searchPopup input[type="search"]::-webkit-search-cancel-button {
	display: none
}

.inside-map {
	padding: 80px 0
}

.inside-map li {
	padding: 30px 0;
	border-bottom: solid 1px #eee
}

.inside-map li h3 {
	padding-bottom: 10px
}

.inside-map li a {
	display: inline-block;
	padding-right: 20px
}

.inside-map li:first-child {
	padding-top: 0
}

.inside-map li:last-child {
	border-bottom: 0
}

@media (max-width:1025px) {
	.inside-map {
		padding: 30px 0
	}

	.inside-map li {
		font-size: 14px
	}
}

@media (max-width:1440px) {
	body {
		font-size: 14px
	}

	.header .logo {
		left: 20px
	}

	.header .nav li {
		padding: 0 20px
	}

	.header .tel {
		padding-right: 20px
	}

	.banner .t1 {
		font-size: 40px;
		line-height: 50px
	}

	.banner .t2 {
		font-size: 24px;
		line-height: 34px;
		padding-top: 20px
	}

	.index-title .t-1 {
		font-size: 30px;
		line-height: 40px;
		margin-top: 10px
	}

	.index-title-2 .icon {
		top: 0
	}

	.index-title-2 .t-2 {
		font-size: 30px;
		line-height: 40px
	}

	.index-product .list {
		margin-right: -20px;
		margin-left: -20px
	}

	.index-product .list li {
		padding: 0 20px
	}

	.index-product .list li .tit {
		height: 60px;
		font-size: 18px;
		line-height: 60px
	}

	.index-product .list li .tit span {
		height: 60px
	}

	.index-news .list {
		margin-left: 0;
		margin-right: 0
	}

	.index-news .list .slick-prev {
		left: 0
	}

	.index-news .list .slick-next {
		right: 0
	}

	.index-about .left .text {
		line-height: 24px;
		margin-top: 20px
	}

	.index-about .left .list {
		padding-top: 0;
		padding-bottom: 20px
	}

	.index-about .left .list p {
		margin-top: 15px
	}

	.index-business .item ul li .t-1 {
		font-size: 18px
	}

	.index-business .item ul li .t-2 {
		margin-top: 0
	}

	.index-ad p {
		font-size: 30px
	}

	.footer .fastmenu {
		padding-left: 90px
	}
}

@media (max-width:1200px) {
	.header {
		height: 70px;
		top: 0;
		width: 100%;
		z-index: 99;
		background: #fff;
		position: fixed
	}

	.header .nav {
		display: none
	}

	.header .logo {
		top: 20px;
		left: 30px
	}

	.header .logo img {
		max-height: 30px
	}

	.header .logo .pc {
		opacity: 0
	}

	.header .logo .ph {
		opacity: 1
	}

	.header .search, .header .tel {
		display: none
	}

	.header .hmenu {
		display: block
	}

	.index-product .list li {
		width: 50%;
		margin-bottom: 70px
	}

	.index-about .index-title-2 .t-2 {
		font-size: 30px
	}

	.index-about .left {
		width: 100%;
		float: none
	}

	.index-about .pic {
		width: 100%;
		float: none;
		margin-top: 40px
	}

	.index-ad {
		text-align: center
	}

	.index-ad p {
		width: 100%;
		font-size: 20px;
		line-height: 30px
	}

	.index-ad .index-more {
		right: auto;
		top: auto;
		margin-top: auto;
		margin-top: 30px;
		position: relative;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}

	.footer .about {
		width: 100%;
		float: none;
		display: none
	}

	.footer .fastmenu {
		width: 30%;
		display: none;
		padding-left: 0
	}

	.footer .contact {
		width: 60%
	}

	.footer .message {
		width: 35%;
		float: right
	}
}

@media (max-width:640px) {
	.banner .t1 {
		font-size: 20px;
		line-height: 30px
	}

	.banner .t2 {
		font-size: 14px;
		line-height: 24px;
		padding-top: 0
	}

	.banner .t3 {
		display: none
	}

	.banner .t5 {
		margin-top: 0
	}

	.banner .slick-dots {
		bottom: 10px
	}

	.banner .slick-dots li {
		margin: 0 3px
	}

	.banner .slick-dots li button {
		height: 2px !important;
		width: 30px !important
	}

	.index-product {
		padding: 50px 0
	}

	.index-product .list {
		margin-top: 30px;
		margin-right: -10px;
		margin-left: -10px
	}

	.index-product .list li {
		padding: 0 10px;
		margin-bottom: 40px
	}

	.index-product .list li .icon img {
		max-height: 46px
	}

	.index-product .list li .tbox {
		bottom: -5px
	}

	.index-product .list li .tit {
		margin: 0 10px;
		height: 40px;
		font-size: 14px;
		line-height: 40px
	}

	.index-product .list li .tit span {
		height: 40px
	}

	.index-title .t-1 {
		font-size: 20px;
		line-height: 30px
	}

	.index-title .t-2 {
		font-size: 14px;
		line-height: 24px
	}

	.index-title-2 .t-2 {
		font-size: 20px;
		line-height: 30px
	}

	.index-about {
		padding-top: 50px
	}

	.index-about .box {
		padding-bottom: 50px
	}

	.index-about .list2 {
		padding-top: 30px
	}

	.index-about .list2 li {
		width: 33.3333%;
		padding: 5px
	}

	.index-about .container {
		padding: 0 20px
	}

	.index-about .index-more {
		display: none;
		text-align: center
	}

	.index-about .index-title-2 img {
		float: none;
		margin-right: 0
	}

	.index-about .index-title-2 .t-2 {
		font-size: 20px;
		line-height: 30px
	}

	.index-title-2 {
		padding-left: 0;
		text-align: center
	}

	.index-title-2 .t-2 {
		font-size: 24px
	}

	.index-title-2 .icon {
		top: auto;
		left: auto;
		position: relative
	}

	.index-business {
		height: auto;
		padding-top: 50px;
		padding-bottom: 50px
	}

	.index-business .item {
		bottom: auto;
		left: auto;
		padding: 30px 20px;
		position: relative
	}

	.index-news {
		background: #f6f4ec;
		padding: 40px 0 70px 0
	}

	.index-news .index-more {
		display: none
	}

	.index-news .list {
		margin-top: 30px;
		margin-left: -5px;
		margin-right: -5px
	}

	.index-news .list li {
		padding-left: 5px;
		padding-right: 5px
	}

	.index-news .list li .time, .index-news .list li .tag {
		display: none
	}

	.index-news .list li .tbox {
		padding: 15px
	}

	.index-news .list li .tit {
		font-size: 16px
	}

	.index-news .list li .more {
		display: none
	}

	.index-news .slick-dots {
		bottom: -40px
	}

	.index-news .slick-dots li {
		padding: 0
	}

	.index-news .slick-dots li button {
		width: 6px;
		height: 6px;
		background: #999
	}

	.index-news .slick-dots li.slick-active button {
		background: #255946
	}

	.footer {
		padding-top: 40px
	}

	.footer .contact, .footer .message {
		width: 100%;
		float: none
	}

	.footer .message {
		padding-top: 40px
	}

	.footer .copy {
		margin-top: 40px
	}

	.inside-news {
		padding: 30px 0 50px 0
	}

	.inside-news .list {
		margin-top: 0;
		padding-bottom: 50px
	}

	.inside-news .list li {
		width: 50%;
		margin-top: 20px
	}

	.inside-bt {
		padding-top: 50px;
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 15px;
		margin-bottom: 30px
	}

	.inside-bt:after {
		width: 100px
	}

	.inside-product .list {
		margin-top: 0
	}

	.inside-pro-tj {
		padding: 0 !important
	}

	.inside-job-show {
		padding-top: 120px
	}

	.inside-job-show .bt {
		font-size: 20px
	}

	.inside-job-show .list {
		padding: 30px 20px
	}

	.inside-job-show .list .t-1 span {
		width: 100%;
		float: none
	}

	.inside-job-show .list .btn a {
		margin: 0 5px;
		max-width: 120px
	}
}

.inside-current {
	margin-top: 100px;
	padding-left: 130px;
	background: #009a4e
}

@media (max-width:1200px) {
	.inside-banner {
		margin-top: 60px
	}

	.inside-banner .bread {
		padding: 5px 0
	}

	.inside-current {
		padding: 0 10px;
	}
}

.inside-team .nr1 {
	padding: 40px 0 100px 0
}

.inside-team ul {
	margin: 0 -20px;
	padding-bottom: 80px
}

.inside-team li {
	float: left;
	width: 33.333%;
	padding: 0 20px;
	padding-top: 40px
}

.inside-team li .item {
	position: relative
}

.inside-team li .pic {
	overflow: hidden;
	position: relative
}

.inside-team li .pic img {
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}

.inside-team li .pic:after {
	content: "";
	display: block;
	padding-bottom: 68.3%
}

.inside-team li .tit {
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	color: #fff;
	height: 50px;
	font-size: 24px;
	overflow: hidden;
	line-height: 50px;
	position: absolute;
	text-align: center;
	background: rgba(0,154,78,0.5)
}

.inside-team li:hover .pic img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

@media (max-width:1200px) {
	.inside-team .nr1 {
		padding-bottom: 50px
	}

	.inside-team ul {
		margin-left: -10px;
		margin-right: -10px;
		padding-bottom: 50px
	}

	.inside-team li {
		padding: 10px
	}

	.inside-team li .tit {
		font-size: 16px;
		height: 40px;
		line-height: 40px
	}
}

@media (max-width:640px) {
	.inside-team li {
		width: 50%
	}
}

.inside-yqys-2 {
	overflow: hidden
}

.inside-yqys-2 .content-3 {
	text-align: center;
	padding-top: 160px;
	padding-bottom: 90px;
	background: url(../images/yqpt-bg.jpg) no-repeat top center
}

.inside-yqys-2 .content-3 .font30 {
	color: #fff;
	line-height: 40px;
	font-size: 30px;
	position: relative;
	top: -50px
}

.inside-yqys-2 .content-3 .srcoll .item:hover .pic img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.inside-yqys-2 .content-3 .srcoll .item:hover .more1 p {
	color: #fff;
	border-color: #fff;
	background: #009a4e
}

.inside-yqys-2 .content-3 .srcoll .item {
	margin: 0 15px;
	padding-top: 40px;
	background: #fff;
	height: 330px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 60px;
	box-shadow: 0 15px 9px -9px #b0bfca
}

.inside-yqys-2 .content-3 .srcoll .item .pic {
	overflow: hidden;
	position: relative
}

.inside-yqys-2 .content-3 .srcoll .item .pic img {
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}

.inside-yqys-2 .content-3 .srcoll .item .pic::after {
	content: "";
	display: block;
	padding-bottom: 50.5%
}

.inside-yqys-2 .content-3 .srcoll .item .pic img {
	display: inline-block
}

.inside-yqys-2 .content-3 .srcoll .item .tit {
	font-size: 18px;
	color: #434343;
	height: 24px;
	overflow: hidden;
	font-weight: 700;
	margin-bottom: 30px
}

.inside-yqys-2 .content-3 .srcoll .item .video {
	top: 50%;
	left: 50%;
	z-index: 1;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.inside-yqys-2 .content-3 .srcoll .item .video img {
	max-height: 42.5px
}

.inside-yqys-2 .content-3 .srcoll .slick-prev, .inside-yqys-2 .content-3 .srcoll .slick-next {
	width: 18px;
	height: 98px;
	border: 0
}

.inside-yqys-2 .content-3 .srcoll .slick-prev {
	left: -30px;
	background: url(../images/zc-13.png) no-repeat center center rgba(255,255,255,0.3)
}

.inside-yqys-2 .content-3 .srcoll .slick-next {
	right: -30px;
	background: url(../images/zc-14.png) no-repeat center center rgba(255,255,255,0.3)
}

.insider-downland {
	padding: 0 40px
}

.insider-downland li {
	height: 75px;
	line-height: 74px;
	overflow: hidden;
	text-align: left;
	font-size: 18px;
	padding-left: 50px;
	padding-right: 20px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background: url(../images/zc-15.png) no-repeat 5px 20px;
	border-bottom: solid 1px #e0e0e0
}

.insider-downland li span {
	float: right;
	color: #bcbcbc;
	font-size: 16px;
	display: inline-block;
	padding-left: 30px
}

.insider-downland li:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,0.06)
}

.insider-downland li:hover a {
	color: #333
}

@media (max-width:640px) {
	.insider-downland {
		padding: 0
	}

	.insider-downland li {
		font-size: 14px;
		padding-right: 0
	}

	.insider-downland li span {
		display: none
	}
}

.videoLayer {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	margin: auto;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}

.videoPopup {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 9999;
}

.videoBox {
	color: #fff;
	position: fixed;
	width: 60%;
	height: 66%;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	margin: auto;
	opacity: 0;
	transition: all .5s;
}

.videoBox .close {
	width: 50px;
	height: 50px;
	position: absolute;
	right: -30px;
	top: -20px;
}

.videoBox .close img {
	padding: 10px;
	max-width: 100%;
	max-height: 100%;
	background: #fff;
	border-radius: 100%;
}

.videoBox.fadeIn {
	top: 0;
	opacity: 1;
	z-index: 9999;
}

.videoBox .nr {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 99999;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 1023px) {
	.videoBox {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.videoBox .close {
		width: 25px;
		height: 25px;
		right: 0;
		top: -25px;
	}
}

@media screen and (max-width: 767px) {
	.videoBox {
		height: 50%;
	}
}


.realted-news .index-more {
	right: 0;
	top: 10px;
	border-radius: 5px;
	position: absolute
}

.realted-news .list {
	margin: 0 -20px;
	margin-top: 60px
}

.realted-news .list li:hover .pic img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.realted-news .list li:hover .tbox {
	background: #009a4e
}

.realted-news .list li:hover .time, .realted-news .list li:hover .tit, .realted-news .list li:hover .txt, .realted-news .list li:hover .more {
	color: #fff
}

.realted-news .list li:hover .time .icon, .realted-news .list li:hover .tit .icon, .realted-news .list li:hover .txt .icon, .realted-news .list li:hover .more .icon {
	fill: #fff
}

.realted-news .list li {
	padding: 0 20px;
	width: 25%;
	float: left;
	margin-top: 40px;
}

.realted-news .list li .item {
	border-radius: 10px;
	background: #fff;
	position: relative
}

.realted-news .list li .item .tag {
	top: 20px;
	left: 20px;
	color: #fff;
	width: 100px;
	height: 30px;
	z-index: 1;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	background: #efb443;
	position: absolute;
	overflow: hidden;
}

.realted-news .list li .tbox {
	padding: 30px;
	padding-top: 20px
}

.realted-news .list li .time {
	font-size: 14px;
	color: #255946
}

.realted-news .list li .time .icon {
	width: 18px;
	height: 18px;
	fill: #255946;
	margin-top: 3px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block
}

.realted-news .list li .time span {
	margin-right: 30px;
	vertical-align: top;
	display: inline-block;
	height: 24px;
	overflow: hidden;
}

.realted-news .list li .pic {
	overflow: hidden;
	position: relative
}

.realted-news .list li .pic img {
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.realted-news .list li .pic:after {
	content: "";
	display: block;
	padding-bottom: 75%
}

.realted-news .list li .tit {
	overflow: hidden;
	font-size: 18px;
	color: #255946;
	line-height: 24px;
	height: 24px;
	margin-top: 10px;
	font-weight: 700
}

.realted-news .list li .txt {
	height: 48px;
	overflow: hidden;
	font-size: 14px;
	color: #6e7673;
	line-height: 24px;
	margin-top: 5px
}

.realted-news .list li .more {
	font-size: 14px;
	color: #255946;
	margin-top: 30px
}

.realted-news .list li .more .icon {
	width: 30px;
	height: 30px;
	fill: #255946;
	margin-left: 5px;
	margin-bottom: 2px;
	vertical-align: middle
}
@media (max-width:640px) {
	.realted-news {
		background: #f6f4ec;
		padding: 40px 0 70px 0
	}

	.realted-news .index-more {
		display: none
	}

	.realted-news .list {
		margin-top: 30px;
		margin-left: -5px;
		margin-right: -5px
	}

	.realted-news .list li {
		width:50%;
		padding-left: 5px;
		padding-right: 5px
	}

	.realted-news .list li .time, .realted-news .list li .tag {
		display: none
	}

	.realted-news .list li .tbox {
		padding: 15px
	}

	.realted-news .list li .tit {
		font-size: 16px
	}

	.realted-news .list li .more {
		display: none
	}
	
}