﻿@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-weight:normal;}
img{border:none}
ul,li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#757575;text-decoration:none;}
a:hover {color:#23a800;}
a:active {color:#23a800;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#757575;}  

/*index*/
.head{ float: left; width: 100%; height: 106px;}
.logo{float: left; margin:10px 0 0;}
.logo img{display: block; vertical-align: bottom; height:86px;}
.menu{ float: right;display: inline;}
.menu li{ float: left;  position: relative; margin: 0 0 0 34px;}
.menu li a{line-height: 106px; height: 106px; width: 90px; text-align: center; font-size: 16px; overflow: hidden;display: block; color: #333;}
.menu li.hover a,.menu li a:hover{ color:#fff; background: #23a800;}
.searchform{float: right; background: url(searchbg.jpg) no-repeat; width: 152px; height: 21px; margin: 45px 0 0; position: relative;}
.txt_search{float: left; width: 107px; height: 21px; line-height: 21px; border: medium none; padding: 0 31px 0 14px;background: transparent;}
.btn_search{position: absolute; right: 0; top: 0; width: 31px; height: 21px; cursor: pointer; border: medium none; background: transparent;}
/*banner效果*/
.content{position:relative;width:100%;margin: 0 auto; height:600px; float: left;}
.banner{overflow:hidden;width:100%;height:600px;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:600px; text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:#222;width:12px; height:12px; margin:0 8px; opacity: 0.5; filter:Alpha(opacity=50); cursor:pointer; border-radius: 100%;}
.slidenum span.current{background:#23a800;opacity: 1; filter:Alpha(opacity=100);}
/*banner效果 end*/
.navlist{float: left; width: 100%; background: #f6f6f6; padding: 80px 0;}
.navlist li{float: left; width: 380px;  margin: 0 30px 0 0; }
.navlist li.noright{margin-right: 0;}
.navlist li a{ display:block; bwidth: 280px;height: 104px;padding: 26px 0 0 100px; background-repeat: no-repeat; background-position: 30px 30px;background-color: #fff;}
.nav1{background-image: url(ico1.png);}
.nav2{background-image: url(ico2.png);}
.nav3{background-image: url(ico3.png);}
.navlist li a:hover{background-color: #23a800;}
.nav1:hover{background-image: url(ico1n.png);}
.nav2:hover{background-image: url(ico2n.png);}
.nav3:hover{background-image: url(ico3n.png);}
.title1{}
.title1 span{font-size: 18px; color: #666; line-height: 26px; font-weight: bold; display: block;}
.title1 i{color: #bcbcbc; line-height: 20px; display: block;}
.navlist li a:hover .title1 span{color: #fff;}
.navlist li a:hover .title1 i{color: #90cb87;}
.line{display: block; width: 35px; height: 2px; background: #e7e7e7;}
.navlist li a:hover .line{background: #fff;}
.detail1{color: #999; line-height: 18px; margin: 10px 0 0; height: 18px; overflow: hidden;}
.navlist li a:hover .detail1{color: #fff;}
.aboutbg{float: left; width: 100%; background: url(aboutbg.jpg) no-repeat center top; height: 430px;}
.aboutbg .wrap{width: 1000px;}
.title2{ text-align: center; margin: 43px 0 46px;}
.title2 span{font-size: 24px; font-weight: bold; display: block; color: #fff; line-height: 90px; text-transform: uppercase;}
.title2 i{display: block; width: 32px; height: 3px; background: #fff; margin: 0 auto;}
.detail2{float:left; width: 930px; background: url(btm.png) no-repeat center bottom; padding: 0 35px 10px; color: #fff; font-size: 18px; line-height: 38px;}
.title3 span{ color: #58b648;}
.title3 i{background: #58b648;}
.probg{float: left; width: 100%; background: #f6f6f6; padding: 0 0 80px;}
.probg .wrap{width: 1084px;}
.protablist{float: left; width: 1096px;}
.protablist a{float: left; width:262px; height: 58px; line-height: 58px; text-align: center; font-size: 18px; color: #666; margin: 0 12px 0 0; background: #fff; font-weight: bold; cursor: pointer;}
.protablist a.on{background: #58b648; color: #fff;}
.protabcon{float: left; width: 100%;}
.protabcon1{display: none;}
.proslidebox{width:1084px; height: 374px; position: relative;}
.proslide{width:1084px; height: 374px; position: relative; overflow: hidden;}
.proslide li{float: left; width:235px; margin: 60px 48px 0 0;}
.proslide li a{display: block; background: #fff;}
.proslide li a:hover{background: #58b648;}
.propic{padding: 4px 4px 0; display: block;}
.propic img{display: block; width: 227px; height: 220px; vertical-align: bottom;}
.protxt{ background: #d4d4d4; padding: 28px 4px 0; height: 62px; color: #666; text-align: center;}
.protxt span{font-size: 14px; line-height: 22px; display: block;}
.protxt i{display: block;line-height: 20px; font-family: arial; text-transform: uppercase;}
.proslide li a:hover .protxt{background:#58b648; color: #fff;}
.leftbtn,.rightbtn{position: absolute; left: -58px; top:178px; cursor: pointer;}
.rightbtn{left:auto; right: -58px; }
.casebg{float: left; width: 100%;}
.title4{border-bottom: 2px solid #f5f5f5;}
.caselist{float: left; width: 1220px;}
.caselist li{float: left; width: 285px; margin: 0 20px 0 0;}
.casepic{background: #58b648; position: relative;}
.casepic img{display: block; width: 285px; height: 230px; vertical-align: bottom;opacity: 1; filter:Alpha(opacity=100);transition: all ease-out .3s;}
.jiahao{font-size: 34px; line-height: 40px; height: 42px; width: 42px; text-align: center; color: #58b648; background: rgba(255,255,255,0.7);  border-radius: 100%; position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -21px;transform: scale(1.2, 1.2); opacity: 0; filter:Alpha(opacity=0); display: none\9; transition: all ease-out .3s; }
.title5{font-size: 16px; line-height: 30px; font-weight: bold; margin: 12px 0 0; width: 230px; height: 30px; overflow: hidden; color: #808080;transition: all ease-out .3s; }
.detail3{color: #a9a9a9; line-height: 20px; height: 40px; overflow: hidden; width: 230px;}
.casetag{position: absolute; left: 0; top: 0; background: url(tagbg.png) no-repeat; width: 52px; height: 64px;color: #fff; text-align: center;}
.casetag i{ display: block; font-size: 18px; line-height: 18px; margin: 11px 0 0; font-family: arial;}
.casetag span{display: block; font-size: 14px; line-height: 14px;}
.caselist li a:hover .casepic img{opacity: 0.5; filter:Alpha(opacity=50);}
.caselist li a:hover .title5{color: #58b648;}
.caselist li a:hover .jiahao{transform: scale(1, 1);opacity: 1; filter:Alpha(opacity=100); display: block\9;}
.newsbox{float: left; width: 100%; padding: 0 0 80px;}
.newslist{}
.newslist li{float: left; width: 558px; margin: 50px 0 0;}
.newstle{font-size: 16px; line-height: 32px; text-align: right;margin: 0 0 12px;}
.newstle a{color: #1d1d1d;}
.newstle a:hover{color: #58b648}
.newslist dl{float: left; width: 100%;}
.newslist dt{float: right; width: 92px; border-left:2px solid #f2f2f2; text-align: right;font-family: 'HelveticaNeueLT Pro 33 ThEx'; font-weight: bold; }
.newslist dt span{display: block; color: #23a800; line-height: 30px; font-size: 28px;}
.newslist dt i{color: #8c8c8c; font-size: 12px; line-height: 12px;}
.newslist dd{float: left; width: 454px; font-size: 12px; line-height: 20px; height: 40px; overflow: hidden; margin: 6px 0 0;}
.newslist .news_right{float: right;}
.newslist .news_right .newstle{text-align: left;}
.newslist .news_right dt{float: left; border-left: medium none; border-right: 2px solid #f2f2f2; text-align: left;}
.newslist .news_right dd{float: right;}
.foot{float: left; width: 100%; background: #464646; padding: 42px 0 50px;}
.footleft{float: left; width: 272px;}
.foottle{font-size: 14px; line-height: 32px; color: #d3d3d3;}
.footnav{float: left;  border-right: 1px solid #3a3a3a; padding: 12px 101px 12px 0; width: 170px;}
.footnav li{float: left; width: 85px; font-size: 12px; line-height: 31px; }
.footnav li a{color: #868686;}
.footnav li a:hover{color: #23a800;}
.footright{float: left; margin: 0 0 0 200px; width: 436px; display: inline;}
.footcontact{color: #868686; font-size: 12px; line-height: 31px; border-right: 1px solid #3a3a3a; padding: 12px 32px 12px 0;}
.footewm{float: right; width:125px;}
.footewm i{display: block;font-size: 14px; line-height: 32px; color: #fff;}
.footewm span{display: block; background: #f6f6f6; width: 109px; height: 109px; padding: 8px;}
.footewm img{ width: 109px; height: 109px; display: block; vertical-align: bottom;}
.copy{float: left; width: 100%; background: #3a3a3a; color: #888; line-height: 50px; text-align: center;}
/*index end*/

/*浮动*/
.r_fudong{float: left; width: 70px; position:fixed; left: 0; top: 50%; margin: -159px 0 0;}
.r_fudong ul{float: left; width: 100%; border-top: 1px solid #dbdbdb; }	
.r_fudong li{float: left; width: 100%;  text-align: center;   cursor: pointer; position: relative;}
.r_fudong li a{display: block; width: 68px; border: 1px solid #dbdbdb; border-top: medium none; float: left; background: #fff; position: relative; z-index: 2;height: 68px;}
.r_fudong li img{margin: 12px auto 0; display: block; vertical-align: bottom; width: 32px;}
.r_fudong li span{display: block; line-height: 21px;}
.gotop{float: left; width: 100%; background: #999; color: #fff; text-align: center; padding: 7px 0 4px; position: relative; z-index: 2;}
.gotop span{display: block; line-height: 20px;}
.gotop:hover{color: #fff; background: #d73240;}
.fdbox{position: absolute; left: 69px; top: 0; background: #d73240; text-align: center; margin-left: -10px;transition: all 0.2s ease-out 0s; opacity: 0;  visibility: hidden; color: #fff;}
.r_fudong li.hover a,.r_fudong li a:hover{background: #f2f2f2;}
.r_fudong li.hover .fdbox{ margin-left:0;opacity: 1;  visibility: visible; }
.telbox{width:178px; padding: 10px 0 0; height: 58px;}
.teltop{position: relative; margin: 0 auto; width: 128px;}
.teltop em{position: absolute; left: 0; top: 0; width: 100%; height: 13px; border-bottom: 1px solid #b20a18; display: block;}
.r_fudong .teltop span{display: inline-block; line-height: 26px; font-size: 18px; position: relative; padding:0 15px; background: #d73240;}
.telnum{line-height:28px; font-size: 18px;}
.ewmbox{float: left; padding: 13px 13px 0; display: inline; width: 109px; }
.r_fudong .ewmbox img{ width: 109px;  height: 109px; margin: 0;}
.r_fudong .ewmbox span{ line-height: 30px; font-size: 14px;}
/*浮动 end*/

/*产品列表*/
.main{float: left; width: 100%; background: #f6f6f6; padding: 50px 0 80px;}
.left{float: left; width:234px; background: #fff;}
.navtle{ background: #58b648; color: #fff; padding: 28px 0 28px 30px;line-height: 24px; font-size:16px;}
.navtle i{display: block; font-family: arial; font-size: 18px; text-transform: uppercase;}
.navtle span{display: block; font-size: 14px;}
.lnav{padding: 0 22px;}
.lnav li{font-size: 14px; border-top: 1px dashed #e2e2e2; line-height: 51px; padding: 0 8px;}
.lnav li.notop{border-top: medium none;}
.lnav li.on a{color: #58b648;}
.right{float: right; width: 884px; padding: 0 40px 60px; background: #fff;}
.site{border-bottom: 1px solid #ccc; font-size: 14px; line-height: 38px; padding:30px 0 16px; text-align: right; float: left; width: 100%;}
.site a{color: #7d7d7d;}
.site i{margin: 0 5px;}
.prolist{float: left; width: 904px;}
.prolist li{float: left; width:204px; border: 1px solid #eee; margin: 40px 20px 0 0;}
.prolist li a{display: block; background: #fff; }
.prolist li a:hover{background: #58b648;}
.prolist li a:hover .protxt{background:#58b648; color: #fff;}
.prolist .propic img{width: 196px; height: 190px;}
.page{float: left; width: 100%; text-align: center; margin: 55px 0 0;}
.page a{display: inline-block; line-height: 30px; border: 1px solid #e0e0e0; padding: 0 10px; font-size: 14px; margin: 0 5px;}
.page a.on,.page a:hover{color: #58b648; border:1px solid #58b648}
/*产品列表 end*/

/*产品详情*/
.protle{color: #58b648; font-size: 20px; line-height: 32px; margin: 24px 0 0; text-align: center;}
.article{font-size: 14px; line-height: 28px; margin: 24px 0 0;}
.article img{max-width: 100%;}
.title6{float: left; font-size: 16px; color: #58b648;}
/*产品详情 end*/

/*新闻中心*/
.newslist1 li{width: 100%; border-bottom: 1px dashed #ececec; margin: 0; padding: 30px 0;}
.newslist1 dd{width: 778px;}
.newslist1 .newstle{text-align: left;}
/*新闻中心 end*/

/*新闻详情*/
.newstitle{color: #58b648; font-size: 20px; line-height: 32px; margin: 24px 0 0; text-align: center;}
.newsdate{text-align: center; font-size: 12px; line-height: 30px; margin: 0 0 30px;}
.share{ width: 306px; margin: 70px auto 0;}
.stle{float: left; font-size:16px; line-height: 32px;color: #333;}
.bdsharebuttonbox{float: right; width: 230px;}
.share .bdshare-button-style0-32 a{ margin: 0 0 0 14px; display: inline;}
.share .bdshare-button-style0-32 .bds_weixin{background: url(s1.gif) no-repeat;}
.share .bdshare-button-style0-32 .bds_tsina{background: url(s2.gif) no-repeat;}
.share .bdshare-button-style0-32 .bds_qzone{background: url(s3.gif) no-repeat;}
.share .bdshare-button-style0-32 .bds_douban{background: url(s4.gif) no-repeat;}
.share .bdshare-button-style0-32 .bds_tieba{background: url(s5.gif) no-repeat;}
/*新闻详情 end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/

