@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td{font-family: tahoma,Arial,'Hiragino Sans GB',"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",sans-serif;margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:100}button,input,select,textarea{font-size:100%;outline:0}body{margin:0;overflow-x:hidden}a{blr:expression(this.onFocus=this.blur());color:#369;text-decoration:none}area{blr:expression(this.onFocus=this.blur())}.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{ zoom: 1;}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left;display: inline;}.fr{float:right;display: inline;}em,i{font-style:normal}.none{display:none}.block{display:block}img{border:0}table{border-collapse:collapse;border:0;cellspacing:0;cellpadding:0}.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}a, a img, input,.featured-post .byline {-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn{}html, body { width: 100%; height: 100%; position: relative;  }h1,h2,h3,h4,h5,h6{ text-transform:capitalize}
.zoomimg img{ -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; }.zoomimg img:hover { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); }
/*超出的文字省略，要定义宽度*/
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
.logo,.arrow a,.arrow a:hover,.slideBox .hd ul li,.ind-team .hd .prev, .ind-team .hd .next{ background:url(images/laidabio.png) no-repeat; }
/*间隔*/
.mr20{ margin-right:20px;}
.mt10{ margin-top:10px;}
/*页面*/
body{ font-size:14px; line-height:1.5em;}
#header{ background:url(images/header.jpg) center center no-repeat; width:100%; height:100px;}
#nav{ background:url(images/nav.jpg) center center no-repeat; width:100%; height:50px;}
.wrapper{ width:1160px; margin:0 auto;}
.logo{ background-position:0 -20px; width:280px; height:70px; margin-top:6px;}
.nav{ position:relative; z-index:1;}
.nav ul{ padding-top:5px;float:left; position:relative; left:50%; }
.nav .nLi{ float:left; position:relative; right:50%;  display:inline; line-height:40px; }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 30px; font-size:18px; color: #fff;height:45px}
.nav .on h3 a{ background:#fff; color:#4d9700;}
.nav .sub{ display:none;  left:-1px; top:45px;  position:absolute; background:#fff;  line-height:30px; width:160px; border:solid 1px #4d9700; border-top:0;  box-shadow: 0 1px 20px 0 rgba(0,0,0,.19);}
.nav .sub li{ zoom:1; display:block; }
.nav .nLi h3 .sub a{ padding:5px 10px; display:block; color:#333; font-size:14px; line-height:20px; height:auto}
.nav .nLi h3 .sub a:hover{ background:#f0f0f0; color:#4d9700;  }

.side{ float:left; width:220px; margin-top:10px;}
.side h2{ background:#4d9700;color:#fff; font-size:20px; line-height:20px; padding:15px 10px 15px 20px;}
.sidenav{}
.sidenav ul{ border:solid 1px #ccc; border-top:0; padding:9px;}
.sidenav ul li{ margin-bottom:5px; border-bottom:solid 1px #ccc;}
.sidenav ul li a{color:#333; font-size:14px; display:block; padding:8px 5px 8px 30px; width:165px; display:block; font-size:15px; background:url(images/arrow.gif) 15px center no-repeat;}
.sidenav ul li a:hover{ background: url(images/arrow2.gif) 180px center no-repeat #4d9700; color:#fff;}
.sidenav ul li a.cur{ background: url(images/arrow2.gif) 180px center no-repeat #34ab78; color:#fff}
.sidenav ul li a.subNav{padding:8px 5px 8px 40px; width:155px; background-position:25px center}
.sidenav ul li a.subNav:hover{background-position:180px center}
.sideCo{ border:solid 2px #ddd; margin-top:30px;}
.sideCo h2{ font-size:16px; font-weight:bold;padding:10px 5px;}
table.contact{ width:100%;}
table.contact th{ width:35%; padding:5px 0; text-align:right; color:#4d9700; vertical-align:top}
table.contact td{ padding:5px 0; width:auto; padding-right:5px; font-size:14px;}
.content{ width:890px; padding-top:20px; border-right:solid 1px #589717; padding:14px;}
h1.title{ font-size:30px; color:#34ab78; padding:25px 0 20px 20px; border-bottom:solid 1px #ccc; margin:0 10px 15px 0}
.content h2{ background:#e7f5ef; font-size:16px; line-height:40px; height:40px; margin-top:15px;}
.content h2 span{ display:inline-block; padding:0 30px; background:#34ab78; color:#fff; border-radius:8px 8px 0 0}
.text{ padding:10px;}
.text p{ color:#444; font-size:15px; line-height:1.8em;}
.text img{ margin:10px; max-width:920px;}
.text h5{ font-size:18px; font-weight:bold; color:#34ab78; padding:10px 0;}
.text .table{ width:800px; margin:20px auto}
.text .table tr.tr_tit{ background:#4d9700;}
.text .table tr.tr_tit td{ color:#fff; padding:8px 10px; text-align:center; font-size:16px;}
.text .table td{ text-align:left; padding:3px 5px; border:solid 1px #ccc; font-size:14px;}
.text .table td img{ margin:0}
#Contact{ padding:10px 0}
#Contact h3{ font-size:20px; padding:5px; color:#0075c1; border-bottom:solid 1px #ccc; margin-bottom:10px;}
#Contact .text{ float:left; padding:0px; width:300px;}
#Contact .map{ width:550px; float:right}
#Contact .map #map{ width:550px; height:350px; border:solid 1px #ccc;}
#Contact .rwm{ width:180px; float:right; padding:10px;}
#Contact .rwm img{ width:180px; height:auto}
#Contact .rwm p{ text-align:center; font-size:14px; color:#444;}
.copyright{ background:#589717; color:#fff; padding:10px 20px; font-size:14px;}
.copyright a{ color:#fff; text-decoration:underline;}
.copyright a:hover{ color:#ff0; text-decoration:none;}
/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:0; bottom:20px; width:100%; z-index:1; }
.slideBox .hd ul{ float:left; position:relative; left:50%; }
.slideBox .hd ul li{ float:left;position:relative; right:50%; margin-right:10px;  width:20px; height:20px;cursor:pointer; text-indent:-990em; overflow:hidden; background-position:0 0;}
.slideBox .hd ul li.on{ background-position:-20px 0;}
.slideBox .bd{ position:relative;  z-index:0; width:100%; height:100%; }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;height:100%; display:block; text-align:center;}
.slideBox .bd li img{ width:100%; height:auto;}
.slideBox#indBanner .bd,.slideBox#indBanner .bd li{ height:600px;}
.slideBox#Banner .bd,.slideBox#Banner .bd li{ height:400px;}
/*图片列表*/
.imgList { width:890px; margin:10px auto;}
.imgList ul { padding:0 0 15px 0;}
.imgList ul li { float:left; padding:9px; margin:10px; width:300px; height:215px; border:solid 1px #ddd; overflow:hidden; background:#fff; position:relative;}
.imgList ul li .imgImg{ width:300px; height:170px; overflow:hidden; text-align:center;}
.imgList ul li .imgImg img{width:300px; height:170px; text-align:left;-webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; background:url(js/fancybox_loading.gif) center center no-repeat;}
.imgList ul li a { text-decoration:none; }
.imgList ul li p.imgName { font-size: 16px; text-align: center;color: #333; padding:5px 0px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;width: 100%;}
.imgList ul li:hover {box-shadow: 0 1px 20px 0 rgba(0,0,0,.19);  border-color:#999;}
.imgList ul li:hover img {-webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(1.1);transform: scale(1.1); }
.imgList ul li:hover .imgName{ font-weight:bold;}
.imgList ul.Detection li{padding:4px; margin:5px; width:158px;height:230px;}
.imgList ul.Detection li .imgImg{width:158px; height:230px;}
.imgList ul.Detection li .imgImg img{width:158px; height:230px;margin:0}
.imgList ul.Qualification li{width:256px;height:270px;}
.imgList ul.Qualification li .imgImg{width:256px; height:240px;}
.imgList ul.Qualification li .imgImg img{width:256px; height:240px; object-fit: contain;}
/*图片幻灯*/
#gallery { font-size:12px; color:#000; margin:0 auto;}
.ad-gallery { width: 850px;}
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery .ad-image-wrapper { width: 850px; height: 500px; margin: 10px auto; position: relative; overflow: hidden; background:#fff;}
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #fff; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */
      background: url(non-existing.jpg)\9 }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/prev.png); width: 40px; height: 60px; display: none; position: absolute; top: 47%; left: 10px; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/next.png); width: 40px; height: 60px; right: 10px; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border:solid 1px #f00; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px 15px; text-align: left; width: 100%; z-index: 2;filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; background:#FFF;font-size:14px; font-weight:bold; line-height:26px; color:#000; }
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; line-height:20px; padding:10px 0 0 0;}
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size:12px; color:#0077af; margin-left:5px;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-weight:bold; color:#46b692; margin-right:15px; }
.ad-gallery .ad-nav { width: 100%; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 10px; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: 5px; width: 13px; display: block; background: url(images/scroll_back.png) 0px 32px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: 5px; width: 13px; background: url(images/scroll_forward.png) 0px 32px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width:95%; height:100px; margin:0px auto; padding:10px 0}
.ad-gallery .ad-thumbs .ad-thumb-list {}
.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img { border: 3px solid #fff; display: block; max-height:80px;_height:80px;}
.ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #46b692; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
/*新闻*/
.news-list{border-bottom:dashed 1px #ccc; padding:10px 0 15px 0}
.news-list h4{ font-size:16px; line-height:20px; margin:8px 0;}
.news-list h4 a{ color:#666; text-decoration:none; font-weight:bold;}
.news-list h4 a:hover{ color:#4d9700; text-decoration:underline;}
.news-list h4 span.time{ font-size:12px; margin-left:20px; background:#eee; padding:3px 10px; color:#777; border-radius:20px;}
.news-list p{ color:#555; line-height:1.6rem; height:80px; overflow:hidden;}
.news-list:hover span.time{ background:#4d9700; color:#eee;}
.news-list:hover .detailed a{ background:#ddd;}
.news-list .news-img{ float:left; margin-right:15px;}
.news-list .news-img img{ width:240px; height:150px;}
.news-list .detailed{ font-size:12px; float:right; margin:10px 0 0 0;}
.news-list .detailed a { background:#fff; padding:3px 15px; color:#777; border-radius:20px; border:solid 1px #ddd;}
.news-list .detailed a:hover { background:#4d9700; color:#fff; border-color:#4d9700}
.article{ padding:10px; margin-bottom:20px;}
.article h5{ display:block; overflow:hidden; padding-left:0; color:#444; text-align:center; font:26px/1 "\5fae\8f6f\96c5\9ed1", "\534e\6587\7ec6\9ed1", "\9ed1\4f53"; background:#fff; padding:15px 0}
.article ul li{font-size:14px; padding:15px 25px; line-height:2em; color:#444;}
.article ul.articlepicul li{ padding:10px 0px; text-align:center; width:720px;}
.article ul.rslides_tabs li{ padding:0px;}
.article p.publish{ border-bottom:solid 2px #ddd; font-size:12px; line-height:20px; padding:10px 0; text-align:center; color:#222;background: -webkit-linear-gradient(top, #fff, #eee);}
.article p.publish span.red{color:#f00;}
.article p.publish a{ color:#222; margin:0 10px 0 0;}
.article p.publish a:hover{ color:#F00;}
.article p img{max-width: 700px; _width: expression(this.width > 700 && this.width > this.height ? 700 :true);height: auto;}
/*页码*/
.page{ padding:15px 0px;}
.page table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.page table td {font-family:tahoma;}
.page table td input{padding:2px 4px; width:30px; height:20px; font-size:14px; line-height:15px; border:solid 1px ccc;}
.page table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-left:-1px; text-decoration:none; display:block; padding:5px 12px; }
.page table td a.current,.page table td a.current:hover { color:#fff; background:#4d9700; border-color:#4d9700; cursor:default }
.page table td a:hover { color:#222; background:#f0f0f0; }
/*滑动联系*/
#serverWin{ right:2px; bottom: 50px; position: fixed; _position: absolute;  _top: expression(documentElement.scrollTop + 660 + "px"); width:50px; height:auto; display:block; z-index:999;}
#serverWin ul li{ text-align:center; font-size:12px;display:block;width:50px; height:50px; border:solid 1px #ddd; background:#fff; margin-top:-1px; }
#serverWin ul li .iconfont{ font-size:28px; display:block; margin-top:15px; margin-bottom:5px;}
#serverWin ul li a{ color:#333; text-transform:uppercase}
#serverWin ul li a .iconfont{ color:#666}
#serverWin ul li:hover{ background:#019856; border-color:#019856; color:#fff; position:relative;}
#serverWin ul li:hover .iconfont,#serverWin ul li:hover a{ color:#fff}
#serverWin #J_back-top{ display:none;}
.serverWinPop{ right:-800px; position:absolute; z-index:998;background:url(js/serverWinPop_arrow.png) right center no-repeat; padding:0 5px 0 0; margin-top:-52px;}
.serverWinPop div{background-color::rgba(238,238,238,0.9)!important;filter: Alpha(opacity=90); background-color: #fff; color:#019856;padding:15px; border:solid 1px #ddd; width:150px; height:40px;box-shadow: 0 1px 20px 0 rgba(0,0,0,.3);}
#tel .serverWinPop p{ display:block; font-weight:bold; font-size:19px;}
#tel .serverWinPop p span{ display:block; font-weight:bold; font-size:24px;}
#erweima .serverWinPop{ margin-top:-96px;}
#erweima .serverWinPop div{ height:150px; padding:3px; background:#fff;}
#erweima .serverWinPop img{ width:150px; height:150px;}
#serverWin ul li:hover .serverWinPop{ right:46px;}
/*首页*/
.IndBox{}
.IndBox ul{}
.IndBox ul li{ float:left; padding-top:10px}
.IndBox ul li h3{ font-size:20px; color:#34ab78; padding:10px 0 10px 15px; border-bottom:solid 1px #ccc; margin:5px 0}
.IndBox ul li#IndBoxPro img{ width:410px;}
.IndBox ul li#IndBoxAbout,.IndBox ul li#IndBoxPro{ margin-right:20px; width:410px;}
.IndBox ul li#IndBoxAbout .text{ padding:0}
.IndBox ul li#IndBoxAbout .text p{text-indent:2rem}
.IndBox ul li#IndBoxCo{ width:300px;}
.IndBox ul li#IndBoxCo table.contact th{ width:80px; text-align:center}
.IndBox ul li#IndBoxCo table.contact th,
.IndBox ul li#IndBoxCo table.contact td{ padding:2px 0}

.highlight {color:red}
.msgTable td {padding:5px;font-size:14px}
.msgTable input[type="text"] ,.msgTable textarea {border:1px solid #ccc;padding:3px;border-radius:3px}
.ajaxMsg  {color:#666}
.ajaxMsg img {margin-top:-3px;}
.msgTable .submit {background:#ff6c00;color:#fff;border-radius:3px;padding:5px 10px;border:0;cursor:pointer}