/*默认样式初始化*/

body,h1,h2,h3,h4,h5,p,a,li,ul,ol,dl,dt,dd,img{margin: 0;padding: 0; font-family: microsoft yahei; list-style: none;text-decoration: none;font-weight: normal;font-size: 14px;color: #222;}

body{min-width: 1180px;}
.w{width: 1180px;margin: 0 auto;}

/***鼠标放上图放大*******/
.sld .bd ul li a .pic img,.cpzs ul li a img,.txtsld .bd ul li a img{transition:all ease-in-out .2s;}
.sld .bd ul li a:hover .pic,.txtsld .bd ul li a .pic{overflow: hidden;}
.sld .bd ul li a:hover .pic img,.cpzs ul li a:hover img,.txtsld .bd ul li a:hover img{transform:scale(1.1);}

/*****轮播图*********/
.banner{position: relative;}
.banner .bn{}
.banner .bn img{width: 100%;}
.flickerplate { position: relative; width: 100%; height: 554px; background:none;overflow: hidden }
.flickerplate ul.flicks { width: 10000%; height: 100%; padding: 0px; margin: 0px; list-style: none }
.flickerplate ul.flicks>li { float: left; width: 1%; height: 100%; background-position: center; background-size: cover; display: table }
.flickerplate ul.flicks>li .flick-inner { height: 100%; padding: 10px; color: #fff; display: table-cell; vertical-align: middle }
.flickerplate ul.flicks>li .flick-inner .flick-content { max-width: 68.75em; margin-left: auto; margin-right: auto }
.flickerplate ul.flicks>li .flick-title { padding: 0px 0px; font-size: 2.778em; line-height: 1.995em; text-align: center }
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title { font-size: 1.667em }
}
.flickerplate ul.flicks>li .flick-sub-text { padding: 5px; font-weight: 300; line-height: 2.5em; color: rgba(255, 255, 255, 0.8); text-align: center }
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text { padding: 12px 18px; background-color: rgba(0, 0, 0, 0.6) }
.flickerplate .arrow-navigation { position: absolute; height: 80%; width: 10%; top: 10%; z-index: 100; overflow: hidden }
.flickerplate .arrow-navigation .arrow { display: block; height: 100%; width: 90%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out }
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover { cursor: pointer }
.flickerplate .arrow-navigation.left { left: 0% }
.flickerplate .arrow-navigation.left .arrow { opacity: 0; margin: 0px 0px 0px 50%; background-image: url(../images/flickerplate/arrow-left-light.png); background-repeat: no-repeat; background-position: left }
.flickerplate .arrow-navigation.right { right: 0% }
.flickerplate .arrow-navigation.right .arrow { opacity: 0; margin: 0px 0px 0px -50%; background-image: url(../images/flickerplate/arrow-right-light.png); background-repeat: no-repeat; background-position: right }
.flickerplate .arrow-navigation.left.hover .arrow { opacity: 1; margin: 0px 0px 0px 20% }
.flickerplate .arrow-navigation.right.hover .arrow { opacity: 1; margin: 0px 0px 0px -20% }
.flickerplate .dot-navigation { position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 100;}
.flickerplate .dot-navigation ul { text-align: center; list-style: none; padding: 0px 15px }
.flickerplate .dot-navigation ul li { display: inline-block; float: none }
.flickerplate .dot-navigation .dot { width: 14px; height: 14px; margin: 0px 6px; background-color: rgba(105, 155, 0, 0.9); border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out }
.flickerplate .dot-navigation .dot:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.6) }
.flickerplate .dot-navigation .dot.active { background-color: #fff }
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul { text-align: left }
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul { text-align: right }
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow { background-image: url(../images/arrow-left-dark.png) }
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow { background-image: url(../images/arrow-right-dark.png) }
.flickerplate.flicker-theme-dark .dot-navigation .dot { background-color: rgba(0, 0, 0, 0.12) }
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover { background-color: rgba(0, 0, 0, 0.6) }
.flickerplate.flicker-theme-dark .dot-navigation .dot.active { background-color: #000 }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner { color: rgba(0, 0, 0, 0.9) }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text { color: rgba(0, 0, 0, 0.9) }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255, 255, 255, 0.5) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner { color: rgba(0, 0, 0, 0.9) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text { color: rgba(0, 0, 0, 0.9) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255, 255, 255, 0.5) }
.flickerplate.animate-transform-slide ul.flicks { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; transform: translate3d(0%, 0px, 0px); -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: -webkit-transform 0.6s; -o-transition: -o-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s }
.flickerplate.animate-transition-slide ul.flicks { position: relative; left: 0%; -webkit-transition: left 0.4s ease-out; -moz-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; -ms-transition: left 0.4s ease-out; transition: left 0.4s ease-out }
.flickerplate.animate-jquery-slide ul.flicks { position: relative; left: 0% }
.flickerplate.animate-scroller-slide { padding-bottom: 0px; overflow: auto }
.flickerplate.animate-scroller-slide ul.flicks { position: auto }

/*****menu**/
.topbar{height: 80px;background: url(../images/bg_topbar.png) 0 0 repeat;position: absolute;top: 0;z-index: 999;width: 100%;}
.logo{float: left;margin-right: 30px;}
.top{position: relative;}
.logo h1{padding-top: 12px;}
.menu{height: 80px;float: left;}
.menu ul li{float: left;position: relative;}
.menu ul{}
.menu ul li a{display: block;font-size: 15px;}
.menu ul li a.topa{height: 80px;line-height: 80px;width: 104px;text-align: center;}
.menu ul li a.topa:hover,.menu ul li dl dd a:hover{background: #75bc3c;}
.menu ul li a,.tel{color: #fff;}
.menu ul li:hover dl{display: block;}
.menu ul li dl{display: none; background: url(../images/bg_dl.png) repeat 0 0;padding: 15px 0;width: 120px;position: absolute;left: -8px;top: 79px;}
.menu ul li dl dd{text-align: center;}
.menu ul li dl dd a{height: 34px;line-height: 34px;}
.menu ul li dl dd a:hover{}
.tel{height: 80px;padding-left: 50px; position: absolute;right: -50px; background: url(../images/bg_tel.png) no-repeat 0 center;line-height: 80px;font-size: 22px;}


/*********f1*************/
.f1{padding-top: 50px;}
.f1title{text-align: center;}
.f1title h2{color: #3f3f3f;font-size: 32px;background: url(../images/bg_f1title.png) no-repeat bottom center;padding-bottom: 15px;}
.f1br{background: url(../images/bg_f1r.png) no-repeat right top;}
.f1bl{float: left;width: 560px;}
.f1br{text-align: right;}
.f1br p{padding: 15px 15px 0 0;}
.f1b{height: auto;overflow: hidden;padding-top: 50px;}
.f1br img{width: 511px;height: 388px;}
.f1bl h3{font-size: 24px;font-weight: bold;color: #7a7a7a;height: 30px;line-height: 30px;}
.f1bl h2{font-size: 29px;font-weight: bold;color: #7a7a7a;}
.f1bl h2 span{color: #448908;}
.f1bl p{font-size: 14px;color: #858585;line-height: 1.7em;margin-top: 20px;}
.f1bl .guanyu{height: auto;overflow: hidden;margin-top: 20px;}
.f1bl .guanyu a{display: block;float: left;text-align: center;margin-right: 66px;}
.f1bl .guanyu a .a1{width: 82px;height: 83px;}
.f1bl .guanyu a .a2{font-size: 16px;height: 32px;line-height: 32px;color: #5e5e5e;margin: 10px 0;}
.f1bl .guanyu a:hover .a2{color: #448908;}
.f1bl .guanyu a .g1{background: url(../images/a1.png) no-repeat 0 0;}
.f1bl .guanyu a .g2{background: url(../images/a2.png) no-repeat 0 0;}
.f1bl .guanyu a .g3{background: url(../images/a3.png) no-repeat 0 0;}
.f1bl .guanyu a .g4{background: url(../images/a4.png) no-repeat 0 0;}
.f1bl .guanyu a:hover .g1{background: url(../images/a1hover.png) no-repeat 0 0;}
.f1bl .guanyu a:hover .g2{background: url(../images/a2hover.png) no-repeat 0 0;}
.f1bl .guanyu a:hover .g3{background: url(../images/a3hover.png) no-repeat 0 0;}
.f1bl .guanyu a:hover .g4{background: url(../images/a4hover.png) no-repeat 0 0;}
.f1bl .guanyu a.alast{margin-right: 0;}

/************f2*****************/
.f2{background: url(../images/bg_f2.png) no-repeat center top #eff8e7;margin-top: 50px;}
.f2title{text-align: center;height: auto;overflow: hidden;padding-top: 65px;}
.f2title h2{font-size: 36px;font-weight: bold;height: 50px;line-height: 50px;}
.f2title p{font-size: 16px;line-height: 1.8em;margin-top: 20px;}
.f2title h2,.f2title p{color: #fff;}
.sld{height: auto;overflow: hidden;padding-top: 136px;padding-bottom: 50px;}
.sld .hd{height: auto;overflow: hidden;}
.sld .bd{height: auto;overflow: hidden;padding-top: 60px;height:360px;}
.sld .hd ul{text-align: center;}
.sld .hd ul li{display: inline-block;margin: 0 15px;}
.sld .hd ul li a{display: block;width: 144px;height: 42px;line-height: 42px;text-align: center;color: #fff;background: #448908;font-size: 16px;}
.sld .hd ul li a:hover{background: #519615;}
.sld .bd ul{height: auto;overflow: hidden;padding-left: 74px;}
.sld .bd ul li{float: left;margin-right: 50px;margin-bottom: 36px;}
.sld .bd ul li a{display: block;text-align: center;width: 218px;}
.sld .bd ul li a .pic{width: 218px;height: 225px;text-align: center;vertical-align: middle; background: #fff;overflow: hidden;}
.sld .bd ul li a .pic img{width: 218px;height: 225px;}
.sld .bd ul li a p{height: 40px;padding: 0 4px;overflow: hidden; line-height: 40px;background: #e7e4e4;transition:all ease-out .2s;}
.sld .bd ul li a:hover p{background: #60aa31;color: #fff;}
.sld .bd ul li a:hover .pic img{transform:scale(1.1);}
.sld .more{text-align: center;}
.sld .more a{display: inline-block;color: #fff;background: #60aa31;width: 170px;height: 46px;line-height: 46px;border-radius: 40px;}


/*********f3*************/
.f3{background: url(../images/bg_f3.jpg) no-repeat center top;padding-top: 140px;}
.f3title{width: 1064px;height: 100px;text-align: center;margin: 0 auto;background: #fff;padding-top: 36px;}
.f3title h2{font-weight: bold;color: #000100;font-size: 36px;}
.f3title h3{text-transform: uppercase;color: #448908;font-size: 20px;margin-top: 10px;}
#f3b{background: url(../images/bg_f3b.jpg) no-repeat center top;}
.f3b{position: relative;height: 564px;}
.f3ba{position: absolute;}
.f3ba dl{height: auto;overflow: hidden;margin-bottom: 16px;width:410px;}
.f3ba dl dt,.f3ba dl dd{height: 36px;line-height: 36px;font-weight: bold;color: #448908;font-size: 20px;float: left;}
.f3ba dl dt{ text-align: center; background: url(../images/bg_dt.png) no-repeat 0 0;color: #fff;font-size: 15px;width: 36px;margin-right: 18px;}
.f3ba dl dd{width: 320px;overflow: hidden;}
.f3ba ul{padding-left: 30px;}
.f3ba ul li{ margin-bottom: 16px; background: url(../images/bg_li.png) no-repeat 0 7px;padding-left: 24px;line-height: 1.5em;font-size: 12px;color: #000;width: 296px;}
.f3b5{background: url(../images/bg_f3b5.png) no-repeat 0 0;width: 443px;height: 430px;position: absolute;}
.f3b1{left: -63px;top: 82px;}
.f3b2{left: 876px;top: 82px;}
.f3b3{left: -63px;top: 334px;}
.f3b4{left: 876px;top: 334px;}
.f3b5{left: 368px;top: 65px;}
.f3b5 ul{width: 443px;height: 430px;position: relative;}
.f3b5 ul li{font-size: 18px;color: #fff;position: absolute;}
.f3b5 ul li.li1{left: 177px;top: 107px;}
.f3b5 ul li.li2{left: 290px;top: 200px;}
.f3b5 ul li.li3{left: 200px;top: 320px;}
.f3b5 ul li.li4{left: 80px;top: 226px;}

/*********f4********************/
.f4{background: #eff7e8;}
.txtsld{padding-top: 48px;background: url(../images/bg_f4.png) no-repeat right top;}
.txtsld .hd{}
.txtsld .bd{}
.txtsld .hd ul{text-align: center;}
.txtsld .hd ul li{display: inline-block;font-size: 32px;color: #3f3f3f;}
.txtsld .hd ul li a{font-size: 32px;color: #3f3f3f;}
.txtsld .hd ul li.on a{color: #448908;}
.txtsld .bd{padding-top: 42px;padding-bottom: 50px;}
.txtsld .bd ul{height: auto;overflow: hidden;}
.txtsld .bd ul li{float: left;margin-right: 20px;}
.txtsld .bd ul li a{display: block;width: 274px;height: 404px;}
.txtsld .bd ul li a .pic{width: 274px;height: 194px;}
.txtsld .bd ul li a img{width: 274px;height: 194px;}
.txtsld .bd ul li a h2{color: #191c21;font-size: 16px;height: 40px;line-height: 40px;margin: 16px 0 6px;overflow: hidden;}
.txtsld .bd ul li a .more{margin-top: 24px; transition:all ease-in-out .2s; color: #1f1e1c;font-size: 14px;width: 100px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #448908;border-radius: 20px;}
.txtsld .bd ul li a p{color: #727071;font-size: 12px;line-height: 2em;height: 80px;overflow: hidden;}
.txtsld .bd ul li a:hover .more{color: #fff;background: #448908;}



/**************footer************/
#footer{background: url(../images/bg_footer.png) 0 0 repeat;padding-top: 30px;height: auto;overflow: hidden;clear: both;}
.footer{padding-top: 10px;}
.ftl,.ftc{float: left;}
.ftr{float: right;}
.ftc{margin-right: 60px;}
.ftl ul{float: left;margin-right: 60px;}
.ftl ul li,.ftl ul li a{color: #fff;}
.ftl ul li.first a{font-size: 18px;}
.ftl ul li.first {background: url(../images/bg_h2.png) no-repeat 0 bottom;padding-bottom: 20px;margin-bottom: 15px;}
.ftl ul li{height: 30px;line-height: 30px;}
.ewm{padding-top: 20px;}
.ft{padding-bottom: 20px;height: auto;overflow: hidden;}
.fb{clear: both;background: url(../images/bg_fb.png) repeat-x 0 top;padding: 20px;text-align: center;}
.fb p,.fb p a{color: #fff;}
.ftl ul.ulast{width: 250px;}
.ftr{color: #fff;float: left;}
.ftr1{font-size: 16px;margin-top: 16px;}
.ftr2{font-size: 22px;font-weight: bold;margin-top: 26px;}
.ftr3{font-size: 12px;}
.ftr4{border: 1px solid #92d866; font-size: 16px;color: #92d866; border-radius: 1px;width: 150px;text-align: center;margin-top: 22px;height: 26px;line-height: 26px;}


/***********page.php***********/

.in{line-height: 2em;padding-bottom: 30px;}
#pos{background: #f7f7f7;}
.pos{font-size: 15px;height: 50px;line-height: 50px;color: #626262;background: url(../images/bg_pos.png) no-repeat 0 center;padding-left: 20px;}
.pos a{margin: 0 4px;font-size: 15px;color: #626262;}
.pos a:hover,.content ul li a:hover,.news dl dd h2 a:hover{color: #76bc3f;}
.page-about{height: auto;overflow: hidden;padding-top: 50px;}
.pal,.par{float: left;}
.pal{padding-left: 270px;}
.par{padding-left: 50px;}
.par p{height: 30px;line-height: 30px;margin-bottom: 2px;}
.par p span{font-weight: bold;color: #393532;font-size: 16px;margin-right: 20px;}
.about-title{text-align: center;margin-top: 50px;}
.about-title h2{font-size: 28px;color: #3f3f3f;background: url(../images/bg_f1title.png) no-repeat bottom center;padding-bottom: 15px;}
.about-title p{color: #448908;font-size: 20px;margin-top: 28px;}
.about-title .date{font-size: 12px;color: #888;margin: 24px 40px 0;background: #f0f0f0;padding: 4px 0;}
.about-title h2.t2{background: none;}
.pi{padding: 30px 40px 20px;}
.pi img{padding: 6px;border: 2px solid #eee;max-width: 1000px;}






/***********list_photo.php************/
.cpzs{padding-bottom: 20px;}
.cpzs .cat,.news .cat{text-align: center;padding-top: 26px;}
.cpzs .cat a,.news .cat a{transition:all ease-in-out .2s; margin: 0 10px; display: inline-block;width: 144px;height: 42px; line-height: 42px; text-align: center;font-size: 16px;color: #fff; background: #448908;}
.cpzs ul{height: auto;overflow: hidden;padding-top: 45px;padding-left: 72px;}
.cpzs ul li{float: left;margin: 0 50px 35px 0;}
.cpzs .cat a:hover,.cpzs .cat a.hover,.news .cat a:hover,.news .cat a.hover{background: #75bd3f;}
.cpzs ul li a{display: block;text-align: center;border: 2px solid #e5e5e5;transition:all ease-in-out .2s;width: 214px;}
.cpzs ul li a:hover{border: 2px solid #75bd3f;}
.cpzs ul li a img{width: 214px;height: 222px;}
.cpzs ul li a .pic{width: 214px;height: 222px;overflow: hidden;}
.cpzs ul li a p{height: 40px;line-height: 40px; padding: 0 4px;overflow: hidden;  background: #e5e5e5;transition:all ease-in-out .2s;font-size: 16px;color: #2b2b2b;}
.cpzs ul li a:hover p{background: #75bd3f;color: #fff;}
/***********show.php************/
.fenye{height: auto;overflow: hidden;text-align: center;margin: 20px 0;}
.fenye a,.fenye span{display: inline-block;height: 32px;line-height: 32px;padding: 0 12px;margin: 0 5px;background: #eee;border-radius: 1px;}
.fenye a:hover,.fenye span.current{color: #fff;background:#75bd3f; }
.fx{clear: both;float: right;height: auto;overflow: hidden;}

.content{border-top: 1px dotted #f3f3f3;padding-top: 14px;clear: both;}
.content ul{padding: 0 40px;}
.content ul,.content ul li{height: 32px;line-height: 32px;overflow: hidden;}
.content ul li{float: left;}
.content ul li.r{float: right;}
.content ul li a{}

/***********list.php************/

.news{padding-top: 0px;}
.news .cat{padding-bottom: 50px;}
.news dl{height: auto;overflow: hidden;margin-bottom: 40px;border-bottom: 1px solid #eee;padding-bottom: 30px;}
.news dl dt{float: left;}
.news dl dt a{display: block;transition:all ease-in-out .2s;}
.news dl dt a:hover{border: 1px solid #76bc3f;}
.news dl dt a,.news dl dt a img{width: 260px;height: 180px;}
.news dl dt a{padding: 2px;border: 1px solid #f0f0f0;border-radius: 1px;}
.news dl dt img{}
.news dl dd{float: left;padding-left: 20px;width: 880px;}
.news dl dd h2{height: 30px;line-height: 30px;}
.news dl dd h2 a{font-size: 18px;}
.news dl dd p{color: #888;font-size: 14px;}
.news dl dd .date{margin: 20px 0;font-size: 12px;color: #aaa;}

.gs{ vertical-align: middle; margin-left:10px;}