@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-size:12px; font-weight:normal;}
img{border:none}
ul,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:#4c4e52;text-decoration:none;}
a:hover {color:#1D4221;}
a:active {color:#1D4221;}
.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:#4c4e52;}  

/*index*/
.bzw{ float:right; height:25px; line-height:24px; margin-right:10px;}
.bzw img{ margin-top:6px; margin-right:5px;}
.byw{ float:right; height:25px; line-height:24px;}
.byw img{ margin-top:6px;margin-right:5px;}
.headtop{ float: left; width: 100%; background:#f1f1f1; height: 118px;}
.logo{ float: left; margin: 10px 0 0;}
.logo img{ height:80px;}
.searchform{ float:right; background: url(searchbg.png) no-repeat; width: 332px; height: 40px; margin: 39px 0 0;}
.txt_search{ float:left; width: 270px; margin: 1px 0 0 20px; height:38px; line-height: 38px; display: inline; border: medium none; color: #6d6e71; background: transparent;}
.btn_search{ float:right; width:32px; height:32px; background:url(searchbtn.png) no-repeat center center; cursor:pointer; border: medium none; margin: 4px 4px 0 0; display: inline;}
.menu{float: left; width: 100%; background: #1D4221;}
.menu li{ float: left; width: 149px; border-right: 1px solid #162e19; text-align: center; line-height: 60px;font-size: 14px;}
.menu li.first{ width: 148px; border-left: 1px solid #162e19;}
.menu li a{ color: #fff; display: block;-webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.menu li.hover a,.menu li a:hover{ background: #346038; color: #fff;}
/*banner效果*/
.content{position:relative;width:100%;margin:-2px auto 0; height:550px; float: left;}
.banner{overflow:hidden;width:100%;height:550px;overflow:hidden;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:550px; text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:url(../images/yuan1.png) no-repeat;width:10px; height:10px; margin:0 8px; cursor:pointer;}
.slidenum span.current{background:url(../images/yuan2.png) no-repeat;}
/*banner效果 end*/
.probg{ float: left; width: 100%; background: #f9f8f8; padding: 60px 0;}
.prodl{ float: left; width: 350px; margin: 0 15px 0 0; background: #fff; padding: 20px; height: 160px;}
.prodl dt{ float: left; width: 160px;}
.prodl dt img{ display: block; width: 160px; height: 160px; vertical-align: bottom;}
.prodl dd{ float: right; width: 168px;}
.title1{ font-size: 14px; line-height: 24px; background: url(line.gif) no-repeat 0 bottom; padding: 0 0 10px; margin: 18px 0 0;}
.title1 i{ display: block; font-family: arial; color: #4c4e52;}
.title1 span{display: block; color: #1D4221;}
.detail1{line-height: 20px; color: #4c4e52; margin: 20px 0 0; height: 40px; overflow: hidden;}
.noright{ margin-right: 0;}
.companybg{ float: left; width: 100%; background: #fff; padding: 60px 0;}
.companydl{ float: left; width:755px; background: #f9f8f8; padding: 20px;}
.companydl dt{ float: left; width: 160px;}
.companydl dt img{ width: 160px; height: 200px; vertical-align: bottom;}
.companydl dd{ float:right; width: 573px;}
.titlebox{ float: left; width: 100%; border-bottom:1px solid #a0a0a0;padding: 16px 0;}
.more{ float: right; color: #1D4221; font-family: arial; text-transform: uppercase; line-height: 20px; margin: 20px 0 0;}
.title2{ line-height: 20px; }
.title2 i{ display: block; color: #7d7d7d; font-size: 16px;}
.title2 span{ display: block; color: #1D4221; font-size: 14px;}
.detail2{ float: left; width: 100%; padding: 5px 0 0;}
.detail2,.detail2 p{line-height: 20px; }
.detail2 p{margin: 10px 0 0;}
.newsbox{ float: right; width:350px; padding: 20px; background: #f9f8f8; height: 200px;}
.newslist{ float: left; width: 100%; margin: 15px 0 0;}
.newslist li{ float: left; width: 100%; line-height: 24px; height: 24px; overflow: hidden;}
.newslist li span{ float: right; color: #996c33;}
.foot{ float: left; width: 100%; background: #1D4221; color:#fff; height: 188px; padding: 0 0 30px; margin: -2px 0 0;}
.footleft{ float: left; margin: 41px 0 0 24px; display: inline;}
.comname{font-size: 16px; color: #fff; line-height: 27px;}
.copy{color: #fff; line-height: 27px;}
.copy a{ color:#fff;}
.sharebox1{ float: right; margin: 64px 0 0 0; display: inline;}
.sharebox1 .bshare-custom.icon-medium .bshare-weixin{background: url(../images/wx.png) no-repeat; width: 64px; height: 64px; padding: 0; margin: 0 0 0 30px;}		
.sharebox1 .bshare-custom.icon-medium .bshare-weixin:hover{background: url(../images/wxn.png) no-repeat; opacity: 1;}
.sharebox1 .bshare-custom.icon-medium .bshare-sinaminiblog{background: url(../images/wb.png) no-repeat; width: 64px; height: 64px; padding: 0; margin: 0 0 0 30px;}
.sharebox1 .bshare-custom.icon-medium .bshare-sinaminiblog:hover{ background: url(../images/wbn.png) no-repeat;opacity: 1;}
/*index end*/

/*products*/
.main{ float: left; width: 100%; padding: 50px 0 80px; background: #f9f8f8;}
.left{ float: left; width: 280px;}
.title3{ padding: 0 0 0 20px; color: #fff; font-size: 14px; background: #1D4221; height: 60px; line-height: 60px; overflow: hidden;}
.title3 i{ font-family: arial;}
.lnav{ float: left; width: 100%; background: #fff; margin: 0 0 50px;}
.lnav li{ float: left; width: 100%; border-top: 1px solid #d9d9d9;line-height: 50px;}
.lnav li a{ display: block; padding: 0 0 0 20px;color: #1D4221;}
.contactbox{ float: left; width: 240px; background: #fff; padding: 20px; line-height: 24px;}
.right{ float: right; width: 892px; background: #fff; padding: 0 0 60px;}
.title4{float: left; width: 810px;border-bottom: 1px solid #e5e5e5; padding: 20px 41px; }
.title4 span{color: #1D4221; font-size: 14px;}
.title4 .site span{ color: #7d7d7d; font-size: 12px;}
.site{ float: right; color: #7d7d7d;}
.site a{ color: #7d7d7d;}
.site i{ margin: 0 5px;}
.prolist{ float: left; width:851px; margin: 0 0 0 41px; display: inline; padding: 0 0 38px;}
.prolist li{ float: left; width: 169px; border: 1px solid #bcbcbc; padding:9px 9px 0;
-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s; margin: 38px 18px 0 0;}
.prolist li.hover{ border: 1px solid #1D4221;}
.propic{ display: block;}
.propic img{ display: block; width: 169px; height: 169px; vertical-align: bottom;}
.protle{ line-height: 46px; height: 46px; overflow: hidden; font-size: 13px; text-align: center;}
.protle a{ color: #7d7d7d;}
.prolist li.hover .protle a,.protle a:hover{ color: #1D4221;}
.page{ float: left; margin: 0 0 0 41px; display: inline;}
.page a{ float: left; display:block; line-height: 24px; margin: 0 2px; padding: 0 8px; border: 1px solid #dcdcdc; color: #a0a0a0; display: inline;}
.page a.on,.page a:hover{ color: #1D4221; border: 1px solid #1D4221;}
.page a.page1{ background: #dcdcdc; border: medium none; width: 60px; height: 26px; line-height: 26px; text-align: center; color: #fff; margin: 0 10px 0 0;}
.page a.page1:hover{ color: #fff; border: medium none;}
.page a.act{background:#1D4221;}
.pagetxt{ float: right; color: #7d7d7d; line-height: 26px; margin: 0 41px 0 0; display: inline; }
/*products end*/

/*about*/
.aboutcon{ float: left; width: 810px; padding: 0 41px; margin: 30px 0 0; line-height:28px;}
.aboutleft{ float: left; width: 470px; color: #7d7d7d; line-height:25px;}
.aboutright{ float: right; width:280px;}
.aboutleft p{ color: #7d7d7d; margin: 0 0 20px; line-height: 20px;}
/*about end*/

/*contacts*/
.contactcon{ padding: 30px 41px;}
.company1{ line-height: 26px; margin: 50px 0 0;}
.company1 i{ display: block; color: #7d7d7d; font-size: 14px; text-transform: uppercase;}
.company1 span{display: block; color: #1D4221; font-size: 16px;}
.contactinfo{ color: #7d7d7d; font-size: 14px; margin: 30px 0 0;}
.contactinfo i{ margin: 0 10px;} 
.detail3{ line-height: 18px; margin: 10px 0 0; color: #a0a0a0;}
.ewm{ float: left; margin: 110px 0 0;}
.ewm img{ display: block;}
.ewm p{ line-height: 20px; margin: 10px 0 0;}
/*contacts end*/

/*certificate*/
.prolist1{}
.prolist1 li{padding: 0; width: 187px;}
.prolist1 li .propic img{ width: 187px; height: 210px;}
/*certificate end*/

/*message*/
.messageform{ float: left; width: 490px; margin: 30px 0 0 41px; display: inline;}
.formbox{ float: left; width: 100%; margin: 20px 0 0;}
.formbox label{ float: left; width: 62px; text-align: right; margin: 0 20px 0 0; line-height: 40px; color: #7d7d7d;}
.input,.yzmbox{ float: left; width: 368px; background: #f9f8f8; border: 1px solid #b5b5b5; height: 38px; line-height: 38px; padding: 0 10px; color: #666;font-family:"\5FAE\8F6F\96C5\9ED1";}
.xinghao{ float: right; color: #1D4221; line-height: 40px; font-size: 16px;}
.formbox1 label{line-height: 122px;}
.formbox1 .input{line-height: 20px; padding: 10px; height:100px; font-size: 12px; }
.formbox1 .xinghao{ line-height: 122px;}
.yzmbox{position: relative;}
.formbox .yzmbox input{ width: 239px;border: medium none;}
.yzm{ position:absolute; right:0; top:0; background:url(../images/shuaxin.gif) no-repeat right center;  padding: 0 38px 0 0; width: 91px; height: 38px;}
.yzm img{ width:91px; height:38px; display:block; vertical-align:bottom; }
.submitbtn{ float: left; width: 390px; border: medium none; height: 40px; background: url(submitbg.gif) repeat-x; color: #fff; text-align: center; line-height: 38px; margin:30px 0 0 82px; display: inline; font-size: 16px; cursor: pointer;}
/*message end*/

/*join*/
.joinlist{float: left; width: 810px; margin: 0 41px 40px; display: inline;}
.joinlist li{float: left; width: 100%; border-bottom: 1px solid #dcdcdc; line-height: 50px; padding: 10px 0;}
.joinlist li a,.joinlist li span{color: #707070;}
.joinlist li a.pos{ color: #1D4221;}
.joinlist li span{ margin: 0 0 0 70px;}
.joinlist li a.more2{float: right; width: 74px; height: 24px; border: 1px solid #1D4221; color: #1D4221; line-height: 24px; text-align: center; margin: 12px 0 0;-webkit-transition-property:background; -moz-transition-property:background; -o-transition-property:background; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.joinlist li a.pos:hover{ text-decoration: underline;}
.joinlist li a.more2:hover{ background: #1D4221; color: #fff;}
/*join end*/

/*news*/
.newslist2{float: left; width: 810px; margin: 0 41px 40px; display: inline;}
.newslist2 li{float: left; width: 100%; border-bottom: 1px dashed #dcdcdc; line-height: 50px; padding: 10px 0;}
.newslist2 li a,.joinlist li span{color: #7d7d7d;}
.newslist2 li a:hover{ color: #1D4221;}
.time3{ float: right; color: #1D4221;}
/*news 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*/
.nbanner{ width:100%; height:216px; background:url(nbanner.jpg)}

.ipro{ width:200px; margin-right:25px; overflow:hidden}
.ipro img{ width:190px; height:190px; padding:4px; border:1px solid #ccc;}
.ipro p{ width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; text-align:center;}