
html {color:#333; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;}
* {margin: 0;padding: 0;} 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
body, button, input, select, textarea {font:12px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "STHeiti", "\5B8B\4F53", sans-serif, tahoma, arial;}
input, select, textarea {font-size:100%;}
table {border-collapse:collapse; border-spacing:0;}
th {text-align:inherit;}
fieldset, img {border:0;}
iframe {display:block;}
abbr, acronym {border:0; font-variant:normal;}
del {text-decoration:line-through;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:500;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:500;}
q:before, q:after {content:'';}
sub, sup {font-size:75%; line-height:0;	position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
a {color:#333;}
a:hover {color:#008419;  text-decoration:none;}
ins, a {text-decoration:none;}
.fn-clear:after {visibility:hidden; display:block; font-size:0;	content:" "; clear:both; height:0;}
.fn-clear {zoom:1; /* for IE6 IE7 */}
.fn-hide {display:none;}
.fn-left, .fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}
a {color: #333; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s;}
li{list-style: none;}

/*头部*/
.header-top{width: 100%;height: 36px;line-height:36px;background: #f8f8f8;}
.pub-con{width: 1200px;margin:auto;overflow: hidden;}
.h-left{float: left;font-size: 14px;color:#999;}
.h-rihgt{float: right;}
.h-rihgt a{display: block;display: inline-block;margin: 7px;line-height: 25px;text-align: center;font-size: 12px;color:#999;}
/*搜索*/
.searchbox{width: 194px;height: 22px;margin: 7px;border-radius: 2px;  border: solid 1px #cccccc;line-height: 22px;float: right;  }
.searchbox s{float:left;width: 13px;height: 13px;margin:5px;background:url(../images/icon_search.png) no-repeat center center;}
.searchbox input{float:left;width: 140px;height: 20px;margin:1px 0;outline: none;border:0;color:#ccc;font-size:12px;}

/*导航*/
.navbox{background: #fff;}
.logobox{height: 79px;margin:18px 0;}
.logobox img{ display: block;}
.nav{height: 60px;line-height: 60px;background: -webkit-linear-gradient(#3da802, #008419); background: -o-linear-gradient(#3da802, #008419); background: -moz-linear-gradient(#3da802, #008419); background: linear-gradient(#3da802, #008419); }
.nav .first-ul li{float: left;padding: 0 40px;height: 60px;}
.nav .first-ul li.active,.nav .first-ul li:hover{background: -webkit-linear-gradient(#259a0b, #259a0b); background: -o-linear-gradient(#259a0b, #259a0b); background: -moz-linear-gradient(#259a0b, #259a0b); background: linear-gradient(#259a0b, #259a0b);}
.nav .first-ul li.active a,.nav .first-ul li:hover a{color:#fff;}
.nav .first-ul li a{font-size: 18px;color:#fff; display: block;}
.menu{display:none;font-size:18px;color:#008419;}

.navdown{display: none;overflow: hidden; padding: 10px 0;position: absolute;left:0;right:0;background: rgba(59,167,3,1);z-index: 999999;-webkit-animation: topFadeIn .3s ease-out; -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out;}
.navdown.show{display: block;}
.nav .first-ul li .navImg{float: left;margin-right: 10%;width:327px;height: 169px; }
.nav .first-ul li .navImg img{width:100%;display: block;}
.navdown ul li{width:120px;padding-right:20px;height:40px!important;padding:0!important;line-height: 40px!important;margin-right:5%!important;margin-bottom:10px;border-bottom: solid 1px #68de2b;position: relative;overflow: hidden;}
.navdown ul li:hover{background:none!important;}
.navdown ul li a{color:#fff!important;}
/*.nav .first-ul li:hover .navdown{display: block;}*/

/*banner*/
.flex-direction-nav{ display:none;}
.flex-control-nav {position: absolute;left:0;right:0;bottom: 20px; z-index:9999;    text-align: center; }
.flex-control-nav li{  margin:0 3px; cursor:pointer; *display:block; *zoom:1; display:inline-block;}
.flex-control-nav li a {background:#fff; width: 12px; height: 12px;display: block; font-size: 0;
text-indent: -9999px;border-radius:12px;float:left;}
.flex-control-nav li a.flex-active{ background:#008419; width:30px; transition:all 0.6s ease 0s;}
.flexslider {position: relative;width: 100%;height: 100%; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:100%;}
.slides li { position:relative; }
.slides li img{ width:100%; height:auto;}

.slides li{ position:relative; overflow:hidden;}
.banner1_box,.banner2_box,.banner3_box{ width:1200px; position:absolute; left:50%; margin-left:-600px; z-index:999999; text-align:center; height:95px; overflow:hidden; top:50%; margin-top:-42.5px;}
.slides li .banner1_box img,.slides li .banner2_box img,.slides li .banner3_box img{ width:auto;height:65px!important;overflow:hidden;}
.flex-active-slide .banner1_box img{ animation:zuo 1s ease 0.2s both;-webkit-animation:zuo 1s linear 0.2s both; }
.flex-active-slide .banner2_box img{animation:shang 1s ease 0.2s both;-webkit-animation:shang 1s linear 0.2s both; }
.flex-active-slide .banner3_box img{animation:you 0.8s ease 0.2s both;-webkit-animation:you 0.8s linear 0.2s both; }
@-webkit-keyframes zuo{0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes zuo{0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes you{0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes you{0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes shang{0%{opacity:0;-webkit-transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes shang{0%{opacity:0;-moz-transform:translateY(50px)}
100%{opacity:1;-moz-transform:translateY(0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}
4%{opacity:0.4}
80%{opacity:0.8}
100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}
4%{opacity:0.4}
80%{opacity:0.8}
100%{opacity:1}}


.phone{display: none;}


/*分页*/
button {display: inline-block;padding: 6px 12px;font-weight: 400;line-height: 1.42857143;text-align: center;vertical-align: middle;cursor: pointer;border: 1px solid transparent;border-radius: 4px;border-color: #28a4c9;color: #fff;background-color: #5bc0de;margin: 20px 20px 0 0;}
.box {width: 900px;margin: 100px auto 0;height: 34px;}
.page {width: 700px;}
.info {width: 200px;height: 34px;line-height: 34px;}
.fl {float: left;}

/*底部*/
.footer{color:#333;background: #f5fcec url(../images/footbg.png) no-repeat bottom center;background-size: 100%;}
.fttop{width: 1200px;padding:40px 0 10px;margin: auto;overflow: hidden;}
.fttop ul{width: 13%;float: left;}
.fttop ul li h3{font-size: 24px;margin-bottom: 20px;}
.fttop ul li a{display:block;font-size: 16px;color:#333;margin-bottom: 10px;}
.fttop .wechat{float: right;width: 120px;height: 120px;}
.fttop .wechat img{display: block;margin-bottom: 20px;width: 100%;height: 100%;}
.fttop .wechat span{display: block;font-size: 12px;color:#333;text-align: center;}
.footer .foot{width: 1200px;height: 80px;margin:auto;padding: 10px 0;}
.footer p{font-size:14px;padding:10px 0;}
.footer p a{color:#333;margin-right: 10px;}
.footer .bottom{background-color:#0c3800;text-align: center;color:#fff; padding:10px 0}
.footer .bottom a{ color:#fff}
.footer .bottom  b{ font-weight:normal; color:#fff; background:#000; margin:0 3px; line-height:20px; padding:0 5px; }
.footer .tongji{ color:#FFB500}
.footer span{ padding:0 10px}
@media (max-width: 1200px) { 
	.pc{display: none;}
	.phone{display: block;}
	.pub-con,.footer .foot{width: 1000px;}
	.navbox{height: auto;line-height: auto;}
	.logobox{width: 220px;height: 50px;margin: 15px 0;}
	.logobox img{height: 100%;}
	.nav .first-ul{margin-left:0;}
	.nav .first-ul li{height: 60px;line-height: 60px;padding: 0px 21px;}
	.weather{ display:block}

}

@media (max-width: 992px) { 
	.pub-con,.footer .foot{width: 740px;}
	.navbox{height: auto;line-height: auto;}
	.logobox{float: none;width: 220px;height: 50px;margin: 15px 0;}
	.nav .first-ul{margin-left: 0;}
	.nav .first-ul li{float: left;padding: 0 7px;}
	.banner .slideBox .prev, .banner .slideBox .next{width: 32px;height: 32px;background-size: 100%;}
	.footer .foot,.fttop{width:96%;margin:auto;height: auto;}
	.nav .first-ul li .navImg{width: 230px;height:120px;margin-right: 5%;}
	.navdown ul li{width:100px!important;height: 30px!important;line-height: 30px!important;margin-right: 2%!important;}
	.navdown ul li a{font-size:16px!important;}
	
}
@media (max-width: 736px) { 
	.header-top{display: none;}
	.pub-con{width: 96%;}
	.logobox{padding-left:20px;}
	.nav{visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;z-index: 10;background: #259a0b;width: 35%;height: 100%;box-shadow: 0px 0px 5px 2px rgba(0,0,0,.3);overflow-y: auto;}
	.nav.show{opacity: 1;transition: all .3s;visibility: visible;}
	.nav .first-ul li{float: none;height: auto;}
	.menu{display:block;font-size: 18px;color: #008419;line-height: 50px;position: absolute;top: 15px;right: 20px;}
	

	.nav .first-ul li .navImg{display: none;}
	.navdown{position: relative;}
	.navdown ul{padding:0 5px;}
	.navdown ul li{width:100%;padding:5px 0!important;}
	.navdown ul li:last-child{border-bottom: none;}

	.fttop ul{width: 15%;}
	.fttop ul li h3{font-size: 18px;}
	.fttop ul li a,.footer p{font-size: 12px;}

	.fttop .wechat{width: 100px;height: 100px;}
	.weather{ display:none}
	.ldsc{display:none}
	.partnerBg{display:none}
	.footer span{ padding:0 10px; display:block}
	
}
@media (max-width: 414px) {
	.nav{width: 44%;z-index: 100;}
	.nav .first-ul li a{font-size: 16px;}
	.logobox{width: 160px;height: 40px;}
	.menu{line-height: 40px;font-size: 16px;}
	.banner .slideBox .hd{bottom:5px;}
	.banner .slideBox .hd ul li{width: 6px;height: 6px;}
	.banner .slideBox .prev, .banner .slideBox .next{padding:10px 0;}
	.footer{margin-top: 15px;}
	.bottom{height: auto;padding:10px 0;line-height: 25px;}

	.fttop ul{width: 50%;height: 200px;float: left;overflow: hidden;}
	.fttop .wechat{float: none;clear: both;}
	.fttop .wechat img{margin: 0 auto 20px;}
	.weather{ display:none}
	.ldsc{display:none}
	.partnerBg{display:none}
}

@media (max-width: 320px) {
	.logobox{padding-left: 5px;}
	.weather{ display:none}
	.ldsc{display:none}
	.partnerBg{display:none}
}



@-webkit-keyframes topFadeIn{
	0%{opacity:0;	-webkit-transform:translateY(-10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes topFadeIn{
	0%{opacity:0;	-moz-transform:translateY(-10px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes topFadeIn{
	0%{opacity:0;	transform:translateY(-10px);}
	100%{opacity:1; transform:translateY(0);}
}
.inBox img{ max-width:1100px}