﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input[type=text],textarea,p,blockquote,th,td,button{padding:0;margin:0;font-size:100%}
label input{vertical-align:middle}
a:link,a:visited{color:#333;text-decoration:none; outline:none}
a:hover,a:active{text-decoration:underline}
body{font:12px/1.5 "Lucida Grande", Verdana, Helvetica, Arial, "Microsoft YaHei", Simsun, sans-serif;color:#333;background:#fff; behavior:url("csshover.htc");}
body.wd-body-01{ background:url(../images/front/menubg.gif) left 112px repeat-x}
body.second{ background:url(../images/front/menubg2.gif) left 112px repeat-x}
/*body{font:12px/1.5 "宋体", Arial, Helvetica, sans-serif;color:black;background-color:#fff;text-align:center}*/
img{border:0}
table{border-collapse:collapse}
ul li{list-style:none}
.left{ float:left;}
.right{ float:right;}
a{ text-decoration:none;}


/*顶部*/
#header_top{ width:100%; float:left; height:115px; background:#32b16c;font-family:"微软雅黑";}
.center{ width:1100px; margin:0 auto;}
.logo{ max-height:115px; overflow:hidden;}
.logo img{ max-height:115px;}
.phone{ margin-top:30px; font-size:16px; margin-left:10px; }
.phone span{ color:#ffbf37; font-size:19px;}
/*导航*/
#main-nav{ width:100%; float:left; height:45px; background:#FFF; margin-top:-1px;}
.nav-item{ width:14.2857%; float:left; text-align:center; line-height:45px; font-size:16px; background:url(../images/t.png) no-repeat; background-position:right;display: inline-block; position:relative; z-index:1000;}
.nav-item:after {
content: '';
display: block;
height: 5px;
width: 0;
position:absolute;
top:0px;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
.nav-item:hover:after {
width: 100%;
background: #ffbf37;
}
.nav-item:last-child{ background:none;}
.nav-item a{ color:#515151; text-decoration:none;}
.sub-menu{ display:none; background:#32b16c; float:left;width:100%;}
.sub-menu ul{ width:100%; float:left; list-style:none;}
.sub-menu ul li{ width:100%; float:left; line-height:280%; background:none;}
.sub-menu ul li a{ color:#FFF;}
.sub-menu ul li:hover{ background:#FFF;}
.sub-menu ul li:hover a{ color:#000;}
/*banner*/

#Slideshow {width: 100%; height:auto; margin: 0 auto; position: relative;  z-index: 0; float:left; } 
#Slideshow .pics {width: 100%; overflow:hidden; min-height:700px;  } 
#Slideshow .pics li {width: 100%; height:100%!important; } 
#Slideshow .pics li img {width: 100%;height:auto !important; } /*数字按钮样式*/ 
#Slideshow:before {
	content: "";
	display: inline-block;
	
	width: 0.1px;	/*必须要有数值，否则无法把高度撑起来*/
	vertical-align: middle;
}
/*内容*/
.aboutall{ width:100%; float:left;  height:425px; border-bottom:1px solid #dcdcdc; position:relative; z-index:10000; font-family:"黑体";}
.ab_left{ width:58.32%; float:left;}
.ab_img{ width:298px; float:left; margin-top:-88px;}
.ab_img img{ width:100%; max-height:430px;}
.ab_text{ margin-left:32px; width:310px; float:left; margin-top:50px;}
.ab_top{ width:100%; float:left; font-size:18px;}
.ab_top span{ font-size:12px; text-transform:uppercase;}
.ab_botoom{ width:100%; float:left; margin-top:35px; font-family:"微软雅黑"; font-size:13px; line-height:22px;text-align:justify; text-justify:inter-ideograph;}
.ab_more{ width:100%; float:left; margin-top:20px;}

.ab_right{ width:36.6%; float:left; margin-left:50px;}
.news_top{ width:100%; float:left; font-size:18px; margin-top:50px;}

.txtScroll-top{ width:100%;  overflow:hidden; position:relative; background:#f0f0f0; margin-top:10px; float:left;font-family:"微软雅黑"}
.txtScroll-top .bd{ width:100%; float:left; list-style:none;  }
.txtScroll-top .infoList li{ width:90%; float:left; height:40px; padding:10px 10%;   }
.txtScroll-top .infoList li .date{ float:left; color:#999; width:70px; height:40px; border-right:2px solid #cfcfcf; font-size:15px;  color:#000;   }
.txtScroll-top .infoList li .date span{ font-size:12px; color:#828282;}
.txtScroll-top .infoList li .n_title{ float:left; margin-left:30px; font-size:14px; color:#000;}
.txtScroll-top .infoList li .n_title span{ font-size:11px; color:#828282;}
.txtScroll-top .infoList li a{ text-decoration:none;}
.txtScroll-top .infoList li:hover{ background:#32b16c;}
.txtScroll-top .infoList li:hover .date{ color:#FFF;}
.txtScroll-top .infoList li:hover .date span{ color:#FFF;}
.txtScroll-top .infoList li:hover .n_title a{ color:#FFF;}
.txtScroll-top .infoList li:hover .n_title span{ color:#FFF;}
/*产品展示*/
.picall{ margin-top:45px; float:left; width:100%; font-family:"微软雅黑";}
.picname{float:left; width:100%; margin-bottom:30px;}
.picname .left{ float:left; font-size:18px;}
.picname .left span{ font-size:9px; text-transform:uppercase;}
.picname .right a{ color:#32b16c; font-size:11px; line-height:45px; text-decoration:none;}



.scrollBox{ width:100%; float:left;position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:100%;left:0px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:33.33%; margin-right:10px;}


.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 505px; }
.scrollBox .pageBtn .list li{ background:url(../images/scrollBg.png); float:left; display:inline; width:8px;height:8px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{ background:url(../images/scrollBgh.png) }
.litop{ width:92.3%;float:left; font-size:14px; }
.litop a{ text-decoration:none;}
.limore{ float:right; width:92px; height:27px; background:url(../images/more.jpg) no-repeat;}
.scrollBox .piclist li:hover .limore{ background:url(../images/morelv.jpg) no-repeat;}
.libottom{ float:left; width:100%; height:300px; overflow:hidden;}
.libottom img{width:100%;height:100%;}


/*成功案例*/
.casebox{ width:100%; float:left; height:700px; background:#eaedf2; margin-top:-115px; padding-top:140px;}
.caseul{ width:100%; float:left; margin-top:10px;}
.caseul ul{ width:100%; list-style:none; float:left}
.caseul ul li{ width:31%; float:left; margin:10px 1.1%; font-size:14px; line-height:35px; text-align:center; color:#1c1b1c; }

.caseul ul li a{ color:#1c1b1c; text-decoration:none;}
.csimg{ width:100%; float:left; height:231px; overflow:hidden;}
.caseul ul li img{ width:100%; min-height:231px;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;}
.caseul ul li img:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

/*底部*/
.footer{ width:100%; float:left; background:#32b16c; height:138px; font-family:"微软雅黑"; font-size:14px; padding:25px 0px;}
.f_let{ float:left; width:445px;}
.f_l{ width:100%; color:#FFF; padding:5px 0px;}
.f_l a{ color:#FFF;}
.f_right{ float:right; color:#FFF; font-size:14px;}
.f_right img{ width:85px; height:auto; float:right; margin-bottom:10px;}


/*内页 图片*/
.tonglan{ width:100%; float:left;}

.inner-left{ width:260px; float:left; margin-top:-85px; position:relative; z-index:10000;}
.lanmu{ width:100%; float:left;}
.tle{ width:226px; height:65px; background:#32b16c; padding-left:34px; color:#FFF; padding-top:20px; }
.tle h4{ font-size:18px; font-weight:normal;}
.tle em{ font-size:9px; text-transform:uppercase; font-style:inherit}

.contactus{ margin-top:50px;}
.left-nav-content{ background:#eaedf2; padding:10px 34px; width:192px; font-size:14px; color:#353535; line-height:25px;}

.inner-right{ width:742px; float:right;}
.inner_title{ width:762px; float:right; font-family:"宋体"; font-size:12px; color:#807e7e; text-align:right; padding:20px 10px;}
.inner_title a{ color:#807e7e; text-decoration:none;}
.inner_title span{ color:#32b16c;}
.image-list{ width:100%; float:left;}
.image-list ul{ width:100%; float:left; list-style:none;}
.image-list ul li{ width:31%; float:left; margin:3% 1.11%;}
.image-list ul li img{ width:100%; height:185px;}
.innertop{ width:100%;float:left; font-size:14px; }
.litop a{ text-decoration:none;}
.limore{ float:right; width:92px; height:27px; background:url(../images/more.jpg) no-repeat;}
.image-list li:hover .limore{ background:url(../images/morelv.jpg) no-repeat;}
.libottom{ float:left; width:100%;}

/*pages*/
#pages { padding:14px 0 10px; margin:10px; }
#pages a { display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 { background:url(../images/search/admin_img/pages.png) no-repeat 0 5px; width:56px; }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; width:26px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

/*单页*/
.innercontent{ width:100%; float:left; line-height:22px; font-size:14px; margin-bottom:20px;}
.text{ width:100%; float:left; margin-bottom:20px;}
.innercontent img{ max-width:100%; height:auto;}
.innertitle{ width:100%; float:left; text-align:center; font-weight:bold; padding-bottom:10px; border-bottom:1px dashed #cfd0d1; margin-bottom:20px;}

/*新闻*/
.news-list{ width:100%; float:left; padding:10px 0px;}
.news-list ul{ width:100%; float:left; list-style:none;}
.news-list ul li{ width:100%; float:left; line-height:50px; font-size:14px;}
.news-list ul li a{ text-decoration:none;}
.news-list ul li span{ float:right; color:##32b16c;}