@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; font-size:14px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#666; background:#f0f9f8;}
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;}

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;}
.topbj{ background:url(../images/topbj.jpg) center top no-repeat;}
.logo{ position:absolute; left:0; top:0;}
.tel{ width:190px; display:block; float:right; background:url(../images/tel.png) 0 center no-repeat; padding-left:64px; margin-top:45px;}
.tel h3{  font-weight:normal; color:#333; font-size:14px; line-height:26px;}
.tel h3 i{ font-weight:normal; color:#0b692c; font-size:30px; font-style:normal; display:block;font-family:"Impact";}

.navdiv{width:100%; height:60px; background:#0b692c;}
.clearfix:after{content:".";display:block;height:0;clear:both; visibility:hidden;}
.nav{ width:1200px; height:60px; margin:0 auto; position:relative; z-index:1; text-align:center; font-family:"微软雅黑"; }
.nav a{ color:#e3fbba;}
.nav .nLi{ float:left;  position:relative; display:inline; }
.nav .nLi h3{ float:left; font-weight: normal; width:120px; line-height:60px; }
.nav .nLi h3 a{ display:block; font-size:16px;}
.nav .nLi h3 a:hover{color:#fff; text-decoration:none;}
.nav .sub{ display:none; width:120px; left:0px; top:60px;  position:absolute; line-height:40px; background:#49af3f; }
.nav .sub li{ zoom:1; font-size:14px; }
.nav .sub a{ display:block; width:120px; color:#fff;}
.nav .sub a:hover{background:#0b692c; color:#fff; text-decoration:none;}
.nav .on h3 a{ background:#49af3f;  color:#fff;}

/*banner*/
.slideBox{ width:100%; height:510px; overflow:hidden; position:relative;}
.slideBox .bd{width:100%; height:510px; overflow:hidden; z-index:1; vertical-align:middle; text-align:center; }
.slideBox .bd li{width:100%; height:510px; overflow:hidden;}
.slideBox .bd li a{width:100%; height:510px; overflow:hidden; display:block;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:5px; top:50%; margin-top:-84px; 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;}

/*二维码*/
.bj01{ background:#0b692c;}
.bjz{ width:1200px; height:130px; margin:0px auto; background:url(../images/bjtu.jpg) left top no-repeat; position:relative;}
.bjz1{ width:930px; font:24px/55px "微软雅黑" ; border-bottom:1px solid #138238; position:absolute; top:10px; left:134px; color:#e3fbba;}
.bjz2{ width:930px; font:14px/30px "微软雅黑" ; position:absolute; top:70px; left:150px; color:#ace4bd;}
.bjz2 span{ background:url(../images/yuan.png) 0 center no-repeat; padding-left:14px; margin-right:18px;}
.ewm{ width:100px; height:100px; overflow:hidden; position:absolute; top:15px; right:0;}
.ewm img{ width:100px; height:100px; overflow:hidden;}

/*关于我们*/
.bjls{ background:#0f561e;}
.banner{ width:522px; height:334px; overflow:hidden; float:left; border:8px solid #138238;}
.banner img{ width:522px; height:334px; overflow:hidden;}
.about_01{ font:30px/40px "微软雅黑"; color:#fff; padding-left:30px; font-weight:bold; margin-top:10px;}
.about_01 span{color:#e3fbba; font-weight:normal; text-transform:uppercase;}
.about_02{ font:15px/28px "微软雅黑"; color:#b9d9c2; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:8; overflow: hidden; text-indent:30px;}
.about_03{ display:block; margin-right:35px; margin-top:20px;}
.about_03 a{ width:180px; height:40px; display:block; float:left; border-radius:40px; overflow:hidden; background:#0b692c; text-align:center; font:17px/40px "微软雅黑"; color:#e3fbba; text-decoration:none; margin-right:20px;}
.about_03 a:hover{ width:180px; height:40px; overflow:hidden; background:#138238; color:#e3fbba;}
.sj{ width:34px; height:14px; margin:0 auto;}

/*产品推荐*/
.bt1{text-align:center; font:bold 40px/72px "微软雅黑"; color:#138238; text-transform:uppercase; border-bottom:1px solid #b9d9c2;}
.bt2{ width:130px; height:4px; background:#49af3f; margin:0 auto; margin-top:-3px;}
.bt3{ text-align:center; font:18px/42px "微软雅黑"; color:#169240; letter-spacing:7px;}
.slideTxtBox2{ width:1200px; height:460px; margin:0 auto; overflow:hidden; position:relative;}
.slideTxtBox2 .bd{ width:1170px; padding:0 10px; overflow:hidden;}
.slideTxtBox2 .bd ul{ width:1200px;overflow:hidden; zoom:1; }
.slideTxtBox2 .bd ul li{display:block; float:left; width:380px; overflow:hidden; margin:10px; background:#fff;}
.slideTxtBox2 .bd ul li:hover{display:block; color:#fff; -moz-box-shadow: 0px 0px 10px #9eb9b6; -webkit-box-shadow: 0px 0px 10px #9eb9b6; box-shadow: 0px 0px 10px #9eb9b6;}
.slideBox2_ps{ width:380px; height:380px; overflow:hidden;}
.slideBox2_ps img{ width:380px; height:380px; overflow:hidden;}
.slideBox2_tt{ display:block; line-height:60px; overflow:hidden; height:60px; text-align:center;font-family:"微软雅黑"; font-size:16px;}
.slideBox2_tt a{ display:block; color:#333; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}
.slideBox2_tt a:hover{ display:block; color:#49af3f;}

.slideBox3{margin:0;}
.slideBox3 li{ display:block; width:280px; float:left; margin:10px; background:#fff;}
.slideBox3 li:hover{display:block; color:#fff; -moz-box-shadow: 0px 0px 10px #9eb9b6; -webkit-box-shadow: 0px 0px 10px #9eb9b6; box-shadow: 0px 0px 10px #9eb9b6;}
.slideBox3_ps{ width:280px; height:280px; overflow:hidden;}
.slideBox3_ps img{ width:280px; height:280px; overflow:hidden;}
.slideBox3_tt{ display:block; line-height:48px; overflow:hidden; height:48px; text-align:center;font-family:"微软雅黑"; font-size:16px;}
.slideBox3_tt a{ display:block; color:#333; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}
.slideBox3_tt a:hover{ display:block; color:#49af3f;}

.more{ width:180px; height:38px; line-height:38px; border-radius:38px; overflow:hidden; display:block; margin:0 auto; font-size:17px; text-align:center; border:1px solid #0b692c;}
.more a{ width:180px; height:38px; display:block;  background:none; color:#0b692c; text-transform:uppercase;}
.more a:hover{ width:180px; height:38px; display:block; background:#138238; color:#d9f6b2; }

/*代工服务*/
.bt4{ text-align:center; font:bold 30px/60px "微软雅黑"; color:#fff;}
.bt4 span{ color:#d9f6b2; text-transform:uppercase; padding:8px;}
.slideBox4{ width:1200px; margin:0 auto;}
.slideBox4 li{ display:block; width:210px; text-align:center; float:left; margin:0 15px;}
.slideBox4 li a{ color:#b9d9c2;}
.slideBox4 li a:hover{ color:#d9f6b2;}
.d1{ width:200px; height:200px; overflow:hidden; border:5px solid #fff; border-radius:200px;}
.d2{ font:18px/50px "微软雅黑";}

.banner2{ width:100%; background:url(../images/07.jpg) center top no-repeat #138238; height:188px;}
.g1{ font:bold 28px/38px "微软雅黑"; color:#fff; text-align:right;}
.g1 span{ color:#b9d9c2; padding-left:12px;}
.g2{ width:750px; float:right; font:30px/40px "微软雅黑"; color:#e3fbba; margin-top:0px;}
.g3{ width:318px; height:40px; overflow:hidden; border-radius:40px; display:block; background:#49af3f; float:right; text-align:center; font:bold 32px/40px "微软雅黑"; color:#e3fbba; margin-top:0px; margin-right:390px;}

/*荣誉资质*/
.slideTxtBox3{ width:1200px; height:298px; margin:0 auto; overflow:hidden; position:relative;}
.slideTxtBox3 .bd{ padding:0; overflow:hidden;}
.slideTxtBox3 .bd ul{ width:1200px;overflow:hidden; zoom:1; }
.slideTxtBox3 .bd ul li{display:block; float:left; width:280px; overflow:hidden; margin:10px; background:#fff;}
.slideTxtBox3 .bd ul li:hover{display:block; color:#fff; -moz-box-shadow: 0px 0px 10px #9eb9b6; -webkit-box-shadow: 0px 0px 10px #9eb9b6; box-shadow: 0px 0px 10px #9eb9b6;}
.zz_img{ width:280px; height:230px; overflow:hidden;}
.zz_img img{ width:280px; height:230px; overflow:hidden;}

.more2{ width:180px; height:38px; line-height:38px; border-radius:38px; overflow:hidden; display:block; margin:0 auto; font-size:17px; text-align:center; border:1px solid #0b692c;}
.more2 a{ width:180px; height:38px; display:block; background:#138238; color:#d9f6b2; text-transform:uppercase;}
.more2 a:hover{ width:180px; height:38px; display:block;  background:none; color:#0b692c; }

.more3{ width:180px; height:38px; line-height:38px; border-radius:38px; overflow:hidden; display:block; margin-right:15px; float:right; font-size:17px; text-align:center; border:1px solid #0b692c;}
.more3 a{ width:180px; height:38px; display:block; background:#138238; color:#d9f6b2; text-transform:uppercase;}
.more3 a:hover{ width:180px; height:38px; display:block;  background:none; color:#0b692c; }

/*公司新闻*/
.sp{ width:490px; height:340px; overflow:hidden; float:left; border:10px solid #fff;}
.wb4{height:26px; line-height:26px; overflow:hidden; clear:both;color:#666;}
.wb4 h3{ font-weight:bold; font-size:26px; }
.wb4 h3 i{ font-style:normal; font-weight:normal; padding-left:8px; text-transform:uppercase;}
.slideBox6{ width:632px; overflow:hidden; margin:0px auto; }
.slideBox6 li{ width:634px; height:100px; overflow:hidden; background:#fff; margin-bottom:9px;}
.leftdate{width:70px; height:100px; text-align:center; float:left;}
.leftdate span{ width:100%; height:50px; line-height:50px; display:block; background-color:#dab88d; color:#fff; font-size:30px;}
.leftdate em{ width:100%;  height:50px; line-height:50px; display:block;  background-color:#e7e7e7; font-style:normal; font-size:14px; color:#333; }
.rightnews{ width:540px; float:right; padding:0 10px;}
.rightnews h2{font:16px/40px "微软雅黑"; font-weight:bold; padding-top:10px; height:30px; line-height:30px;}
.rightnews h2 a{ display:block; color:#333;}
.rightnews h2 a:hover{color:#dab88d; text-decoration:none;}
.rightnews p{ width:100%; line-height:24px; height:48px; overflow:hidden; font-size:14px; color:#333;}

/*底部*/
.dibu01{ width:100%; padding:16px 0; font:14px/24px "微软雅黑"; color:#f0f9f8; background:#0b692c; text-align:center;}
.dibu01 a{ color:#f0f9f8; text-decoration:none;}
.dibu01 a:hover{ color:#d9f6b2;}
.dibu02{ width:100%; height:90px; font:14px/50px "微软雅黑"; color:#f0f9f8; background:#093f14; text-align:center;}
.dibu02 a{ color:#f0f9f8; padding-right:10px;}
.dibu02 a:hover{ color:#d9f6b2;}


/*漂浮*/
.siderbar{position:fixed; right:1%; bottom:20%; z-index:999999; display:block; width:160px; height:auto; border-radius:4px; overflow:hidden; background:#fff;}
.zx{ font:18px/50px "微软雅黑"; color:#fff; background:#138238; text-align:center;}
.zx01{ padding:10px 12px; border-bottom:1px solid #b9d9c2;}
.zx02{ font-size:15px; line-height:24px; font-weight:bold; color:#138238;}
.zx02 img{ margin-left:10px;}
.zx03{ font: 14px/24px "微软雅黑"; color:#333; text-align:center;}
.zx04{ font:14px/30px "微软雅黑"; height:30px; text-align:center; border-radius:30px; overflow:hidden;}
.zx04 a{ display:block; background:#138238; color:#d9f6b2;}
.zx04 a:hover{ display:block; background:#49af3f; color:#d9f6b2;}
.zx05{color:#49af3f; font-size:20px; font-style:normal; display:block;font-family:"Impact"; text-align:center;} 
.zx06{ width:120px; height:120px; margin:0 auto;}
.zx06 img{ width:120px; height:120px; }
.zx07{ font:12px/20px "微软雅黑"; color:#333; text-align:center;}

/* 分页 */
#Ldiv{ width:260px; float:left; display:inline;}
#Rdiv{ width:900px; float:right; display:inline; overflow:hidden;}
.n01{ font-size:36px; color:#fff; text-align:center; background:#138238; padding:20px 0; }
.n01 span{ font-size:16px; text-transform:uppercase; display:block;}
.n02{ margin:0;}
.n02 li{ display:block; border:1px solid #dcf1e2; font:18px/52px "微软雅黑"; margin:5px 0;}
.n02 li a{ display:block; color:#138238; background:url(../images/jia.png) 220px center no-repeat; padding-left:15px;}
.n02 li a:hover{ display:block; color:#fff; background:#138238;}

.page_con{ font-size:14px; line-height:2; clear:both; overflow:hidden; padding:10px 0px 20px 0px; font-family:"微软雅黑";}
.page_con img{ max-width:900px; height:auto; width:expression(this.width > 900 ? "900px" : this.width); overflow:hidden;}
.weizhi{display:block; color:#999;font-size:14px; line-height:40px; margin-top:10px; font-family:"微软雅黑"; background:url(../images/zy.png) left center no-repeat; padding-left:30px; border-bottom:1px solid #dcf1e2;}
.weizhi a{ color:#717070;}
.weizhi a:hover{ color:#49af3f;}

.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:#d19b57; text-decoration:none;}

.footmap{ height:410px; border:10px solid #fff; }


.wb11{ height:50px; line-height:50px; color:#333;}
.wb11 h3{ font-size:36px; text-transform:uppercase; text-align:center;}
.wb11 h3 i{ font-size:36px;font-style:normal; color:#dab88d; padding-right:10px;}
.wb12{ text-align:center; line-height:30px; color:#999; font-size:14px;}
#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;}


.my_page{ text-align:center; margin-top:30px; margin-bottom:10px;}
.my_page li{display:inline; text-align:center; margin:0px 2px 0 0; padding:0px; font-size:12px; font-family:Arial;}
.my_page li a{padding:3px 7px;text-align:center; border:1px solid #acacac; color:#404040;  background:#FFF;}
.my_page li a:hover{ border-color:#333; color:#333; text-decoration:none;}
.my_page li.hover a{background:#333; border-color:#333; color:#fff;text-decoration:none;}


/*新闻中心 分页*/
.fynews-tit{  background:#eeeeee; margin:0 auto; width:1132px;height:186px; padding:22px 34px;}
.fynews-tit img{ float:left;padding-right:42px; display:block;}
.fynews-tit .newstitle h2{ font-size:30px; color:#666; line-height:50px; font-weight:normal}
.fynews-tit .newstitle p{ color:#999999; line-height:24px;}
.fynews-tit .newstitle input{ width:130px; height:34px; border-radius:17px; -webkit-border-radius:17px; -moz-border-radius:17px; border: solid 1px #dddddd; text-align:center; line-height:34px; background:none; float: right; margin-top:12px;color:#999;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;} 
.fynews-tit:hover input{ color:#fff; background:#dab88d;border: solid 1px #dab88d; cursor:pointer;}
.fynews-tit:hover .newstitle h2{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transform:translate(20px,0); -webkit-transform:translate(20px,0); -moz-transform:translate(20px,0); color:#dab88d;}

.fynewslist { overflow:hidden;}
.fynewslist li { height:61px; overflow: hidden; border-bottom: 1px solid #d8d8d8; padding:49px 0;}
.fynewslist li a { display: block; height: 100%; width: 100%; color: #a0a0a0; }
.fynewslist li .date { float: left; margin-right: 18px; margin-left: 18px; width: 70px; height: 70px; text-align:center; }
.fynewslist li .date h3 { font-size:50px; color: #dab88d; line-height: 46px; font-weight:normal; }
.fynewslist li .date span { font-size: 14px; color: #666; display: block; text-align:center; padding-top:5px; }
.fynewslist li .newstitle span.tttttt { font-size: 20px; display:block; line-height:20px; padding-bottom:12px; color:#666; }
.fynewslist li .newstitle p { font-size:14px; color:#8d8c8c; }
.fynewslist li:hover span.tttttt{ color: #dab88d; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transform:translate(20px,0); -webkit-transform:translate(20px,0); -moz-transform:translate(20px,0); }


/*产品内页*/
.slideBox5{margin:0;}
.slideBox5 li{ display:block; width:280px; float:left; margin:10px; background:#fff;}
.slideBox5 li:hover{display:block; color:#fff; -moz-box-shadow: 0px 0px 10px #9eb9b6; -webkit-box-shadow: 0px 0px 10px #9eb9b6; box-shadow: 0px 0px 10px #9eb9b6;}

.hd_01{ width:468px; float:left; text-align:left; background:#fff;}
.hd_ps{ width:468px; height:306px; overflow:hidden;}
.hd_ps img{ width:468px; height:306px; overflow:hidden;}
.hd_02{ height:26px; padding:0 10px; overflow:hidden; font:bold 16px/26px "微软雅黑"; display:block;}
.hd_02 a{ color:#333; display:block; text-decoration:none;}
.hd_02 a:hover{ color:#138238; }
.hd_03{ height:44px; padding:0 10px; overflow:hidden; font:14px/22px "微软雅黑"; display:block; color:#666;}
.hd_04{ height:30px; padding:0 10px; overflow:hidden; font:14px/30px "微软雅黑"; display:block; color:#ccc;}
.hd_05{ width:700px; overflow:hidden; float:right;}
.hd_05 li{ width:676px; height:118px; padding:12px; background:#fff; overflow:hidden; display:block; margin-bottom:10px;}
.hd_05 li:hover{ background:#fff; display:block;}
.hd_ps2{ width:180px; height:118px; overflow:hidden; float:left; margin-right:5px;}
.hd_ps2 img{ width:180px; height:118px; overflow:hidden;}

.hd_06{ width:900px; overflow:hidden; float:right;}
.hd_06 li{ width:876px; height:118px; padding:12px; background:#fff; overflow:hidden; display:block; margin-bottom:10px;}
.hd_06 li:hover{ background:#fff; display:block;}