@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; font-size:14px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#666; background:#f3f3f3;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0;}
h1,h2,h3,h4{font-size:18px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none; color:#666; text-decoration:none;}
a:hover{ text-decoration:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.warp{width:1200px; margin:0 auto; clear:both;}
.clear{ clear:both;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.mt5{ margin-top:5px;}
.mt7{ margin-top:7px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt13{ margin-top:13px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mr10{ margin-right:10px;}
.mr12{ margin-right:12px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.block5{ clear:both; height:5px;}
.block10{ clear:both; height:10px;}
.block15{ clear:both; height:15px;}
.block20{ clear:both; height:20px;}
.block25{ clear:both; height:25px;}
.block30{ clear:both; height:30px;}
.block40{ clear:both; height:40px;}
.block50{ clear:both; height:50px;}
.block64{ clear:both; height:64px;}
.block70{ clear:both; height:70px;}
.block80{ clear:both; height:80px;}

img.zoom-img:hover {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 1s ease 0s;}
img.zoom-img {-webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 1683ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 1683ms;}

/*头部*/
.top{ background: url(../images/bj-50.png) repeat; height: 153px;}
.phone{ width:200px; overflow:hidden; float: right; margin-top:40px; padding-left: 60px;  background:url(../images/tel.png) left 5px no-repeat;}
.phone h2{ height:24px; font:14px/24px "微软雅黑"; color: #666;}
.phone p{font:30px/30px "Impact"; color: #00863a;}
.phone span{font:21px/30px "微软雅黑"; color: #00863a; display: block;}



.navbj{width:100%; height:56px; background: #333;}
.navdiv{width:1200px; height:56px; margin:0 auto;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.nav{padding:0; height:56px; line-height:56px; position:relative; z-index:1;text-align:center; font-family:"微软雅黑"; }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; font-weight:normal; }
.nav .nLi h3 a{ display:block; width:133px; line-height:56px; font-size:17px;}
.nav .nLi h3 a:hover{color:#fff; text-decoration:none; background:#00863a;}
.nav .sub{ display:none; width:180px; left:0; top:56px;  position:absolute; line-height:45px; background:#00863a;}
.nav .sub li{ zoom:1; font-size:14px;}
.nav .sub a{ display:block; width:180px; color:#fff;}
.nav .sub a:hover{background:#4fc600; color:#fff; text-decoration:none;}
.nav .on h3 a{ background:#00863a;  color:#fff;}


/*banner*/
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative;}
.slideBox .bd{width:100%; height:600px; overflow:hidden; z-index:1; vertical-align:middle; text-align:center; }
.slideBox .bd li{width:100%; height:600px; overflow:hidden;}
.slideBox .bd li a{width:100%; height:600px; overflow:hidden; display:block;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:5px; top:50%; margin-top:-42px; display:block; width:44px; height:84px; background:url(../images/slider-arrow.png) -88px 0px no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.slideBox .next{ left:auto; right:5px; background-position:0px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}


/*图标*/
.icon{ width: 1000px; margin: 0 auto;}
.icon li{ width:200px; display: block; float: left; margin:25px; text-align: center;}
.icon li img{ width:72px; height: 72px; overflow: hidden; margin: 0 auto; }
.icon li p{ font:15px/40px "微软雅黑"; color:#999;}


/*产品分类*/
.bt1{font:bold 60px/70px "微软雅黑"; color: #00863a; text-align: center; text-transform: uppercase;}
.bt2{font:28px/30px "微软雅黑"; color: #333; text-align: center; }
.cpflbox{ width: 1200px; margin: 0 auto;}
.cpflbox li{  margin:5px; float: left; display: block;}
.cpflbox li a{ background: #fff; padding: 9px; display: block; color: #333;}
.cpflbox li a:hover { background: #00863a; display: block; color: #fff; transition:transform ease .1s;-webkit-transition:transform ease .1s; transform:scale(1.01);-webkit-transform:scale(1.01);}
.cpfl_img{ width: 172px; height: 172px; overflow: hidden;}
.cpfl_img img{ width: 172px; height: 172px; overflow: hidden;}
.cpfl_t1{font:15px/50px "微软雅黑"; text-align: center; }

.cpfl_gd{margin:5px; float: left; display: block;}
.cpfl_gd a{background: #00863a; padding: 9px; width: 172px; height: 222px; display: block; color: #fff;}
.cpfl_gd a:hover{background: #16a93f; display: block;transition:transform ease .1s;-webkit-transition:transform ease .1s; transform:scale(1.01);-webkit-transform:scale(1.01);}
.wb1{ font: 30px/50px "微软雅黑"; text-align: center; letter-spacing:4px;}
.wb2{ font: 16px/30px "微软雅黑"; text-align: center; text-transform: uppercase;}

.bjls{ background:#00863a;}


/*产品*/
.bt3{font: bold 60px/80px "微软雅黑"; color: #fff; text-align: center; }
.bt4{font:28px/50px "微软雅黑"; color: #59e000; text-align: center;}
.cp{ margin: 0;}
.cp li{ width: 282px; margin:9px; background:#fff; display: block; float: left;}

.cp_t1{ display:block; line-height:50px; overflow:hidden; height:50px; text-align:center;font-family:"微软雅黑"; font-size:16px;}
.cp_t1 a{ display:block; color:#333; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}
.cp_t1 a:hover{ display:block; color:#00863a;}
.cp_ps{ width:282px; height:282px; overflow:hidden;}
.cp_ps img{ width:282px; height:282px; overflow:hidden;}
.cp_ps{ width:282px; height:282px; overflow:hidden;}
.cp_ps img{ width:282px; height:282px; overflow:hidden;}
.cp_ps2{ width:282px; height:188px; overflow:hidden;}
.cp_ps2 img{ width:282px; height:188px; overflow:hidden;}

.more{display:block; border:1px solid #dfdfdf; width: 274px; height: 50px; margin: 0 auto; text-align:center; font:15px/50px "微软雅黑"; }
.more a{ display:block; background:none; color:#666; }
.more a:hover{display:block; background: #00863a; color:#fff; }


/*优势*/
.line{ height: 9px; width: 100%; background: #4fc600;}

/*简介*/
.jj_ps{ width: 432px; height: 284px; overflow: hidden; border: 8px solid #fff; float: left; margin-left: 33px;}
.jj_ps img{ width: 432px; height: 284px; overflow: hidden; }
.jj01{ margin-right:30px; margin-top: 15px; float:right; width:654px; font:15px/32px "微软雅黑"; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.more2{display:block; margin-top: 20px; border:1px solid #dfdfdf; width: 274px; height: 48px; text-align:center; font:15px/48px "微软雅黑"; }
.more2 a{ display:block; background:none; color:#666; }
.more2 a:hover{display:block; background: #00863a; color:#fff; }
.line2{height: 37px; width: 100%; border-bottom: 1px solid #e4e4e4; display:block; clear: both;}

.jj02{ line-height:60px; height:60px; font-family:"微软雅黑";}
.jj02 h3{ font-size:28px; color:#00863a; font-weight: normal; float:left; margin-left:10px;}
.jj02 h3 i{ font-style:normal; color:#333; text-transform:uppercase; padding-left:8px; }
.more3{ display:block; width:90px; height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:15px; float:right; text-transform:uppercase; margin-top:20px; }
.more3 a{display:block; color:#999; text-decoration:none;}
.more3 a:hover{ display:block; background:#16a93f; color:#fff; }

.slideTxtBox2{ width:1200px; height:352px; overflow:hidden; margin:0px auto;}
.slideTxtBox2 .bd{ padding:0px;}
.slideTxtBox2 .bd ul{ width:1200px;overflow:hidden; zoom:1; }
.slideTxtBox2 .bd ul li{display:block; float:left; width:282px; height:332px; margin:10px 9px; background:#fff;}
.slideTxtBox2 .bd ul li:hover,.slideTxtBox2 .bd ul li:focus{ border:0px solid #ff3e80; box-shadow: 0 0 10px 0 rgba(170,170,170,.63);}
.pic{width:282px; height:282px; overflow:hidden;}
.pic img{ width:282px; height:282px;overflow:hidden; display:block;}
.title{line-height:50px; overflow:hidden; height:50px; text-align:center;font-family:"微软雅黑"; font-size:16px; background:#fff;}
.title a{color:#666; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none; outline:none;}
.title a:hover{ color:#00863a;}


/*新闻中心*/
.news{ width:1200px; margin:0 auto;}
.news li{ width:582px; margin:9px; display:block; float:left; background:#f3f3f3;}
.news2{ width:1200px; margin:0 auto;}
.news2 li{ width:582px; margin:9px; display:block; float:left; background:#fff;}
.leftdate{width:70px; height:100px; text-align:center; float:left;}
.leftdate span{ width:100%; height:50px; line-height:50px; display:block; background-color:#00863a; color:#fff; font-size:30px;}
.leftdate em{ width:100%;  height:50px; line-height:50px; display:block;  background-color:#4fc600; font-style:normal; font-size:14px; color:#fff; }
.rightnews{ width:484px; float:right; padding:0 10px;}
.rightnews h2{font:15px/26px "微软雅黑"; padding-top:12px; height:26px; line-height:26px;}
.rightnews h2 a{ display:block; color:#333;}
.rightnews h2 a:hover{color:#00863a; text-decoration:none;}
.rightnews p{ width:100%; line-height:26px; height:52px; overflow:hidden; font-size:15px; color:#999;}


/*底部*/
.bjhs{ background: #00863a;}
.b1{ background: #029240; font:14px/64px "微软雅黑"; color: #fff; text-align: center;}
.b1 a{ color:#fff;}
.b1 span{ padding: 0 8px;}
.b2{font:14px/40px "微软雅黑"; color: #fff; text-align: center;}
.b2 a{ color: #fff;}
.b2 span{ padding: 0 8px;}


/*漂浮*/
.siderbar{position:fixed; right:1%; bottom:20%; z-index:999999;}
.siderbar li{display:block;text-align: center;width:45px;height:45px; background:#1b1b1d; position: relative;z-index:9999; margin-bottom:1px;}
.siderbar li a{display:block; width:35px;height:35px; padding:5px; font:300 14px/14px Microsoft YaHei;position:absolute;right:0px;}
.siderbar li a:hover{background:#fefcfd; color:#333132;text-decoration:none;text-align: center; z-index: -1;}
.siderbar li a em {text-align:left;color:#333132;cursor: pointer;display:none; font-style:normal; line-height:16px;}
.siderbar li a em img{ width:90px; height:90px; overflow:hidden; margin-top:-65px; float:left; margin-left:-96px;}
.zx,.fh,.kf,.sm{display:block;width:35px;height:35px;background:url(../images/siderbarpic.png);overflow:hidden;}
.fh{background-position: 0 0;}
.kf{background-position:0 -35px;}
.zx{background-position:0 -70px;}
.sm{background-position:0 -105px;}


/*===================inlayout====================*/
.bjbs { background: #fff;}
#category {	text-align: center;	padding-bottom:10px; overflow:hidden; padding-top:10px; }
#category li {display: inline-block; margin-bottom:5px;}
#category li a {line-height: 16px;	height:16px; padding: 8px 16px;	color: #616161;	border: #d2d2d2 1px solid; margin-right:4px;display: inline-block;transition:all 0.3s ease-out 0s;}
#category li.active a, #category li a:hover {background: #241a18;color:#fff;border-color: #292929;text-decoration:none;}

.page_con{ font-size:14px; line-height:2; clear:both; overflow:hidden; padding:5px 15px 30px 15px; font-family:"微软雅黑";}
.page_con img{ max-width:1170px; height:auto; width:expression(this.width > 1170 ? "1170px" : this.width); overflow:hidden;}

.con_title{text-align:center; font-size:20px; font-family:"微软雅黑"; margin-top:10px;}
.author{ text-align:center; font-size:12px; border-bottom:#ccc dashed 1px; height:28px; line-height:28px; font-family:"微软雅黑"; margin:5px 0px 10px 0px;}
.fy{margin-bottom:20px; border-top:#ccc 1px dashed; padding-left:10px; padding-top:7px; line-height:30px; font-size:14px;}
.fy a:hover{ color:#00863a; text-decoration:none;}


/*页码*/
.pages { overflow:hidden;font-size:12px;text-align:center; margin-top:20px; text-align: center;}
.pages a { display:inline-block; margin:0 2px; height:34px; line-height:34px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
.pages a.a1 {width:56px; padding:0; background:#f8f8f8;}
.pages a:hover { background:#292929; border-color:#292929; color:#fff; text-decoration:none; }
.pages span { display:inline-block; height:34px;padding:0 12px; line-height:34px; background:#292929; border:1px solid #292929; color:#fff; text-align:center; }



/*在线留言*/
.message{ text-align:center; margin:0 120px 120px 0; width:40%; float:right;}
.wb14{font-family:Times New Roman; font-size:50px; color:#ccc; text-align:center;}
.wb15{ font-size:13px; color:#333; text-align:center;}
.wb16{ font-size:13px; color:#00863a; text-align:center; line-height:30px;}
.kuan{ background-color:#f4f3f3; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:24px;line-height:24px; font-family:"微软雅黑"; margin-bottom:10px;}
.kuan3{ background-color:#f4f3f3; border:1px dashed #aaa; font-size:14px;color:#777; width:410px;height:24px;line-height:24px; font-family:"微软雅黑"; margin-bottom:10px; }
.kuan2{ background-color:#f4f3f3; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:122px;line-height:24px;line-height:24px; font-family:"微软雅黑"; margin-bottom:10px;}
.wb17{ text-align:left; line-height:30px;}
.Button{ width:200px; height:36px; line-height:36px; text-align:center; color:#fff; background:#16a93f; margin:10px auto; font-family:"微软雅黑"; font-size:15px; border:0; outline:0; border-radius:36px; overflow:hidden; letter-spacing:5px; cursor:pointer;}
.kf02{ width:358px; height:270px; margin:20px auto;}


.phones{width:200px;overflow:hidden;float: right;margin-top:40px;padding-left: 60px; text-align:center}
.phones span{font :p14x/30px "微软雅黑"; color: #666666; display: block;}
.phones img{ width:80px;height:80px;}