@charset "utf-8";

/* 基本元素重置 */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
	margin: 0;
	padding: 0;
}

body,
input,
textarea,
select,
button,
table {
	font-size: 14px;
	line-height: 1.25em;
	background: #fff
}

body {
	min-width: 320px;
	font-size: 14px;
	font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
}

img,
fieldset {
	border: 0;
        vertical-align: middle;
}

ul,
ol {
	list-style: none;
}

em,
address {
	font-style: normal;
}

a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

table {
	border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
i {
	font-style: normal;
	outline: none;
}

/*                头部                                  */
.tops {
	width: 100%;
	height: auto;
	margin: 0px;
}

/*logo层*/
.logo {
	width: 100%;
	overflow: hidden;
	height: auto;
	background: #204f3d;
	position: relative;
}

.logos {
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	padding: 20px 0px;
	background: url(../images/lxyBg.jpg) no-repeat 76% 0px;
}

.logoleft {
	float: left;
	margin: 3px 0px;
}

.logoright {
	float: right;
	margin-top: 10px;
}

.logolj {
	color: #fff;
	margin: 15px 0px;
}

.logolj a {
	margin: 0px 10px;
	color: #fff;
}

.ssjg {
	overflow: hidden;
	height: auto;
	border: 1px solid #fff;
}

.ssjg input {
	border: 0px;
	outline: 0px;
}

.inptext {
	width: 170px;
	height: 27px;
	float: left;
	text-indent: 1em;
	background-color: transparent;
}

.inpimg {
	float: left;
	margin: 4px 0px 0px 5px;
}

/*导航层*/
.nva {
	width: 1200px;
	margin: 0px auto;
	height: 36px;
}

.nva {
	width: 1200px;
	margin: 0px auto;
	height: 36px;
}

.navul {
	width: 100%;
	height: auto;
}

.navul>li {
	/*width: 9.07%;*/
	width: 8.6%;
}

/* .nva1 .navul>li:last-child {
	width: 13% !important;
} */

.dhl li {
	width: 100%;
}

.navul li {
	float: left;
	height: auto;
	position: relative;
	z-index: 999;
}
.nva1 .navul li a {
	font-size: 16px;
	color: #000;
	font-weight: 500;
	display: block;
	width: 100%;
	text-align: center !important;
	height: 40px;
	line-height: 36px;
	padding-left: 0px !important;
}


.navul li a {
	font-size: 16px;
	color: #000;
	font-weight: 500;
	display: block;
	width: 100%;
	text-align: left;
	height: 40px;
	line-height: 36px;
	padding-left: 45px;
}

.dhl {
	position: absolute;
	top: 40px;
	left: -12px;
	z-index: 999;
	display: none;
	background: #fff;
	width: 130px
}
.nva2 .dhl li a{
	padding-left: 70px;
}

.navul>li:hover>a {
	color: #014642;
}

.navul>li>.dhl li:hover a {
	color: #014642;
	text-decoration: underline;
}

#dhl {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: url(../images/menu-button-bg.png) no-repeat center center;
	width: 30px;
	height: 30px;
	z-index: 999;
	background-size: 60% 60%;
	cursor: pointer;
	display: none;
}

.dhdqa {
	color: #014642 !important;
	font-weight: 600 !important;
}

.nva2 {
	display: none
}

/*                底部                                  */
.bottoms {
	width: 100%;
	height: 180px;
	background: #014642;
}

.btm_div {
	width: 1200px;
	height: auto;
	margin: 0px auto;
	padding-top: 24px;
}

.btm_div>img {
	float: left;
	margin: 0px 34px;
	width: 24%;
}

.btm_div>span {
	width: 1px;
	height: 130px;
	float: left;
}

.spans1 {
	background: #006a39;
}

.spans2 {
	background: #009c44;
}

.btm_bq {
	float: left;
	margin: 0px 25px;
	width: 46.3%;
	position: relative;
}

.btm_bq p {
	color: #fff;
	line-height: 26px;
	width: 100%;
	font-weight: 200;
}

.btm_p {
	position: absolute;
	bottom: 4px;
	right: 0px;
	color: #FFF;
	cursor: pointer;
}

/*.btm_bq img {
	position: absolute;
	bottom: 20px;
	right: 0px;
	z-index: 10;
	display: none;
}*/

.btm_p i {
	font-size: 20px;
	color: #fff;
	margin-right: 7px;
}

.btm_p:hover img {
	display: block;
}

.yqlj {
	float: left;
	width: 10%;
	margin: 0px 0px 0px 60px;
}

.yqlj>p {
	width: 100%;
	height: 30px;
	color: #fff;
	font-weight: 200;
}

.yqljul {
	width: 100%;
	height: auto;
}

.yqljul>li {
	width: 100%;
	height: 45px;
	background: #33985f url(../images/jt4.png) no-repeat 250px 20px;
	position: relative;
}

.yqljul li ul li {
	width: 100%;
	height: 45px;
	background: #33985f
}

.yqljul li a {
	display: block;
	width: 100%;
	line-height: 45px;
	color: #FFFFFF;
	text-indent: 2em;
}

.yqljul li ul {
	display: none;
	position: absolute;
	bottom: 45px;
	left: 0px;
	z-index: 999;
	width: 100%;
	overflow: hidden
}


/*低于1200*/
@media screen and (max-width: 1199px) {
	.logos {
		width: 100%;
		padding: 10px 0px;
	}

	.bottoms {
		height: 220px;
	}

	.btm_div {
		width: 100%;
		height: auto;
		background: #007e37;
		text-align: center
	}

	.btm_div>span {
		display: none;
	}

	.yqlj {
		margin: 0px auto;
	}

	.btm_bq p,
	.yqlj>p {
		text-align: left;
	}

	.nva {
		width: 100%;
		height: auto;
	}
}

/*低于768*/
@media screen and (max-width: 768px) {
	.nva1 {
		dispaly: none
	}

	.nva2 {
		display: block
	}

	.logoleft {
		width: 90%;
		padding: 0px 5%;
		float: none;
	}

	.logoleft img {
		width: 100%;
	}

	.logoright {
		width: 500px;
		margin: 0px auto;
		float: none;
	}

	.logolj {
		margin: 5px 0px;
	}

	.logolj {
		float: left;
	}

	.ssjg {
		float: right;
		width: 40%;
	}

	.btm_bq p {
		text-align: left;
	}

	.btm_div>img {
		margin: 0px;
		margin-left: 2%;
	}

	.btm_bq {
		width: 40%;
		margin: 0px 2%;
	}

	.yqlj {
		width: 28%;
		margin-right: 2%;
	}

	.yqlj>p {
		text-align: left;
	}

	.yqljul>li {
		background: #33985f url(../images/jt4.png) no-repeat 280px 20px;
	}

	.nva {
		display: none;
	}

	.navul li {
		float: none;
		width: calc(100% - 45px);
		position: static;
	}

	.navul li ul {
		position: static;
		width: 100%
	}

	#dhl {
		display: block;
	}

	.yqljul li a {
		text-indent: 0em;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/*手机*/
@media screen and (max-width:414px) {
	.logos {
		width: 100%;
		padding: 10px 0px;
	}

	.logoleft {
		width: 90%;
		padding: 0px 5%;
		float: none;
	}

	.logoleft img {
		width: 100%;
	}

	.logoright {
		width: 210px;
		margin: 0px auto;
		float: none;
		overflow: hidden;
	}

	.logolj {
		margin: 5px 0px;
		width: 100%
	}

	.ssjg {
		width: 96%;
		float: left
	}

	.logolj a {
		margin: 0px 8px
	}

	.bottoms {
		height: auto;
	}

	.btm_div {
		width: 100%;
		height: auto;
		background: #014642;
		overflow: hidden;
		text-align: center
	}

	.btm_div>span {
		display: none;
	}

	.btm_div>img {
		float: none;
		margin: 0px;
		width: 80%;
	}

	.btm_bq {
		float: none;
		width: 90%;
		margin: 20px auto;
	}

	.btm_bq p {
		text-align: left;
	}

	.yqlj {
		float: none;
		width: 90%;
		margin: 0px auto;
		margin-bottom: 40px;
	}

	.yqljul>li {
		background: #33985f
	}

	.yqljul li a {
		text-indent: 10px;
	}

}

/*手机*/
@media screen and (max-width:330px) {
	.logoright {
		width: 230px;
	}

	.ssjg {
		width: 86%;
	}

	.inptext {
		width: 76%;
	}

	.inpimg {
		float: right;
		margin-right: 8px;
	}

	.logolj a {
		font-size: 13px;
	}

	.yqljul li a {
		text-align: left;
	}

	.lja1 {
		margin-left: 0px
	}

}

/* 重用类样式 */
.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.no_margin {
	margin: 0px !important;
}

.no_border {
	border: 0px !important;
}

.no_bg {
	background: none !important;
}

.clear_both {
	clear: both !important;
}

.display_block {
	display: block !important;
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.red {
	color: red
}

.yellow {
	color: #f60
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}

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

@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}

	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
	}

	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}

@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}

	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
	}

	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}

	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
	}

	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}

	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}

	50% {
		opacity: 0;
		transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

@-moz-keyframes ue-pudding {
	0% {
		-moz-transform: scale(1.2, 0.8)
	}

	1% {
		-moz-transform: scale(1.18, 0.82)
	}

	2% {
		-moz-transform: scale(1.16, 0.84)
	}

	3% {
		-moz-transform: scale(1.13, 0.87)
	}

	4% {
		-moz-transform: scale(1.1, 0.9)
	}

	5% {
		-moz-transform: scale(1.07, 0.93)
	}

	6% {
		-moz-transform: scale(1.04, 0.96)
	}

	7% {
		-moz-transform: scale(1.01, 0.99)
	}

	8% {
		-moz-transform: scale(0.99, 1.01)
	}

	9% {
		-moz-transform: scale(0.97, 1.03)
	}

	10% {
		-moz-transform: scale(0.95, 1.05)
	}

	11% {
		-moz-transform: scale(0.94, 1.06)
	}

	12% {
		-moz-transform: scale(0.93, 1.07)
	}

	13% {
		-moz-transform: scale(0.93, 1.07)
	}

	14% {
		-moz-transform: scale(0.93, 1.07)
	}

	15% {
		-moz-transform: scale(0.93, 1.07)
	}

	16% {
		-moz-transform: scale(0.94, 1.06)
	}

	17% {
		-moz-transform: scale(0.94, 1.06)
	}

	18% {
		-moz-transform: scale(0.95, 1.05)
	}

	19% {
		-moz-transform: scale(0.96, 1.04)
	}

	20% {
		-moz-transform: scale(0.98, 1.02)
	}

	21% {
		-moz-transform: scale(0.99, 1.01)
	}

	22% {
		-moz-transform: scale(1, 1)
	}

	23% {
		-moz-transform: scale(1, 1)
	}

	24% {
		-moz-transform: scale(1.01, 0.99)
	}

	25% {
		-moz-transform: scale(1.02, 0.98)
	}

	26% {
		-moz-transform: scale(1.02, 0.98)
	}

	27% {
		-moz-transform: scale(1.02, 0.98)
	}

	28% {
		-moz-transform: scale(1.03, 0.97)
	}

	29% {
		-moz-transform: scale(1.03, 0.97)
	}

	30% {
		-moz-transform: scale(1.02, 0.98)
	}

	31% {
		-moz-transform: scale(1.02, 0.98)
	}

	32% {
		-moz-transform: scale(1.02, 0.98)
	}

	33% {
		-moz-transform: scale(1.02, 0.98)
	}

	34% {
		-moz-transform: scale(1.01, 0.99)
	}

	35% {
		-moz-transform: scale(1.01, 0.99)
	}

	36% {
		-moz-transform: scale(1.01, 0.99)
	}

	37% {
		-moz-transform: scale(1, 1)
	}

	38% {
		-moz-transform: scale(1, 1)
	}

	39% {
		-moz-transform: scale(1, 1)
	}

	40% {
		-moz-transform: scale(0.99, 1.01)
	}

	41% {
		-moz-transform: scale(0.99, 1.01)
	}

	42% {
		-moz-transform: scale(0.99, 1.01)
	}

	43% {
		-moz-transform: scale(0.99, 1.01)
	}

	44% {
		-moz-transform: scale(0.99, 1.01)
	}

	45% {
		-moz-transform: scale(0.99, 1.01)
	}

	46% {
		-moz-transform: scale(0.99, 1.01)
	}

	47% {
		-moz-transform: scale(0.99, 1.01)
	}

	48% {
		-moz-transform: scale(0.99, 1.01)
	}

	49% {
		-moz-transform: scale(1, 1)
	}
}