@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
ul{ list-style:none;}
img{ border:none;}
a{ text-decoration:none; color:#333; }
a:hover{ text-decoration:none; /*color:#1d508b;*/} 
a:focus{ outline:none;}
img{ border: 0;}
img, input, textarea { outline:none;}
.clear{ clear:both; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body{ font-size:14px; font-family:'微软雅黑'; background-color:#b0d7db; line-height:24px;}

.main-bg{ width:1100px; margin:0 auto; background-color:#fff;  overflow:hidden; box-shadow:0 0 20px #606f70;}
.main{ padding:20px; overflow:hidden; position:relative; overflow:hidden;}
.nav-banner{ width:1100px; margin:0 auto; overflow:hidden;}
.top{ padding:10px 20px; overflow:hidden;}
.logo-top{ float:left;}
.call{ float:left; margin-left:218px; margin-top:10px;}
.call img{ float:left;}
.call span{ display:block; color:#ff7702; font-size:20px; width:230px;}
.lauguage{ float:right; line-height:63px; margin-top:10px;}
.lauguage a{ margin:0 10px;}
.lauguage a img{ margin-right:4px;}
.lauguage a:hover,.lauguage .on{ color:#ff7702;}

.daohang-bg{ background:url(../images/daoahng-bg.png) no-repeat; height:58px; position:relative;}
.daohang span a{ width:152px; text-align:center; float:left; color:#fff; line-height:58px;}
.daohang ul{ float:left; /*width:615px;*/}
.daohang ul li{ float:left;  line-height:58px; width:123px; text-align:center;  font-weight:bold; /*position:relative;*/}
.daohang ul > li > a:hover{ color:#4d7a46; }
.daohang .sub{ display:none; width:1100px; position:absolute; left:0; top:58px; background:rgba(228,246,250,1); height:45px; line-height:45px; text-align:center; /*margin-left:-152px; padding-left:152px;*/}
.daohang .sub a{ color:#6e6e6e; display:inline-block; font-size:13px; font-weight:normal;}
.daohang .sub a:hover{ color:#1d508b;}
.daohang ul li span{ margin:0 10px; color:#6e6e6e;}
.daohang .sub a:last-child span{ display:none;}



.seacher{ float:left; border:1px solid #e5e5e5; width:198px; height:30px; line-height:30px; background-color:#FFF;margin-left: 56px; margin-top: 20px;border-radius:20px; -webkit-box-shadow:inset 0 1px 5px #dcdcdc;  
  -moz-box-shadow:inset 0 1px 5px #dcdcdc; box-shadow:inset 0 1px 5px #dcdcdc; }
.seacher input.text{ height:23px;line-height:23px;padding-left:5px;padding-right:5px;float:left;width:147px;border:none;float:left; margin-left:13px; margin-top:5px;}
.seacher input.btn{ height:18px; width:18px; background:url(../images/seacher.jpg) no-repeat; border:none; cursor:pointer; float:right; margin-right: 10px; margin-top: 5px; text-indent:-999;}

/* banner */
#banner{height:375px;overflow:hidden; position:relative; width:1100px; margin:0 auto;}
#banner a{ width:100%;height:100%;display:block;position:absolute;left:0px;top:0px; /*background-size:100% 100%!important;*/ }
/*#banner ul{ text-align:center; width:100%; height:30px;clear:both;position:absolute;z-index:100; bottom:25px; }
#banner ul li{width:10px;height:10px;overflow:hidden;cursor:pointer; background-color:#fff; margin:0 3px;display:inline-block; border-radius:100px;}
#banner ul li.active{ background-color:#027dc3;}*/
#banner span { position:absolute; width:36px; height:36px; top:50%; margin-top:-18px;  /*background:#666;*/ z-index:100; }
#banner span.tl { left:20px; background:url(../images/arrow-left.png) no-repeat;}
#banner span.tr { right:20px; background:url(../images/arrow-right.png) no-repeat;}

.pic-left{ float:left; width:774px;}
.about h4,.pic-product h4{ font-size:24px; color:#1d508b; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-top:10px; margin-bottom:15px; overflow:hidden;}
.about h4 span,.pic-product h4 span{ color:#ff7702;}
.pic-product h4 div{ float:left;}
.pic-product h4 .pic-text{ font-size:14px; color:#6e6e6e; margin-left:10px; line-height:30px; }
.pic-product h4 a{ float:right; color:#6e6e6e; font-size:14px;}
.about-text{ float:left; width:468px; color:#6e6e6e; margin-right:68px;}

.gd{ margin:20px 0;}

.nav-product{ border-top:1px solid #e8e8e8; background:linear-gradient(to bottom,#e8f5f8,#fff); overflow:hidden; padding:20px; margin-bottom:20px; }
.nav-product-img{ /*border:1px solid transparent;*/  overflow:hidden; float:left; width:190px;}
.nav-product-img img{ border-radius:5px;}
.nav-product-text{ float:left; margin-left:25px; width:519px; color:#6e6e6e;}
.nav-product-text h3{ font-weight:bold; margin-bottom:10px;}
.nav-product-text a{ width:75px; height:32px; line-height:32px; text-align:center; border:1px solid #e5e5e5; display:block; margin-top:20px; border-radius:5px;}
.nav-product-text a:hover{border:1px solid #5eb624;  background-color:#5eb624; color:#fff;}

.pic-right{ float:left; width:256px; margin-left:30px;}
.pic-right h5{ color:#1d508b; font-size:16px;  border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-top:15px; margin-bottom:15px; background:url(../images/index_26.jpg) no-repeat 0 10px; padding-left:15px;}
.pic-news{ border-left:1px solid #e8e8e8; margin-left:11px;  position:relative; z-index:11;}
.pic-news a{ display:block; color:#6e6e6e; overflow:hidden; margin-bottom: 20px;}
.pic-news a span{ position:absolute; left:-13px;  z-index:99; float:left; border-radius:25px; border:1px solid #e8e8e8; background-color:#fff; width:22px; height:22px; text-align:center; line-height:22px; display:block;}
.pic-news a div{ float:left; width:230px; margin-left:20px;}
.pic-news a h6{ color:#000; font-size:14px;}

/* 本例子css */
.picScroll-left{ width:256px; height:238px;  overflow:hidden; position:relative; }
.picScroll-left .hd{  overflow:hidden; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{display:block;width:21px; height:21px; overflow:hidden; cursor:pointer; }
.picScroll-left .hd .prev{ background:url(../images/click-left.png) no-repeat; position: absolute; bottom:5px; right:28px; z-index:999; }
.picScroll-left .hd .next{ background:url(../images/click-right.png) no-repeat; position: absolute; bottom:5px; right:5px; z-index:999;}
		
.picScroll-left .bd{  /*padding-right:10px;*/   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; width:256px; height:238px; }
.picScroll-left .bd ul li .pic{ text-align:center; overflow:hidden; }
.picScroll-left .bd ul li .pic img{ display:block;  border:1px solid #ccc; width:100%; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; background:rgba(0,0,0,0.6); width:100%; background: rgba(0,0,0,0.5); width: 100%; height:35px; line-height:35px; position: absolute;bottom:0px; z-index:99; color:#fff; padding-left:20px;}

.recruit-p{ margin:25px 0;}
.contact-p{ color:#6e6e6e; margin-bottom:25px;}

.bar{ font-size:14px; color:#1d508b; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-top:10px; margin-bottom:25px; overflow:hidden;}
.bar a{ color:#1d508b;}
.nav-about{ overflow:hidden;  margin-bottom:20px; }
.nav-about-img{ overflow:hidden; float:left; width:200px;}
.nav-about-img img{ border-radius:5px; border:1px solid #e7e7e7;}
.nav-about-text{ float:left; margin-left:25px; width:549px; color:#6e6e6e;}
.nav-about-text h3{ font-weight:bold; margin-bottom:10px;}
.nav-about-text a{ width:75px; height:32px; line-height:32px; text-align:center; border:1px solid #e5e5e5; display:block; margin-top:20px; border-radius:5px;}
.nav-about-text a:hover{border:1px solid #5eb624;  background-color:#5eb624; color:#fff;}

.pic-right1{ float:left; width:244px; padding-left:40px; }
.pic-right1 h5{ color:#1d508b; font-size:16px;  border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-top:15px; margin-bottom:15px; background:url(../images/index_26.jpg) no-repeat 0 10px; padding-left:15px;}
.line{ border-left:1px solid #e5e5e5; position:absolute; height:10000px; overflow:hidden; right:290px;}
.content{ color:#6e6e6e;}

.rongyu ul li{ float:left; text-align:center; margin-right:24px; margin-bottom:25px;}

.news-top{ overflow:hidden;  margin-bottom:20px; }
.news-top-img{ /*border:1px solid transparent;*/  overflow:hidden; float:left; width:320px;}
.news-top-img img{ border-radius:5px;} 
.news-top-text{ float:left; margin-left:25px; width:715px; color:#6e6e6e;}
.news-top-text h3{ font-weight:bold; margin-bottom:10px;}
.news-top-text a{ width:75px; height:32px; line-height:32px; text-align:center; border:1px solid #e5e5e5; display:block; margin-top:20px; border-radius:5px;}
.news-top-text a:hover{ border:1px solid #5eb624;  background-color:#5eb624; color:#fff;}
.news-top-text h3 b{ color:#ff7702;}
.news-top-text h3 span{ display:block; color:#6e6e6e; font-weight:normal; font-size:13px; margin-top:10px;}
.news-list{ display:block; overflow:hidden; border:1px solid #e7e7e7; margin-bottom:25px;  transition:all .5s;}
.news-list-text{ float:left; width:877px; padding:20px; border-right:1px solid #e7e7e7; color:#6e6e6e;}
.news-list-text h4{ font-weight:bold; color:#333;}
.news-list-time{ float:left; width:100px; text-align:center;  padding:20px;}
.news-list-time span{ font-size:36px; display:block; margin-bottom:10px;}
.news-list:hover{ background-color:#f0f0f0;}

.newsdetail{ text-align:center; padding-bottom:20px;}
.newsdetail span{color:#878787; font-size:13px; margin-top:15px; display:block;}
.newsdetail-title{ font-size:16px; font-weight:bold;}
.newsdetail-page{ padding:10px 0;border-top: 1px solid #d9d9d9;/*border-bottom: 1px solid #d9d9d9;*/font-size: 14px;}
.newsdetail-page a{ color:#333;}

.product-all{ /*width:1105px;*/ }
.product-all a{ display:block; float:left; width:323px; /*margin-right:45px; margin-bottom:25px;*/ margin:0 15px 25px; color:#6e6e6e; }
.product-all a h4{ color:#1d508b; font-size:16px; font-weight:bold; margin:10px 0; }
.product-all a img{ border-radius:5px;}

.product a{ float:left; margin:0 15px 25px; text-align:center; width:182px;}
.product a span img{ display: block; margin:0 auto; position:absolute; transition:all 1s; z-index:-1; }
.product a:hover{ color:#1d508b;}
.product a span{ overflow:hidden; position:relative; display:block; height:170px; border-radius:5px; z-index:100; }
.product a:hover span img{ -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);transition: all 1s; -webkit-transition: all 1s;}

.product-img{ float:left; margin-right:25px;}
.product-img span{ border-radius:5px; overflow:hidden; width:312px; height:296px; border-radius:5px; display:table-cell; vertical-align:middle; text-align:center; background-color:#fcfbfb; }

.product-img div{ width:200px; margin:auto;}
.product-img a{ width:88px; line-height:28px; height:28px; text-align:center; display:block; border:1px solid #e7e7e7; border-radius:5px; float:left; margin:25px 5px;}
.product-img a:hover{ border:1px solid #5eb624; background-color:#5eb624; color:#fff;}
.product-text{ float:left; width:723px;}
.product-text span{ color:#416e3a; font-size:20px; display:block; }
.product-text b{ display:block; margin:15px 0; padding-bottom:10px; border-bottom:1px solid #e7e7e7; color:#333;}

.shebei div{ float:left; margin:0 12.5px 25px; text-align:center; width:240px;}
.shebei div span img{ display: block; margin:0 auto; position:absolute; transition:all 1s; z-index:-1; border-radius:5px; width:100%; }
.shebei div:hover{ color:#1d508b;}
.shebei div span{ overflow:hidden; position:relative; display:block; height:185px; border-radius:5px; z-index:100; }
.shebei div:hover span img{ -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);transition: all 1s; -webkit-transition: all 1s;}

.footer{ padding:10px 20px; border-top:1px solid #e8e8e8; padding-top:10px; color:#a3a3a3; text-align:center;}
.footer a{ color:#6e6e6e; margin:0 5px;}
.footer a:hover{ color:#000;}

table{  /*border:1px solid #e5e5e5;*/ background-color:#fff; border-collapse:collapse; margin-top:25px; }
table tr td{ padding:5px; /*border:1px solid #e5e5e5;*/}
.product-text span{ float:left; color:#6e6e6e;}