@charset "utf-8";
/* eyoucms.com 易优CMS -- 好用,免费,安全 */
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,h2,font
{ margin: 0; padding: 0; border:0;} 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
a{text-decoration:none;outline:0;}
html{overflow-x:hidden; }
.center{ text-align:center;}
.center img{ border:1px solid #ccc;}
.clear{clear:both;height:0;overflow:hidden}
body{color:#515d6b;font-size:12px; overflow-x:hidden;background: url(../img/bg.jpg) center 630px #4eae00 no-repeat; font-family:"Microsoft Yahei"; }
a{ color:#515d6b;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../img/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../img/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../img/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/* head */
.head{ width:100%;}
.nav{ width:100%; height:101px; }
.nav ul{ width:1004px; height:101px; margin:0 auto;}
.nav ul li{ float:left; width:100px; height:101px; position:relative; z-index:9; display:inline; margin:0 13px 0 0px}
.nav ul li a{word-wrap: break-word; float:left; width:40px; height:71px; font-size:16px; color:#4aa600; font-weight:bold; padding:30px 30px 0 30px; text-align:center; background:url(../img/navbg.png) left center no-repeat; }
.nav ul li a.hover{color:#C8A837;}
.nav ul li p{ display:none; position:absolute; top:100px; left:0; width:100px; padding:5px 0 0 0; }
.nav ul li p a{ float:left;background:url(../img/nav1.gif) left top no-repeat; width:100px; height:29px; line-height:29px; padding:0; text-align:center; color:#4aa501; font-size:14px; margin-top:-8px; }
.nav ul li p a.a1{  margin:0;}
.nav ul li p span{ float:left; width:100px; height:15px; /*background:url(../img/nav2.gif) left top no-repeat;*/ margin-top:-5px; position:relative; z-index:9;}
.headtop{ width:100%; height:56px; background:#75c01f; border-bottom:1px solid #85da23; }
.headtop .head{ width:1004px; margin:0 auto; height:96px; position:relative; z-index:99}
.headtop  span.tel{ line-height:56px; color:#fff;float: right; height:50px;padding:0 10px 0 45px; display:inline; margin:0px 0 0 0; font-size:14px;}
.headtop  a.logo{ position:absolute; top:0; left:26%}
.headtop  span.wea{ float:left; padding:10px 0 0 0; height:35px; overflow:hidden;}
.bigsearch{ float:right; width:52px; height:56px; background: url(../img/button.png) center center no-repeat #4eae00; position:relative;}
/*-------------------search-----------------*/
.search{position:relative;float:left; display:inline; margin:0 0 0 0;width:332px;z-index:999;height:40px; border:1px solid #4eae00;display:inline-block;line-height:40px;background:#ffffff; display:none; position:absolute; top:55px; right:0;}
.text{float:left;width:170px;color:#bdbdbd;height:36px; padding:2px 0;line-height:36px;border:0;padding-left:20px; font-size:15px;}
.button{float:right;width:50px;height:40px;background:url(../img/button1.png) center center no-repeat}
.select{float:left;width:82px; height:40px; line-height:40px;margin-left:3px;display:inline;background:url(../img/select.gif) right center no-repeat;position:relative;z-index:9999999}
.select select{margin:5px auto;width:80px}
div.selectbox-wrapper{border:#dcdcdc 1px solid;overflow:hidden;width:86px;position:absolute;background:#fff;text-align:left;z-index:10; top:40px; }
div.selectbox-wrapper ul li.selected{background:#4eae00;color:#fff}
div.selectbox-wrapper ul li.current{color:#fff;background-color:#4eae00}
div.selectbox-wrapper ul li{text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height:20px;padding-top:3px;font-size:12px;font-family:'Microsoft Yahei';color:#666}
.selectbox{border:none;display:block;width:88px;text-indent:8px;cursor:pointer;height:40px;background:0 0;font-size:14px;font-family:'Microsoft Yahei';color:#4d8b07;line-height:40px}
/* page*/
.page{margin-top:35px; font-size:12px;float:left; width:730px; line-height: 32px; text-align:right; color:#fff;}
.page a { color:#4eae00; padding:0 10px; margin:0 5px;  background: #fff;}
.page *{ display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:32px;height:32px;padding-bottom:1px; }
.page a:hover {color:#4eae00; }
.page img{ height: auto; margin:0 3px;}
.page .bg{ font-weight: normal; color:#4eae00; margin:0 5px;}
.page .current {display:inline-block;border: 1px solid #7cc824;  padding:0 10px;  color:#fff; background:#7cc824;margin:0 5px;}
.total{text-align:center;height:32px; line-height:32px;}
.reach{text-align:left; padding-left:5px; height:32px; line-height:32px;}
.btn{ width:36px;}
.btn a{ background: #fff; color: #4eae00; line-height: 32px; width: 30px; height: 32px; text-align: center;}
.input_page{ width:28px;height:32px; text-align:center;  background:#fff; color:#4eae00; font-size:12px; line-height:32px;}
.arrow_l{
border:10px solid #000; margin-top: 10px; display: inline; border-color:#f00 transparent transparent transparent; border-style:solid dashed dashed dashed;}
.page a.le{ margin:0 5px; background:url(../img/pagel.gif) #fff 4px center no-repeat; }
.page a.ri{ margin:0 5px; background:url(../img/pager.gif) #fff 48px center no-repeat; }
/*--------------book---------------*/
.book{ float:left; padding-left:15px; padding-top:30px;}
.bookmain{width:640px; margin:20px auto;height:auto;background:#fff;padding:0 25px ; overflow:auto; }
.bookline{width: 640px; height:34px;float:left; margin-top:10px;}
.book3{ width:640px; margin:0 auto;}
.booktop{ width:640px; height:30px; float:left; background:url(../img/bookico.png) no-repeat 10px 4px; display:inline; margin-left:30px;}
.booktop_name{ width:470px; height:30px; float:left; padding-left:40px; line-height:30px; font-weight:bold; color:#fff;}
.booktop_time{ width:150px; height:30px; float:left; color:#ccc; text-align:right; line-height:30px;}
.bookcontent{ width:680px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../img/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);display:inline; margin-left:30px;}
.bookadmin{ width:702px; height:auto; float:left;display:inline; margin-left:30px;}
.bookadmin_top{ width:702px; height:12px; float:left;}
.bookadmin_mid{ width:680px; min-height:30px; background:#fff; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto;float:left;padd/ing-left:50px;    margin-left: 18%;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input{ height:30px; line-height:30px; width:370px; border:1px solid #ccc;}
.message li p.message_title{ width:100px; height:30px; float:left; text-align:right; line-height:30px; color:#fff;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:190px;height:60px; float:left;margin-left: 32%;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:30px; float:left; background:#fff;}
.message li p.message_sub{ width:170px; height:40px; float:left; text-align:right;}
.message li .bookbut{ background:#4ab7fe; border:0; font-size:14px; font-weight:bold; color:#fff; line-height:30px;height:30px;}
.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}
/*-----index---------------*/
.icon-top{ float:left;width:645px; color:#ffffff; height:30px; line-height:30px;}
.icon-top a{ float:right; font-size:14px;color:#ffffff; padding:5px 0 0 0; }
.icon-top span{ float:left; font-weight:bold; background:url(../img/flower.png) right center no-repeat; padding:0 38px 0 0; font-size:20px;}
.icon-top span b{ font-size:30px;}
.icon-top span em{ font-style:normal; font-size:14px; font-weight:normal;}
.hdp_container{width:336px;height:248px;border:5px solid #fff;float:left;position:relative;display:inherit;font-size:12px;overflow:hidden;margin:0 0 0 0}
.icon-con{ float:left;display:block; padding:40px 0 0 0; width:645px; }
.icontact{ float:left; width:645px; height:340px;  padding:0px 55px 26px 0; background:url(../img/cline.gif) left 40px repeat-x;}
p.icontact-con{ float:right; width:285px; line-height:25px; height:250px; overflow:hidden; color:#fff;  font-size:14px; padding:0px 0 0 0px;}
.news-about{ width:100%;  height:366px; padding:25px 0 0 0;}
.news-top{ float:left;width:304px; color:#ffffff; height:30px; line-height:30px;}
.news-top a{ float:right; font-size:14px;color:#ffffff; padding:5px 0 0 0; }
.news-top span{ float:left; font-weight:bold; background:url(../img/flower.png) right center no-repeat; padding:0 38px 0 0; font-size:20px;}
.news-top span b{ font-size:30px;}
.news-top span em{ font-style:normal; font-size:14px; font-weight:normal;}
.fra{ width:1004px; margin:0 auto; overflow:hidden; }
.fra1{ width:1004px; margin:0 auto;}
.fra2{ width:1002px; margin:0 auto; height:556px; border:1px solid #69c91c; background:#52b701; overflow:hidden;}
.news{ float:right; width:304px;   background:url(../img/cline.gif) left 40px repeat-x;}
.news ul{ float:left; width:303px; padding:40px 0 0 0px;}
.news ul li{float:left; width:303px; height:42px;  line-height:42px; padding:5px 0; font-size:14px;background:url(../img/news1.png) left center no-repeat;}
.news ul li a{float:left; width:263px;  line-height:42px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#ffffff; padding-left:40px;}
.news ul li.newseven{ background:url(../img/news.png) left center no-repeat;}

.product{ width:100%; }
.stop{ color:#ffffff;width:1004px;margin:30px auto 0px auto;padding:0px 0 30px 0;height:25px;background:url(../img/cline.gif) left bottom repeat-x}
.stop span{ float:left; font-weight:bold; background:url(../img/flower.png) right center no-repeat; padding:0 38px 0 0; font-size:20px;}
.stop span b{ font-size:30px;}
.stop span em{ font-style:normal; font-size:14px; font-weight:normal; text-transform:uppercase;}
.stop a{float:right;font-size:14px;color:#fff; padding:10px 0 0 10px;}
.pro-left{ float:left; width:158px; height:529px; position:relative; padding:0 0 0 17px;}
.pro-left a{ position:absolute; right:0; bottom:0; width:52px; height:26px; background:url(../img/promore.gif) left top no-repeat; color:#040404; font-size:14px; text-align:center; padding:45px 0 0 20px;}
.pro{ float:left; width:1004px; padding:15px 0 0 0;}
.pro ul{ float:right; width:826px;}
.pro ul li{ float:left; width:235px; height:241px; background:#fff; display:inline; padding:9px 9px 0px 9px; margin:0px 5px  29px 13px; position:relative; overflow:hidden;}
.pro ul li a{ float:left; width:235px; height:241px; background:#fff; display:inline; }
.pro ul li a img{ float:left; width:234px; height:176px;}
.pro ul li a .wor{ float:left; width:234px; height:30px; line-height:30px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#48a100; font-size:16px; font-weight:bold; text-align: center; padding:15px 0 0 0;}


.newsul{ float:left; width:1000px; padding:10px 0 0px 0px; height:280px; overflow:hidden;}
.newsul li{ cursor:pointer; float:left; width:480px; height:95px; display:inline; margin:30px 40px 0px 0px;}
.newsul li a{ cursor:pointer; float:left; width:478px; height:93px; }
.newsul li a:hover{ cursor:pointer; float:left; width:478px; height:93px; }
.newsimg{ float:left; width:100px; height:75px; display:inline; margin:9px 0 0 9px;}
.newsword{ float:right; width:370px; padding:5px 0 0 10px;}
.newsword p.top { float:left; width:370px;text-overflow:ellipsis; overflow:hidden; font-weight:bold; white-space:nowrap; color:#fff; font-size:16px;}
.newscon{ color:#747474; float:left;width:370px; height:48px; line-height:24px; overflow:hidden; font-size:14px; color:#fff; padding:10px 0 0 0;}
.newsul li em{ float:left; width:80px; height:80px; background:url(../img/act.png) left top no-repeat; line-height:80px; text-align:center; font-size:36px; color:#fff; padding:0 4px 8px 0 ;}
.newsul li.wu{ margin-right:0;}
.activity{ padding:10px 0 0 0;}
.case{ width:1002px; margin:0 auto; border:1px solid #66c619; background:#52b701; height:314px;}
.stop1{ color:#ffffff;width:920px;margin:20px auto 0px auto;padding:0px 0 30px 0;height:25px;}
.stop1 span{ float:left; font-weight:bold; background:url(../img/flower.png) right center no-repeat; padding:0 38px 0 0; font-size:20px;}
.stop1 span b{ font-size:30px;}
.stop1 span em{ font-style:normal; font-size:14px; font-weight:normal; text-transform:uppercase;}
.stop1 a{float:right;font-size:14px;color:#fff; padding:10px 0 0 10px;}
#container{width:920px;margin: 0 auto;position:relative;z-index:0}
#example{width:920px;height:247px;position:relative;z-index:0}
#slides{position:absolute;top:0;left:0;z-index:0;height:247px}
#slides .slide{height:300px;width:920px;position:relative;z-index:0;word-break:break-all;word-wrap:break-word}
#slides .next,#slides .prev{position:absolute;z-index:0;top:80px;left:-35px;width:22px;height:40px;display:block;background:url(../img/casel.png) no-repeat;}
#slides .next{z-index:0;position:absolute;left:930px;width:22px;height:40px;display:block;background:url(../img/caser.png) no-repeat;}
.slides_container{z-index:0;width:920px;height:220px;overflow:hidden;position:relative}
.pagination{display:none}
.pagination li{display:none}
.pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:none;background-position:0 0;float:left;overflow:hidden}
.pagination li.current a{background-position:0 -12px}
#slides .link{display:block;margin-top:10px;font-weight:800}
.product-ul{ float:left; width:103%}
.product-ul li{ float:left; width:205px; height:211px; background:#fff; display:inline; padding:9px 8px 0 8px; margin:0px 10px 0px 0px; position:relative; overflow:hidden;}
.product-ul li img{ float:left; width:205px; height:154px;}
.product-ul li p.wor{ float:left; width:205px; line-height:30px;  font-size:16px; padding:15px 0 0 0px; text-align:center; color:#48a100; font-weight:bold;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*---foot----*/
.foot{ width:100%; background:#75c01f; height:135px; border-top:1px solid #8ce329; font-size:12px;}
.footlink{ width:1004px; margin:25px auto ; overflow:hidden; }
.footlink .name{ float:left; width:104px; font-size:20px; font-weight:bold; color:#fff; line-height:30px;}
.linka{ float:left; width:850px; color:#fff; font-size:14px; line-height:30px; padding:0px 0 0 0px;word-wrap:break-word  }
.linka a{ display:inline-block; margin:0 5px;color:#fff;}
.foot-con{ width:1004px; margin:0px auto 0 auto; text-align:center; color:#fff; line-height:25px;}
.foot-con a{color:#fff;}
.foot ul{ width:1004px; height:40px; margin:0 auto; text-align:center; padding:20px 0 10px 0;}
.foot ul a{ display:inline-block; margin:0 8px; height:40px; font-size:14px; color:#fff; line-height:40px; text-align:center; }
.foot ul a:hover{  color:#fff;}
.foot ul a.cur{ color:#fff;}



/*----about-------------*/
.fy{ width:100%; background:url(../img/tipline.jpg) left top repeat-x; padding:30px 0 40px 0;}
.fyLeft{ float:left;width:232px; margin-top:13px;overflow:hidden;  margin-bottom:20px; }
.l_pro{float:left;width:230px; padding-bottom:30px; background:#52b701; border:1px solid #66c619;}
.l_pro_t{ float:left; display:inline; margin:10px 0 0 9px; background: url(../img/fyname.jpg) left top no-repeat; font-size:22px; text-align:center; width:211px; height:84px; color:#2c1001;  }
.l_pro_t b{ display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:20px 0 0 0; font-size:27px; color:#2c1001;}
.l_pro_t span{ display:block; text-transform:uppercase; font-size:12px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.l_procon{ float:left; width:211px; padding:20px 0 0 9px;  }
.proOne{ width:211px;float:left;overflow:hidden; padding:0 0 10px 0;}
.proOne a{width:149px; background:url(../img/fleft.gif) #fff 172px center no-repeat; font-weight:bold; padding:0 45px 0 17px;  color:#48a100;line-height:46px; float:left;font-size:16px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.proOne a.on{color:#DBB844}
.proTwo{ float:left; width:211px;line-height:25px;overflow:hidden;padding:0px 0 5px 0px;}
.proTwo li{ border-bottom:1px dotted #fff; float:left; width:100%;}
.proTwo li a{ float:left; font-size:14px; background:url(../img/fleft1.png) no-repeat 20px center; color:#fff; line-height:42px;width:179px; font-weight:normal; text-align:left; padding:0 0 0 32px;}
.proTwo li a:hover{ float:left;color:#fff}
.fy_lad{ float:left; padding:196px 0 0 0; width:232px; text-align:center; color:#0f0e0e; font-size:32px; font-family:Impact; font-style:italic; height:69px; display:inline; margin:30px 0 0 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.fyRight{ float:right; padding-bottom:30px;overflow:hidden;width:770px;   padding:10px 0 0 0;}
.title{ float:right;  width:743px; padding:0 0 15px 0;  height:45px;position:relative; line-height:45px; background:url(../img/cline.gif) left bottom repeat-x; }
.title .fl{ float:left; color:#fff; font-size:20px; font-weight:bold; }
.title .fr,.title .fr a{ color:#fff;font-size:14px;}
.title .fr{ float:right; margin-right:8px; margin-top:3px;}
.title .fr font{ font-size:14px;}
.padding25{ float:left; padding:20px 10px 0 27px;width:743px;word-break:break-all; line-height:30px; font-size:14px; min-height:640px; _height:640px; color:#fff;}
/*---------------pro--------------------*/
.proul{ float:left; width:760px; padding:45px 0 0 10px;}
.proul li{ float:left; width:237px; display:inline; padding:0 0 24px 0; margin:0px 0 0px 16px; position:relative; overflow:hidden;}
.proul li a{ float:left; width:220px; height:226px; padding:8px 8px 0 9px; background:#fff;}
.proul li a img{ float:left; width:220px; height:165px;}
.proul li a .wor{ float:left; width:220px; height:30px; line-height:30px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#48a100; font-size:16px; font-weight:bold; text-align: center; padding:15px 0 0 0;}
.title_s{ text-align: center;color: #fff;font-size: 12px;line-height: 35px;}
.padding25 h2{ font-size:18px; font-weight:normal; color:#fff; font-weight:bold;}
.padding25 .center img{ border:1px solid #ccc; margin-bottom:10px; width:auto; max-width:600px;_width:expression(this.width > 600 ? "600px" : this.width);overflow:hidden; }
.newsview{ min-height:300px;display:inline; width:100%;padding-top:25px;margin-bottom:25px; padding-bottom:15px;_height:300px; font-size:14px; line-height:28px; float:left; color:#fff;}
.main_r_nav div{ line-height:25px; color:#fff;}
.main_r_nav{ float:left; width:700px; font-size:14px; }
.returnlist{ display:inline; margin:30px 0 0 330px;  float:left;font-size:14px; background:url(../img/return.jpg) left top no-repeat; width:106px; height:36px; text-align:center; color:#4eae00; line-height:36px; font-weight:bold; }
.main_r_nav a{color:#fff;}

/*----------------news-----------------*/
.news_list{ float:left;padding:15px 0 0 27px;width:743px;font-size:14px}
.news_list li{float:left;width:743px;line-height:52px; border-bottom:1px dotted #fff;}
.news_list li a{font-size:14px; color:#fff;float:left;width:720px;height:52px;line-height:52px;background:url(../img/news1.png) left center no-repeat; padding-left:23px;}
.news_list li a span{cursor:pointer}
.news_list li .fl{width:546px;margin-left:6px;display:inline;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:10px;}
.news_list li .fr{margin-right:5px;}
.divShare{float:left; display:block; width:400px; padding:0 0 30px 270px;}

/*-------------------CASE-------------------*/
.pro_txtimg{float:left;margin-bottom:20px; padding:30px 0 0 27px;}
.pro_txtimg li{float:left;width:743px;padding:0px 0 35px 0;}
.pro_li_img{float:left;width:220px}
.pro_txtimg .proimg{float:left;width:220px;height:165px; border:8px solid #fff;}
.pro_li_txt{float:right;display:inline;width:488px;height:86px;color:#787878;line-height:36px;font-size:12px}
.protitle{float:left;width:488px;line-height:24px;padding:5px 0 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;font-size:16px;font-weight:700}
.procon{float:left;width:488px;line-height:30px;color:#fff;height:120px;overflow:hidden;padding:10px 0 0 0; font-size:14px;}


/*搜索*/
.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}
.searchnull{float:left;text-align:center;width:100%;padding:3% 0;font-size:16px}
.searchnull font{color:red;font-size:16px}