@charset "gb2312";
/* CSS Document */
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form,div{margin: 0; padding: 0;}
html,body{ width:100%; min-width:1200px}
body{font:14px/1.5 "微软雅黑"; color:#666;}
img{border:none;}
ul,ol{list-style:none;}
input,select,textarea{outline:none;border:none;background:none;}
textarea{resize:none;}
a{text-decoration:none; color:#666;outline: none;}
/*清浮动*/
.clearfix:after{content:"";*display:block;*clear:both;}
.clearfix{zoom:1;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right;}
.width1160{ width:1160px; margin:0 auto}

/*头部*/
.header{ width:100%; height:90px; box-shadow:0px 0px 10px #333; padding-top:10px; position:fixed; z-index:999; background:url(../images/hbg.png);}
.header .top{ width:1160px; margin:0px auto 0;}
.header .top .nav{ margin-top:25px; margin-left:40px;}
.header .top .nav ul li{ float:left; line-height:35px; width:105px; text-align:center; font-size:14px; padding:5px 0}
.header .top .nav ul li>a{ display:block; color:#FFF;}
.header .top .nav ul li:hover{background:url(../images/jiao.png) no-repeat center 35px;}
.header .top .nav ul li:hover>a{  color:#76c5b3}
.header .top .nav ul li.hover{background:url(../images/jiao.png) no-repeat center 35px;}
.header .top .nav ul li.hover>a{  color:#76c5b3}
.header .top .nav ul li dl{ background:url(../images/hbg.png); border-top:2px solid #76c5b3; display:none; width:150%; margin-left:-30px; margin-top:5px; }
.header .top .nav ul li dl dd a{ color:#fff; display:block; font-size:12px;}
.header .top .nav ul li dl dd a:hover{ background:#76c5b3;}
.header .top .nr{ margin-top:5px;}
.header .top .phone{ background:url(../images/phone.png) no-repeat left center; width:220px; height:40px; text-indent:40px; line-height:40px;  font-weight:bold; color:#fff; font-size:25px; font-style:italic; border-bottom:1px solid #76c5b3}
.header .top .lan{ margin:10px 0 0 60px; font-size:12px; color:#333; font-size:14px;color:#FFF;}
.header .top .lan img{ width:40px; height:20px;}
.header .top .lan a{ margin:0 10px; color:#fff;}


.fixed{ height:70px; padding:0px;}
.fixed .logo img{ height:60px;}
.fixed .top .nav{ margin:15px 0 0 40px;}
.fixed .top .phone{ display:none;}
.fixed .top .lan{margin:22px 0 0 30px;}

/* banner轮播css */
.banner{ width:100%; height:500px; overflow:hidden;position:relative;}
.slideBox{ width:1440px; height:500px;  margin:0 auto;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:50%; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; width:20px; height:20px; text-align:center;  cursor:pointer; margin-right:10px; background:url(../images/dian.png) no-repeat center center;}
.slideBox .hd ul li.on{ background:url(../images/dian1.png) no-repeat top; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1440px; height:500px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:55%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.part1{ width:1160px; margin:50px auto;}
.part1 ul li{ float:left; margin-right:13px; position:relative; width:280px; height:180px;}
.part1 ul li img{ width:280px; height:180px; }
.part1 ul li a{ display:block; position:absolute; left:0; top:0; background:url(../images/hbg.png); width:240px; height:130px; padding:50px 20px 0; display:none;}
.part1 ul li a h2{ color:#fff; font-size:25px; text-align:center; background:#76c5b3; width:130px; margin:0 auto; border-radius:2px;}
.part1 ul li a p{ color:#FFF; text-align:center;margin-top:5px;}

.part2{ width:100%; height:400px; background:#EAEAEA; padding-top:40px;}
.part2 .con{ width:570px;}
 h2.hbt{ font-size:40px; color:#76c5b3; height:60px;}
 h2.hbt span{ font-size:18px; font-weight:normal; color:#666; margin:15px 0 0px 30px;display:inline-block;float:left; border-bottom:2px solid #76c5b3}
 h2.hbt i{ float:left; font-style:normal;}
 h2.hbt a{ float:right; font-size:16px; color:#999; line-height:60px;}
 h2.hbt a:hover{ text-decoration:underline; color:#333;}
.part2 .con em{ font-size:16px; font-style:normal; margin:20px 0; display:block;}
.part2 .con p{ line-height:30px;}
.part2 .img{width:560px; height:300px; position:relative; margin-top:30px;}
.part2 .con a{ padding:10px; border:1px solid #ccc; margin-top:10px; display:block; width:100px; border-radius:3px; text-align:center; font-size:16px; color:#76c5b3}
.part2 .img img{ width:560px; height:300px; padding:3px; border:1px solid #ccc}
.part2 .img a{ display:block; width:100%; height:60px; background:url(../images/hbg.png); position:absolute; left:4px; bottom:-4px; color:#fff; text-align:center; line-height:60px; font-size:20px; display:none;}

.h_news{ width:1160px; margin:50px auto;}
.h_news ul li{ width:570px; float:left; margin-right:10px; margin:20px 20px 0 0;border-bottom:1px solid #D2D2D2; padding-bottom:10px;}
.h_news ul li strong{ font-size:16px;}
.h_news ul li a:hover{ text-decoration:underline;}
.h_news ul li i{ display:block; font-size:12px; margin:6px 0;}

.h_pro{ width:100%; height:350px; margin:50px auto 0px; background:url(../images/bb3.jpg) center center; padding-top:20px; box-shadow:0px 0px 10px #999;}
.flash{ position:relative; margin:20px 0; }
.flash #zhans ul li{ float:left; margin-right:15px;}
.flash #zhans ul li img{ border:1px solid #76c5b3; width:215px; height:180px;}
.flash #zhans ul li p{ text-align:center; line-height:40px; color:#666;}
.flash .hd{ display:none; }
.flash .hd img{ background:url(../images/heibg.png); cursor:pointer; padding:10px;}
.flash .hd .prev{ left:0px;position:absolute;bottom:50px;}
.flash .hd .next{ right:0px;position:absolute;bottom:50px;}

.foot{ width:100%; height:100px; background:#333; border-top:4px solid #76c5b3;}
.foot .fnav{ margin-right:50px; text-align:center; width:730px;}
.foot .fnav ul{ margin:20px auto; width:506px;}
.foot .fnav ul li{ float:left;}
.foot .fnav ul li span{ color:#ccc; margin:0 10px;}
.foot .fnav ul li a{ color:#CCC;}
.foot .fnav .footmessage{ font-size:12px; line-height:20px; color:#FFF;}
.foot .fnav .bei{ text-align:center; color:#ccc;}

/*内页*/
.crumbs{ height:40px; margin:30px auto; border-bottom:1px solid #ccc; width:90%;}
.crumbs strong{ font-size:20px; border-left:3px solid #76c5b3; padding-left:15px;}
.crumbs p{ line-height:30px;}
.nnav { margin:30px 0}
.nnav a{ display:inline-block; width:20%; height:40px; background:#ccc; text-align:center; line-height:40px;}
.nnav a.non{ background:#76c5b3; color:#FFF;}
.nnav a:hover{background:#76c5b3; color:#FFF;}

.ncon{ line-height:30px; margin-bottom:50px; padding:20px 50px}

.productlist{ overflow:hidden}
.productlist ul{width:105%;}
.productlist ul li{ float:left;padding:10px; border:2px solid #ccc; width:20%; margin-right:2%; margin-bottom:50px;}
.productlist ul li img{ width:100%; height:200px;}
.productlist ul li p{ text-align:center; line-height:40px;}
.productlist ul li a{ color:#333}
.productlist ul li:hover{ border:2px solid #009878}

.feny{ text-align:center; padding:20px 0;}
.feny span, .feny a{ padding:5px;}

.fany{ padding:20px 0; line-height:25px;}
.albimg{ text-align:center;}
.albimg img{ width:70%; padding:3px; border:1px solid #ccc;}

.product{ margin:50px 0}
.product h2{ text-align:center; font-weight:normal; color:#333; border-bottom:1px dashed #ccc; line-height:50px;}
.product p.date{ text-align:center;}
.product strong.introduce{ border:1px solid #ccc; background:#F5F5F5; padding:10px; display:block; border-radius:3px; line-height:30px; margin:30px 0}
.product .pror{ width:650px; margin-top:50px;}
.product .pror strong.ppbt{ font-size:20px; font-weight:600; color:#F00}
.product .pror .trait{ line-height:25px; margin-top:20px;}

.newslist ul li{ line-height:40px; border-bottom:1px dashed #CCC;}
.newslist ul li a.sort{ color:#009878; margin-right:5px;}
.newslist ul li a.link:hover{ color:#76c5b3;}
.newslist ul li span{ float:right; font-size:12px; color:#999}
.info{ line-height:30px; padding:30px 50px; border-top:1px dashed #ccc;}
/*放大镜*/
.comp{}
#box{width:300px;height:300px; margin:50px 100px 40px;
		position:relative; float:left;border:1px solid #76c5b3;}
#box .simg{width:300px;height:300px; position:relative;}
#box .bimg{width:350px;height:350px; position:absolute;
			left:310px; top:-20px; overflow:hidden; display:none;border:1px solid #76c5b3;}
#box .bimg img{position:absolute; width:1000px;}

#box .but img{float:left; border:2px solid #c6161e; margin:0px 10px; width:80px; cursor:pointer;}
#box .but img.active{border:2px solid #900;}

#box .simg span.shade{width:300px;height:300px; background:red; display:block;
				position:absolute; top:0px; left:0px;
				filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#box .simg .move{width:100px;height:100px; border:1px solid #76c5b3; display:block;
				position:absolute; left:10px; top:10px; background:#fff;
				display:none;filter:alpha(opacity=0.3);-moz-opacity:0.3;opacity:0.3;}