@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; }
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: #007e37;position: relative;}
.logos{width:1200px;margin:0px auto;overflow:hidden;padding:20px 0px;background:url(../img/bglg.png) 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%;*/width: 7.9%;}
/*.navul>li:last-child{width:13%;}*/
.dhl li{width: 100%;}
.navul li{float: left;height: auto;position: relative;z-index: 999;}
.navul li a{font-size:16px;color:#000;font-weight:500;display:block;width:100%;text-align:center;height:40px;line-height:36px;}
.dhl{position: absolute;top: 40px;left:-12px;z-index: 999;display: none;background: #fff;width:130px}
.navul>li:hover>a{color:#007e37}
.navul>li>.dhl li:hover a{color: #007e37;text-decoration: underline;}
#dhl{position: absolute;bottom: 10px;right: 10px;background: url(../img/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: #007E37 !important;font-weight: 600 !important;}
.nva2{display:none}
/*                底部                                  */
.bottoms{width: 100%;height:180px;background: #007e37;}
.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: 36.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: 25%;margin: 0px 0px 0px 30px;}
.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(../img/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(../img/jt4.png) no-repeat 280px 20px;}
	.nva{display: none;}
	.navul li{float: none;width: 100%;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: #007e37;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)
}
}