﻿/* CSS Document */
/*logo*/
.topbg{ height:39px;  line-height:39px; border-bottom:1px solid #d3d3d3; float:left; width:100%; text-align:left;}
.topbg .tleft{ float:left; font-size:14px; color:#858585;}
.topbg .tright{ float:right; font-size:14px; color:#858585;}
.topbg .tright li{ float:left; margin:0 10px; color:#858585;}
.topbg .tright a{ color:#858585; font-size:14px;}
.top{width:100%; float:left;}
.topcon{width:1200px; margin:0 auto;}
.logo{ float:left; margin:20px 0;}
.tags{ padding-left:20px; margin-left:20px; border-left:1px solid #d1d1d1; font-size:16px; color:#262626; margin-top:40px; line-height:30px; text-align:left;}
.tags strong{ display:block; font-size:18px; color:#262626;}
.tags strong span{ color:#0b8f44;}
.tel{ float:right; margin-top:40px;background:url(../images/tel.gif) no-repeat left center; text-align:left; font-size:16px; color:#333; padding:0 0 0 50px; }
.tel span{ display:block; font-size:24px; color:#00a650; font-family:Arial, Helvetica, sans-serif;}
.menubg{width:100%; float:left; position:relative;background:#09a951;}
.menu{width:1200px; height:50px; margin:0px auto;position:relative;   }

.menu ul li a{ color: #fff;font-size: 16px;font-family: "microsoft yahei";display: block;height:56px;line-height:56px;width:120px;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float: left;  position: relative; z-index:999;
text-align: center; background:url(../images/line.jpg) no-repeat left center;}
.menu li a:hover{background:#ff9300;}
.menu li #current{text-decoration:underline; background:#ff9300;}
.menu li:first-child{ background:none;}
/*下拉菜单*/
.menu li.mainlevel{ position:relative; z-index:10000;}
.menu li.mainlevel ul{ overflow:hidden; background:rgba(9,169,81,0.8); padding:0px 0; width:100%; }
.lbul{ display:none; position:absolute; left:0px; top:50px; width:100%;z-index:10001; }
.menu li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;}
.menu li.mainlevel ul li a{font-size:14px; background:none; color:#fff;display:block;height:40px;  font-weight:normal;line-height:40px; padding:0; border-bottom:1px solid #fff}
.menu li.mainlevel ul li a:hover{ background: #ff8a00; color:#000; font-weight:normal; text-decoration:none;height:40px;line-height:40px;border-bottom:1px solid #FFF500}
/*导航结束*/
.fixedNav {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;_position: absolute;_top:expression(eval(document.documentElement.scrollTop));}




/*banner*/
.banner{width:100%; float:left;}
.banner img{width:100%; height:auto;}


/*主体部分*/
.wrap{position:relative; width:100%; float:left;}
.w1100{width:1100px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
.wm{ margin:30px auto; width:100%; float:left;}

/*产品展示*/
.products{width:100%; float:left; margin:20px 0;}
.pnav{width:240px; float:left; padding-left:119px; padding-right:25px; background:url(../images/bg_sub.jpg) no-repeat left top; padding-top:60px; padding-bottom:80px; min-height:522px;}
.pti{width:200px; font-size:24px; color:#349907; margin:0 20px; border-bottom:1px dashed #cacaca; padding-bottom:10px; float:left;}
.pti span{ display:block; font-size:16px;}
.navlist{ margin:0 20px; float:left; width:83%;}
.navlist li{ float:left; width:100%; height:40px; margin:10px 0 0 0;}
.navlist li a{ display:block; line-height:40px; background:#0bb859; color:#fff; font-size:16px;}
.navlist li a:hover{ background:#ff9513;}

.plist{width:810px; float:right; padding-top:60px;}
.pcon{width:100%; float:left;}
.pcon li{ float:left; margin-bottom:30px; margin-right:10px; }
.pcon li a{ display:block; padding:3px; border:2px solid #d2e4ca;}
.pcon li img{width:247px; height:186px;}
.pcon li p{ color:#fff; font-size:16px; line-height:40px; background:#349907;}
.pcon li:nth-child(3n){ margin-right:0;}


/*我们的优势*/
.advg{width:100%; float:left; padding:20px 0;}
.advt{width:680px; margin:0 auto;}
.advt h3{ color:#00a650; font-size:46px; font-weight:normal; float:left;}
.advt p{ background:url(../images/ys.jpg) no-repeat left top; padding-top:35px; font-size:14px; color:#333; float:right;}
.youshi{ text-align:left; padding:0; float:left; width:100%;}
.youshi dl dt{ font-size:24px; color:#101010;}
.youshi dl dd{ margin:6px 0; font-size:16px; color:#333; line-height:30px;}
.youshi dl dd.en{ font-size:14px; color:#666; font-size:14px; font-weight:normal; text-transform:uppercase;}
.youshi .ul_1{ background:url(../images/01.png) no-repeat left top; padding-left:90px;}
.youshi .ul_2{ background:url(../images/02.png) no-repeat left top; padding-left:90px; margin-top:100px;}
.ys1{ float:left; width:640px;}
.ys2{ float:right; width:540px;}
.ys3{width:540px; float:left; margin-top:60px;}
.ys4{width:640px; float:right;margin-top:60px;}
.youshi .ul_3{background:url(../images/03.png) no-repeat left top; padding-left:90px;}
.youshi .ul_4{ background:url(../images/04.png) no-repeat left top; padding-left:90px; margin-top:100px;}


/*中药种植*/
.zz{width:100%; float:left; margin:20px 0; background:url(../images/bg_k3.jpg) no-repeat center top; padding-top:225px; height:520px;}
.zz .zleft{ padding:0 0 0 147px; width:400px;}
.zz .zright{ width:627px; margin:173px 0 0; position:relative;}
.zz .bfont{ padding:20px 0 0; text-align:left; float:left; width:100%;}
.zz .bfont span{ font-size:24px; color:#349907; font-weight:bold;}
.zz .bfont p{ font-size:24px; color:#2b2b2b;}
.zz .bp{ padding:50px 0 0 55px; height:130px; float:left;}
.zz .bp p{ font-size:14px; color:#7db364; margin-bottom:26px;}
.zz .btel{ padding:40px 0 0 0; width:100%; float:left; text-align:left;}
.zz .btel span{ color:#349907; font-size:24px; font-weight:bold; margin-left:141px;}
.zz .btel a{ display:block; width:160px; height:37px; margin:16px 0 0 117px;}
#Movie_Box4{ margin-left:30px; float:left;}
.ul-3 li {float: left;margin:0 15px 20px;width:236px; padding:0;height:168px; border:1px solid #959595;}
.ul-3 li a{overflow: hidden;position: relative;display:block; padding:0; display:block;}
.ul-3 li div{width:236px; height:198px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:144px; margin:0 auto;}
.ul-3 li div img{vertical-align:middle;}
.ul-3 li p{ font-size:16px; line-height:30px; color:#333;}
.ul-3 li a.a-p{font-size:14px;color:#333333;line-height:28px; height:28px;font-family:"微软雅黑"; text-align:center;}
.ul-3 li:hover a.a-p,.ul-3 li a.a-p:hover{ color:#fff; background:#ab071f; transition-duration:0.6s;}

#LeftButton4{ position:absolute; left:253px; bottom:-77px; width:36px; height:36px;}
#RightButton4{ position:absolute;right:277px; bottom:-77px; width:36px; height:36px;}



/*关于我们*/
.about{width:100%; margin:20px 0; position:relative; float:left; }
.ab_con{background:#fff; padding:20px 0; overflow:hidden;}
.about_pic{display:block;width:440px;height:370px; padding:3px; background:#fff;}
.about_pic img{width:440px;height:370px;}
.about_nr{width:655px;height:354px;margin-top:10px;margin-left:25px;position:relative;background: url(../images/ab_right_bg.png) no-repeat center top ;}
.about_nr h5{overflow:hidden;margin:30px 0 0 300px;}
.about_nr h5 a{font-weight:bold;font-size:18px;color:#fff;display:block;width:128px;height:34px;border-radius:3px;line-height:34px; background:#f07c17; text-align:center;float:left;border:1px solid #f07c17;}
.about_nr p{font-size:14px;line-height:28px;margin:50px 0 0 40px;text-align:left;}
.ab_more a{float:left;font-size:14px;font-weight:bold;text-align: center;width:156px;height:40px;line-height:40px;border-radius:20px;color:#fff; background:#339907; margin-top:20px;}
.ab_more a:hover{color:#fff; background:#f07c17;}


/*新闻资讯*/
.news{width:100%; float:left; position:relative; margin:20px 0 0 0; background:#EAF7E3;}
.new_con{width:100%; float:left; margin:20px 0;}
.nt{ margin:20px 0; position:relative; font-size:24px; color:#339907;}
.new_con{ margin:20px 0; position:relative; float:left;width:100%;}
.n_left{width:550px; float:left;}
.n_left img{height:335px;}
#np{width: 100%;margin-left: auto;margin-right: auto;}
#np .item {display: block;}
#np img {display: block; width: 100%;}
.n_right{width:600px; float:right;}
.nnav{width:100%; float:left;}
.nnav li{ display:inline-block;*display:inline; margin:0 20px;}
.nnav li a{display:inline-block;*display:inline; width:150px; height:40px; background:#02913f; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color:#fff; line-height:40px; font-size:16px;}
.nnav li a:hover{ background:#efad07;}
.nr{width:100%; float:left;}
.nr li{ float:left; width:100%; margin-top:20px; border-bottom:1px dashed #999; padding-bottom:10px;}
.nr li a{ font-size:16px; color:#333; text-align:left; display:block; padding-bottom:10px;}
.nr li span{border:1px solid #e2e2e2; padding:5px 10px;float:right; font-size:12px;}
.nr li p{ text-align:left; font-size:14px; color:#666; line-height:24px;}
.nr li a:hover{ color:#02913f;}

/*footer*/
.footer{width: 100%;float:left;color: #FFF; background:#339907;}
.footer a{color: #FFF;}
.footer .bq_l{ float:left; width:152px; padding-right:30px; border-right:1px solid #3AA50A; margin-top:30px;}
.footer .bq_l img{width:150px; height:152px;}
.footer .bq_r{ width:990px; float:left; margin-left:25px;}
.bq_r .ftnav{ width:986px; height:45px; border:1px solid #fff; margin-top:20px;}
.bq_r .ftnav ul li{ float:left; height:45px; line-height:45px; width:98px; text-align:center;}
.bq_r .ftnav ul li a{ font-size:16px; color:#fff;}
.bq_r .bqxx{ line-height:30px; font-size:16px; color:#fff; padding-top:20px; text-align:left;}
.bq_r .bqxx a{color:#fff;}

/* 面包屑 */
.location { padding:0; margin:0 0 25px; border: 1px solid #faf5f0; background:url(../images/location.jpg) repeat-x; line-height:40px; float:left;width:100%; text-align:left;}
.location .ico { display:block; padding-left:105px; background:url(../images/icon-home.png) no-repeat;  }
.location .ico a:hover,.location .ico a:last-child { color:#0aa300; }

/*boxleft*/
.bleft{width:240px; float:left; position:relative;}
.pro_sort_box .title{padding: 4px;background: url(../images/Pro_sort_title.jpg);font-size: 22px;line-height: 30px;text-align: center;}
.pro_sort_box .title_more{padding: 18px 10px;border: 1px solid #fff;color: #fff;}

.pro_sort li a{ display:block; font-size:16px; color:#333; line-height:57px;border-bottom:1px solid #dedede; background:#eee; background:linear-gradient(to bottom,#fff,#eee);}
.pro_sort li a:hover{border-bottom: 1px solid #ccc;
background: url(../images/iFCB_lt_sort_cur.jpg) no-repeat center;}
.inside{width:100%; float:left; margin-top:20px;}
.inside .title{height:40px;background:url(../images/location.jpg) repeat-x; line-height:40px;}
.inside .title_more { position:relative; float:left; min-width:70px;  padding:0 20px; background:url(../images/iFCB_lt_news.png) no-repeat right top; color:#fff; font-size:16px; text-align:center;}
.inside .more { float:right; margin-right:20px; padding-right:10px; background:url(../images/iFCB_sort_ico.png) no-repeat right center; color:#333; }
.inside .more a { color:#333; font-size:14px;}
.in_con{ padding:10px; text-align:left; font-size:14px; color:#333; line-height:30px; border:1px solid #dedede;}
/*右边主体*/
.bright {width: 930px;float: right;}
.txtcon {color: #666666; text-align:left; line-height:30px; font-size:16px;}





/*产品展示页面*/
.prolist .item {  width: 280px;height: 273px; float: left; position: relative;transition: all ease 300ms; overflow: hidden;background: url(../images/tpg.png) center center no-repeat; margin-left:10px; margin-right:28px; margin-bottom:30px; *width: 300px; }
.prolist .item:nth-child(3n){ margin-right:0;}
.prolist .item h3{ width:100%; text-align:center; padding:0;}
.prolist .item h3 span{ display:none;}
.prolist .item img {width: 250px;height: 200px;display:block;margin: 0 auto;border-top-left-radius: 6px;border-top-right-radius: 6px;margin-top: 10px;}
.prolist .item h3 {height: 60px;line-height: 60px;font-size: 16px;color: #333;overflow: hidden;transition: all ease 300ms;}



/*新闻详情*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px; text-align:left;}
.newsinfoleft {padding-left: 30px;}
#newsInfo i{ margin-right: 5px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px; text-align:left;}
#newsContent img{max-width:100%; text-indent:0em;}
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px;float: right; }
.sha a{ float: left;  margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }




/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #FF7800; }



/*新闻页面*/
.NewsList .item{width:898px; height: 138px; padding: 15px; margin-bottom:30px; transition: all ease 300ms;  border: 1px solid #ddd;}
.NewsList .item a{width: 100%; display: block;}
.NewsList .item img{width: 213px; height: 138px; display: block; margin-right:30px;}
.NewsList .item h3{font-size: 18px; color: #333; padding: 30px 0 16px; transition: all ease 300ms; text-align:left;}
.NewsList .item .txt{color: #999; line-height: 24px; height: 48px; padding-right: 64px; overflow: hidden;}
.NewsList .item .time{width: 100px; padding-top: 28px; line-height: 24px; font-family: arial; font-size: 16px; color: #999;}
.NewsList .item .time .day{font-size: 34px; line-height: 40px; display: block;}
.NewsList .item:hover{ border-color: #09a951; }
.NewsList .item:hover h3{color: #09a951; text-indent: 10px;}


/*咨询留言*/
.msgPage .title{font-size: 32px; color: #047fcc; text-align: center; padding: 22px 0 20px;}
.msgPage .formData{width: 649px; margin: 0 auto;}
.formData{padding: 20px 0 58px;}
.formData .im{width: 192px; padding-left: 115px; height: 52px; line-height: 52px; float: left; color: #999; border: 1px solid #d8d8d8; margin-right: 31px; margin-bottom: 18px; position: relative;}
.formData .im label{padding-left: 36px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 52px; line-height: 52px; font-size: 16px; color: #999999;}
.formData .im label s{width: 18px; height: 18px; position: absolute; left: 8px; top: 18px; background: url(../images/msg-ico.png) no-repeat 0 center;}
.formData .im input{outline: none; background: none; border: 0 none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .im .txt{width: 100%; height: 52px; line-height: 52px; display: block; color: #333; font-size: 14px;}
.formData .im .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .im.mr0{margin-right: 0;}
.formData .im.a1 label s{top: 16px; background-position: 0 center;}
.formData .im.a2 label s{top: 17px; background-position: -34px center;}
.formData .im.a3 label s{background-position: -64px center;}
.formData .im.a4 label s{background-position: -96px center;}
.formData .im.a5{width: 532px;}
.formData .im.a5 label s{width: 25px; left: 9px; top: 17px; background-position: -125px center;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 617px; height: 116px; float: left; padding: 15px 15px;}
.formData .liuyan label{height: 26px; line-height: 26px; padding: 0; left: 15px; top: 15px;}
.formData .liuyan textarea{width: 100%; height: 116px; line-height: 26px; text-indent: 42px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .btnbox{width: 100%; float: left;}
.formData .btnbox input{width: 190px; height: 55px; line-height: 55px; text-align: center; background: #047fcc; color: #fff; cursor: pointer; font-size: 22px; display: inline-block; *display: inline; *zoom: 1;}
.formData .btnbox input:hover{background: #bc070e; color: #fff;}
.formData .btnbox input.btn1{margin: 0 150px 0 60px;}
.formData .btnbox input.btn2{background: #999999;}
.formData .btnbox input.btn2:hover{background: #bc070e; color: #fff;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}

/*在线客服*/
.rightFix { width: 60px; height: 222px; position: fixed; right: 10px; bottom: 250px; z-index: 99; }
.rightFix .ico { width: 60px; height: 60px; display: block; position: relative; overflow: hidden; margin-top: 10px; border-radius: 60px; border: 1px solid #28a815; margin-bottom: 5px; background: #ffffff url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico .box { width: 120px; position: absolute; left: -78px; top: 0; text-align: center; padding: 5px; background: #28a815; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); border-radius: 5px; background: #fff; }
.rightFix .ico .box img { width: 110px; height: 110px; display: block; }
.rightFix .ico span { width: 210px; text-align: center; height: 60px; line-height: 60px; position: absolute; left: -78px; top: 0; background: #28a815; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 60px; }
.rightFix .ico:hover { background-color: #28a815; border-color: #28a815; overflow: visible; }
.rightFix .ico:hover .box { opacity: 1; filter: alpha(opacity=100); left: -140px; }
.rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; }
.rightFix .fix-tel { background-position: 11px 12px; }
.rightFix .fix-tel:hover { background-position: -33px 12px; }
.rightFix .fix-qq { background-position: 17px 19px; }
.rightFix .fix-qq:hover { background-position: -27px 19px; }
.rightFix .fix-ewm { background-position: 17px -35px; }
.rightFix .fix-ewm:hover { background-position: -27px -35px; }
.rightFix .fix_top { background-position: 18px -91px; }
.rightFix .fix_top:hover { background-position: -27px -91px; }
.rightFix .fix-form { background-position: 10px -234px; }
.rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; }
.rightFix .fix-form:hover { background-position: -37px -234px; }

.ewmbox2 { width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none; }
.ewmbox2 .close { width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms; }
.ewmbox2 .close:hover { transform: rotate(180deg); }
.ewmbox2 img { width: 260px; height: 260px; display: block; margin: 0 auto 10px; }
